PDA

Zobacz pełną wersję : .moduletable ul



kmx_xp
28-01-2010, 23:04
Robię stronę top, nizej lewa kolumna,srodkowa(główna) i prawa
lewa ma wartość moduletable identycznie sformatowana jak prawa czyli



<div id="lewy">
<div class="moduletable">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<?php endif; ?>


LINK DO STRONY


<div id="prawy">
<div class="moduletable">
<?php if($this->countModules('right')) : ?>
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<?php endif; ?>

#lewy {
top:220px;
display:inline;
width:250px;
overflow:hidden;
position:absolute;
}

#lewy div.moduletable h3 {
background:url(../images/menu_lewe_gora.png) left ;
background-repeat: no-repeat;
margin:0px;
padding:5px;
max-height: 43px;
width:250px;

}

#lewy div.moduletable {
background:url(../images/menu_lewe_srodek.png)left ;
background-repeat: repeat-y;

}

#lewy div.moduletable ul {
background:url(../images/menu_lewe_dol.png) bottom left;
background-repeat: no-repeat;
margin:0px;
padding:10px;
width:250px;

}
#prawy {
top:220px;
display:inline;
width:257px;
overflow:hidden;
margin-left:782px;
position:absolute;
}
#prawy div.moduletable h3 {
background:url(../images/menu_prawe_gora.png) left;
background-repeat: no-repeat;
margin:0px;
padding:5px;
max-height: 43px;
width:260px;

}

#prawy div.moduletable {
background:url(../images/menu_prawe_srodek.png) left;
background-repeat: repeat-y;
position:relative;
overflow:hidden;
padding-bottom:5px;
}


#prawy div.moduletable ul {
background:url(../images/menu_prawe_dol.png) bottom left;
background-repeat: repeat-y;
margin:0px;
padding:10px;
width:250px;

}
Nie domyka mi prawej kolumny grafiką w zadnym z modułów chodzi o
"#prawy div.moduletable ul " probowałem juz na wiele sposobów wpadłem na pomysł że po prawej stronie nie moze być znacznik "ul" tak jak w lewym(login itp) ponieważ nie ma tam modułów takich samych jak po lewej stronie ; w prawej kolumnie są tylko: polls(sonda),who is online?, i reklamy
Czy to prawda ze dlatego nie działa??
jeśli tak jak temu zaradzić?

LINK http://scorpionstyle.cba.pl/ tutaj akurat strona rozjechana ale widać o co chodzi

KYCu
28-01-2010, 23:35
Link do strony przydałby się. Używasz FF? zainstaluj sobie wtyczke firebug.

kmx_xp
29-01-2010, 08:40
dalej nie wiem jak to naprawic w firebug wyswietla ze dolna czesc dziala i pokrywa sie z cialem prawej kolumny

KYCu
29-01-2010, 09:28
W kodzie porządek jak... nie powiem gdzie :p. Słuchaj, na początek dobrze poczytaj jak się robi szablony na DIVach http://www.kurshtml.boo.pl/css/wstep,szablon.html

kmx_xp
29-01-2010, 14:59
#lewy {
top:50px;
float:left;
width:250px;
overflow:hidden;
position:relative;
}

#lewy div.moduletable h3 {
background:url(../images/menu_lewe_gora.png) left ;
background-repeat: no-repeat;
margin:0px;
padding:5px;
max-height: 43px;
width:250px;

}

#lewy div.moduletable {
background:url(../images/menu_lewe_srodek.png)left ;
background-repeat: repeat-y;

}

#lewy div.moduletable ul {
background:url(../images/menu_lewe_dol.png) bottom left;
background-repeat: no-repeat;
margin:0px;
padding:10px;
width:250px;

}
#prawy {
top:50px;
float:right;
width:258px;
overflow:hidden;
position:relative;
}
#prawy div.moduletable h3 {
background:url(../images/menu_prawe_gora.png) left;
background-repeat: no-repeat;
margin:0px;
padding:5px;
max-height: 43px;
width:260px;

}

#prawy div.moduletable {
background:url(../images/menu_prawe_srodek.png) left;
background-repeat: repeat-y;
position:relative;
overflow:hidden;
padding-bottom:5px;
}


#prawy div.moduletable ul{
background:url(../images/menu_prawe_dol.png) bottom left;
background-repeat: repeat-y;
margin:0px;
padding:10px;
width:250px;

}
.srodek {
margin-top:50px;
margin-left:250px;
margin-right:255px;
text-align:center;
overflow:hidden;
width:532px;




}

#tresc_gora {
background:url(../images/tresc_gora.png)top left;
background-repeat: no-repeat;
padding-top:35px;
width:532px;

}

#srodek_srodek {

background:url(../images/srodek_srodek.png)left ;
background-repeat: repeat-y;
width:532px;
}

#srodek_dol {
background:url(../images/srodek_dol.png) bottom left;
background-repeat: no-repeat;
margin:0px;
padding:10px;
width:532px;
}
dzieki poprawiłem jak doradziles ale w dalszym ciagu nie rozwiazało to mojego problemu... prawy moduletable nie jest dalej domkniety od dołu

kmx_xp
01-02-2010, 12:41
licze na pomoc :)

kmx_xp
07-02-2010, 10:54
czy jest ktos kto da rade mi pomoc?

a_m
07-02-2010, 11:23
Nie domyka mi prawej kolumny grafiką w zadnym z modułów

i nie domknie, bo nie masz "domykania" w stylach; musisz wystylizować prawe divy - kontenery modułów podobnie jak lewe moduletable ul ( #lewy div.moduletable ul {background:transparent url(../images/menu_lewe_dol.png) no-repeat left bottom;} )

kmx_xp
10-02-2010, 18:49
przeciez mam tak samo wystylizowane jak lewą


#prawy {
top:50px;
float:right;
width:258px;
overflow:hidden;
position:relative;
}
#prawy div.moduletable h3 {
background:url(../images/menu_prawe_gora.png) left;
background-repeat: no-repeat;
margin:0px;
padding:5px;
max-height: 43px;
width:260px;

}

#prawy div.moduletable {
background:url(../images/menu_prawe_srodek.png) left;
background-repeat: repeat-y;
position:relative;
overflow:hidden;
padding-bottom:5px;
}


#prawy div.moduletable ul{
background:url(../images/menu_prawe_dol.png) bottom left;
background-repeat: repeat-y;
margin:0px;
padding:10px;
width:250px;

}

a_m
10-02-2010, 18:56
ten fragment kodu nie świadczy o tym, że prawa kol. jest identycznie wystylizowana jak lewa; przejrzyj zawartość prawej kolumny - nie masz tam np. elementu ul, i jeden z modułów nie jest osadzony w .moduletable ...