+ Antworten
Ergebnis 1 bis 3 von 3

Thema: Modul phocagallery image

  1. #1
    Neu an Board
    Registriert seit
    04.11.2011
    Beiträge
    2
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Rotes Gesicht Modul phocagallery image

    Hallo!

    ich bitte euch um Hilfe! Seit Tagen bastle ich an einer Webpage (link: www.rotbaendchen.at) Heute hab ich die Hintergrundfarben geändert, und plötzlich rutscht in der rechten Spalte das Modul "Phocagallery image" nach unten. Zuvor hat es super funktioniert.

    Hat jemand eine Idee?
    Im CSS bin ich aufgeschmissen, weil ich nicht weiß was ich ändern muss.

    Vielen Dank für eure Hilfe!!!

    /*** Template specific layout elements ***/
    /*****************************************/

    #page_bg {
    background: transparent url(../images/page_bg.jpg) repeat-x top left;
    }

    #header {
    position:relative;
    margin:0 auto;
    padding:20px 0 0 0;
    width:972px;
    height:182px;
    background: #f6f8e1 url(../images/headerimg.png) no-repeat top center;
    }

    #content {
    margin:0 auto;
    width:974px;
    background: #f6f8e1 url();
    }

    #leftcolumn, #rightcolumn {
    float:left;
    width: 215px;
    margin:0 10px 0 0;
    }

    #rightcolumn {
    float:right;
    margin:0 0 0 10px;
    }

    div#maincolumn {
    float: left;
    width:530px;
    padding:10px 0;
    margin:0;
    }

    div#maincolumn_left, div#maincolumn_right {
    padding:10px 0;
    float: left;
    width:740px;
    }

    div#maincolumn_right {
    width:710px;
    padding:0 0 0 10px;
    }

    div#maincolumn_full {
    padding:10px;
    width:940px;
    }

    div.nopad {
    overflow: hidden;
    }

    div.nopad ul {
    clear: both;
    }

    td.middle_pad {
    width: 20px;
    }

    /*****************************************/
    /*** Joomla! specific content elements ***/
    /*****************************************/

    div.offline {
    background: #fffebb;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.2em;
    padding: 5px;
    }

    /* headers */
    div.componentheading {
    height: 22px;
    margin:0;
    color: #444;
    }

    table.blog {

    }

    .article_column {

    }

    .column_separator {

    }

    td.buttonheading {
    text-align: right;
    width: 0;
    }

    .clr {
    clear: both;
    font-size:0;
    }

    table.blog span.article_separator {
    display: block;
    height: 20px;
    }

    /* module control elements */
    table.user1user2 div.moduletable {
    margin-bottom: 0px;
    }

    div.moduletable, div.module {
    margin-bottom: 10px;
    }

    div.module_menu, div.module, div.module_text{
    padding: 0;
    }

    div.module_menu div,div.module div,div.module_text div {
    margin:0 0 26px 0;
    }

    div.module_menu div div,div.module div div,div.module_text div div {
    text-align: center;
    }


    #leftcolumn div.module_menu div div div,#leftcolumn div.module div div div,#leftcolumn div.module_text div div div {
    padding:0 0 20px;
    background: transparent url() no-repeat bottom left;
    }
    #rightcolumn div.module_menu div div div,#rightcolumn div.module div div div,#rightcolumn div.module_text div div div {
    background: transparent url() no-repeat bottom right;
    }

    div.module div div div div {
    background: transparent none repeat scroll 0%;
    width: 143px;
    }

    #leftcolumn div.module_menu div div div div,#leftcolumn div.module div div div div,#leftcolumn div.module_text div div div div,
    #rightcolumn div.module_menu div div div div,#rightcolumn div.module div div div div,#rightcolumn div.module_text div div div div {
    background: none;
    margin:0 auto;
    padding:0;
    color:#666;
    }

    #leftcolumn div.module_text div div div div, #rightcolumn div.module_text div div div div {
    text-align: left;
    }

    #leftcolumn div.module_text div div div div.bannergroup_text,#rightcolumn div.module_text div div div div.bannergroup_text {
    padding: 10px 10px 10px 30px;
    width: 160px;
    }

    #leftcolumn div.module_text div div div div.bannergroup_text div,#rightcolumn div.module_text div div div div.bannergroup_text div {
    color:#666;
    width: auto;
    padding: 0 0 4px;
    }

    div.module div div div form {
    margin:0 auto;
    padding:0 0 6px 10px;
    text-align:left;
    width:170px;
    }

    div.module_menu ul {
    list-style: none;
    padding: 0;
    }

    div.module_menu ul#mainlevel {
    margin: 0 auto;
    text-align: center;
    }

    div.module_menu ul li{
    margin: 0;
    padding: 0;
    }

    div.module_menu ul li a:link, div.module_menu ul li a:visited {
    font-weight: 700;
    padding: 2px 0;
    line-height: 24px;
    color:#888;
    background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
    }

    #leftcolumn div.module table ,#rightcolumn div.module table {
    padding: 0 0 6px 0;
    background:none;
    }

    #leftcolumn div.module table td ,#rightcolumn div.module table td {
    margin:0;
    padding: 0 6px 0 0;
    height:20px;
    color:#666;
    text-align:left;
    line-height:13px;
    vertical-align: middle;
    }

    #leftcolumn div.module table.poll {

    }

    #leftcolumn div.module table.poll td {
    text-align: left;
    }

    /* LEFT COL H3 */
    #leftcolumn h3, #rightcolumn h3 {
    width:194px;
    margin:0;
    height:37px;
    line-height:27px;
    padding:0 10px;
    font-size: 11px;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    color: #921322;
    text-align: left;
    text-transform:none;
    overflow:hidden;
    background: transparent url() no-repeat top left;
    }

    #rightcolumn h3 {
    background: transparent url() no-repeat top right;
    }

    .moduletable_menu, .moduletable, .moduletable_text {
    margin: 0 0 16px 0;
    padding: 0 0 8px 0;
    }

    #leftcolumn ul.menu, #rightcolumn ul.menu {
    list-style: none;
    text-align: left;
    margin:0;
    padding: 0 0 0 4px;
    }

    #leftcolumn ul.menu li, #rightcolumn ul.menu li{
    padding:0 0 6px;
    }

    /*LEFT COL LINK*/

    #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
    #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
    display:block;
    font-weight: 400;
    font-size: 11px;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    line-height: 12px;
    padding:0 12px 0 18px;
    margin:0;
    text-decoration: none;
    color: #921322;
    background: transparent url(../images/menu_arrow.gif) no-repeat left top;
    }


    #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
    color: #921322;
    }

    /*LEFT COL CURRENT LINK*/

    #leftcolumn ul.menu li#current, #rightcolumn ul.menu li#current {
    }

    #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
    #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
    color: #921322;
    padding:0 12px 0 18px;
    }

    #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
    display:block;
    color: #921322;
    }

    /*LEFT COL SUB LINK*/
    #leftcolumn ul.menu li#current ul li {
    background:none;
    }

    #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,
    #rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link {
    font-weight: 400;
    text-decoration: none;
    color: #707e5c;
    line-height:16px;
    padding:0 10px 0 0;
    margin:0 0 0 18px;
    width:160px;
    background: none;
    }

    #leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover {
    color: #921322;
    }

    #leftcolumn ul.menu li ul li#current, #rightcolumn ul.menu li ul li#current {
    }

    #leftcolumn ul.menu li.parent ul li, #rightcolumn ul.menu li.parent ul li {
    }

    #leftcolumn ul.menu li.parent ul li a,
    #rightcolumn ul.menu li.parent ul li a {
    line-height:12px;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    color: #707e5c;
    padding:0 12px 0 18px;
    background: none;
    }

    #leftcolumn ul.menu li.parent ul li a:hover {
    color: #921322;
    background: none;
    }

    /*SUBMENU POSITION*/
    #leftcolumn ul.menu li#current ul {
    margin: 0;
    padding: 0;
    }

    #leftcolumn ul.menu li#current ul li {
    margin: 0;
    padding: 0;
    }

    /*CURRENT SUBMENU POSITION*/
    #leftcolumn ul.menu li ul {
    margin: 0;
    padding: 0;
    }


    #leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
    list-style: none;
    margin:0;
    }


    /* forms */
    #leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
    margin: 6px 0;
    padding: 0;
    list-style: none;
    }

    #leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
    margin: 0;
    padding: 0 2px;
    }

    table.adminform textarea {
    width: 540px;
    height: 400px;
    font-size: 1em;
    color:#666;
    }

    div.caption { padding: 0 10px 0 10px; }
    div.caption img { border: 1px solid #CCC; }
    div.caption p { font-size: .90em; color: #333; text-align: center; }

    /* Parameter Table */
    table.paramlist {
    margin-top: 5px;
    }

    table.paramlist td.paramlist_key {
    width: 128px;
    text-align: left;
    height: 30px;
    }

    table.paramlist td.paramlist_value {
    }

    div.message {
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 700;
    font-size : 14px;
    color : #c30;
    text-align: center;
    width: auto;
    background-color: #f9f9f9;
    border: solid 1px #d5d5d5;
    margin: 3px 0px 10px;
    padding: 3px 20px;
    }

    /* Banners module */

    /* Default skyscraper style */
    .bannergroup {
    }

    .banneritem {
    }

    /* Text advert style */

    .banneritem_text {
    padding: 4px;
    font-size: 11px;
    }

    .banneritem_text a {
    font-weight:700;
    color:#98AF76;
    }

    .bannerfooter_text {
    padding: 4px;
    font-size: 11px;
    text-align: right;
    }

    /* System Messages */
    /* see system general.css */

    .pagination span { padding: 2px; }
    .pagination a { padding: 2px; }

    /* Polls */
    .pollstableborder td {
    text-align: left;
    }

  2. #2
    Gehört zum Inventar Avatar von Marcus77
    Registriert seit
    17.02.2006
    Ort
    Stettenhof
    Beiträge
    5.087
    Bedankte sich
    76
    Erhielt 1.021 Danksagungen
    in 996 Beiträgen

    Standard

    dazu mußt du in der template.css

    bei

    div#maincolumn {
    float: left;
    width:530px;
    padding:10px 0;
    margin:0;
    }
    die width auf 520 px ändern
    (Sofern dir meine Antwort geholfen hat, drücke einfach LINKS den "DANKE" - BUTTON)

  3. #3
    Neu an Board
    Registriert seit
    04.11.2011
    Beiträge
    2
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard das wars nicht

    Hallo!

    das hat leider nicht funktioniert. es hat sich nix geändert.
    Danke trotzdem.

+ Antworten

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein