PDA

Zobacz pełną wersję : Dwuwierszowe pozycje menu



Kondorek18
17-01-2013, 01:13
Witam!
Chciłabym, aby na mojej stronie (www.lso.diecezja.tarnow.pl (http://www.lso.diecezja.tarnow.pl)) pozycje menu, które są długie, łamały się i wyświetlały w dwóch linijkach, a nie były ucinane. Szukałem podobnego problemu w Internecie, ale google mi nie pomogły, próbowąłem również samemy grzebać w pliku css, ale bezskuteczni.
Załączam plik css.

tomaszek83
17-01-2013, 08:58
http://www.lso.diecezja.tarnow.pl/templates/lso_7/css/template.css (wiersz 2336)
ul.art-vmenu ul a {
background-image: url("../images/vsubitem.gif"); to zamień na background: #wybrany_kolor;
background-position: 25px 0;
background-repeat: repeat-x;
color: #49301D;
display: block;
font-size: 12px;
font-weight: normal;
height: 22px;<-- usuń to
line-height: 22px;
margin-left: 0;
overflow: visible;
padding: 0 0 0 25px;
white-space: nowrap;
}

http://www.lso.diecezja.tarnow.pl/templates/lso_7/css/template.css (wiersz 2141)
ul.art-vmenu a {
cursor: pointer;
display: block;
height: 26px; <--usuń to
overflow: hidden;
position: relative;
text-decoration: none;
}

Natomiast pojawi Ci się problem z backgroundem który jest obrazkiem. Zamień go wtedy ewentualnie na wypełnienie kolorem.

Kondorek18
23-01-2013, 18:49
background-image: url("../images/vsubitem.gif"); to zamień na background: #wybrany_kolor;
background-position: 25px 0;
background-repeat: repeat-x;

Niestety nie działa, cały czas jest wyświetlony obrazek, ale udało się zrobić pozycje dwuliniowe (wyglada to tak www.lso.diecezja.tarnow.pl), więc dzieki za to ale chce jeszcze zachować tło graficzne? Chciałbym, żeby wygladało to następująco: Przy pozycjach dwuwierszowych był obrazek taki jak ten tylko rozciagnięty (majacy dwukrotną wysokość), a przy pozycjach jednoliniowych był on sciągnięty w dół lub ucinany?
Moge z edytowąć plik graficzny odpowiadajacy za to, tak żeby był on wyswielany cały przy pozycjach dwuwierszowych, a ucinany lub zmnijszany przy tych jednoliniowych, ale jak to zmienic w css.

Kondorek18
23-01-2013, 21:44
Udało mi się to zrobić zmieniając plik graficzny i kombinując metoda prób i błedów w pliku css.
Ale mam inny dylemat: czy można zmniejszyc przestrzeń miedzy liniami dwuwierszowych pozycji, tak aby nie zminiły się odległosci miedzy pozycjami?

a_m
23-01-2013, 22:02
których pozycji? np. dla "Diecezjalna Szkoła Ceremoniarza i Animatora" pobaw się ul.art-vmenu li.item108 a .t - line-height:; generalnie nie wspierajemy tu artisteera i polecamy firebuga (http://getfirebug.com/)

Kondorek18
24-01-2013, 00:22
Dziekuje wszystko działa jak należy!

Mam jeszcze jeden problem, nie wiem czy pisac tu, ale nie ma chyba sensu zakładac nowego tematu.
Chciałbym żeby tytuły modułów (np. Kalendarz liturgiczny) wyświetlał się tak samo jak tytuł menu (np. Varia) z tą róznicą, że chciałbym, aby był drobny margines dolny. Udało mi się zmienić plik graficzny i zmienic wysokość, a chiałbym, żeby również szerokośc była jednakowa, zniknął margines górny oraz tekst wewnątrz wyświetlał się jednakowo. Niestety metoda prób i błędów nie pomogła mi znaleść właściwych parametrów.
Czy jest możliwość dodania zarówno do tytułów menu jak i modułów ramki o wybranym kolorze?
http://www.lso.diecezja.tarnow.pl/templates/lso_8/css/template.css - aktualny plik CSS