sirmicho
07-03-2008, 08:54
Witam.
Mam problem, z którym nie mogę sobie poradzić niestety.
Tworzę stronę, której templatka przewiduje dwa marginesy (left i right) a treść właściwa jest wyswietlana w środkowej części, pomiędzy marginesami. Lewy margines przewidziany jest na menu. Stworzyłem moduł, który wyświetla menu jako Legacy - vertical (po poslku Zgodność - pionowo w tabeli). Problem polega na tym, że jesli pozycja w menu jest za długa (wyraz) to wychodzi z lewego marginesu i zachodzi na tekst właściwy (patrz screenshot).
Jak zmusić by wyraz przenosił się do kolejnego wiersza jeśli nie mieści się w szerokości swojej części? Kombinowałem już z wpisami word-wrap i overflow w css templatki (w sekcji przeznaczonej dla samego menu jak i dla modułu) i niestety nic nie wskurałem (overflow dał mi tylko tyle że ablbo ucina niemieszczący się tekst albo wstawia paski przewijania co szpeci wyglad strasznie).
Korzystam z darmowej templatki, którą modyfikuję. Poniżej przedstawiam fragmenty css dotyczace menu i sekcji left (tu nazwana vasen).
Vasen (left)
#vasen{
float: left;
width: 150px;
margin-right: 10px;
}
Menu
a.mainlevel:link, a.mainlevel:visited {
display: block;
background-image: url('../images/bulletti.gif');
background-repeat: no-repeat;
background-position: top left;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #3367CD;
text-align: left;
padding-top: 5px;
padding-left: 10px;
height: 15px !important;
height: 20px;
text-decoration: none;
}
a.mainlevel:hover {
background-image: url('../images/bulletti_above.gif');
background-repeat: no-repeat;
background-position: top left;
text-decoration: none;
color: #FFA025;
font-weight: bold;
}
a.mainlevel#active_menu {
background-image: url('../images/bulletti_on.gif');
background-repeat: no-repeat;
background-position: top left;
color:#00349A;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline overline;
}
a.mainlevel#active_menu:hover {
background: url('../images/bulletti_on.gif') no-repeat;
color: #3367CD;
font-weight: bold;
}
Dołączam również screenshot - chodzi rzecz jasna o pozycję Zarządzanie bezpieczeństwem.
Uprzejmie proszę o jakieś wskazówki.
Mam problem, z którym nie mogę sobie poradzić niestety.
Tworzę stronę, której templatka przewiduje dwa marginesy (left i right) a treść właściwa jest wyswietlana w środkowej części, pomiędzy marginesami. Lewy margines przewidziany jest na menu. Stworzyłem moduł, który wyświetla menu jako Legacy - vertical (po poslku Zgodność - pionowo w tabeli). Problem polega na tym, że jesli pozycja w menu jest za długa (wyraz) to wychodzi z lewego marginesu i zachodzi na tekst właściwy (patrz screenshot).
Jak zmusić by wyraz przenosił się do kolejnego wiersza jeśli nie mieści się w szerokości swojej części? Kombinowałem już z wpisami word-wrap i overflow w css templatki (w sekcji przeznaczonej dla samego menu jak i dla modułu) i niestety nic nie wskurałem (overflow dał mi tylko tyle że ablbo ucina niemieszczący się tekst albo wstawia paski przewijania co szpeci wyglad strasznie).
Korzystam z darmowej templatki, którą modyfikuję. Poniżej przedstawiam fragmenty css dotyczace menu i sekcji left (tu nazwana vasen).
Vasen (left)
#vasen{
float: left;
width: 150px;
margin-right: 10px;
}
Menu
a.mainlevel:link, a.mainlevel:visited {
display: block;
background-image: url('../images/bulletti.gif');
background-repeat: no-repeat;
background-position: top left;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #3367CD;
text-align: left;
padding-top: 5px;
padding-left: 10px;
height: 15px !important;
height: 20px;
text-decoration: none;
}
a.mainlevel:hover {
background-image: url('../images/bulletti_above.gif');
background-repeat: no-repeat;
background-position: top left;
text-decoration: none;
color: #FFA025;
font-weight: bold;
}
a.mainlevel#active_menu {
background-image: url('../images/bulletti_on.gif');
background-repeat: no-repeat;
background-position: top left;
color:#00349A;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline overline;
}
a.mainlevel#active_menu:hover {
background: url('../images/bulletti_on.gif') no-repeat;
color: #3367CD;
font-weight: bold;
}
Dołączam również screenshot - chodzi rzecz jasna o pozycję Zarządzanie bezpieczeństwem.
Uprzejmie proszę o jakieś wskazówki.