PDA

Zobacz pełną wersję : Menu poziome css



dom12345
21-03-2011, 21:21
Witam!

Do mojej stronki chciałbym dodać sobie menu poziome (ktore już wykonałem w css) będące na środku ekranu pod moim logiem stronki.
Oto kod css:

<!-

ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;

}

ul {
font-family: Dutch801 Rm BT;
float: left;
margin: 10cm;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 4px solid #000;
list-style: none;

}

ul li {
float: left;


}

ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}

ul a:hover {
background-color: #800;
background-image: url("tlo2.gif");
}

-->


Mój problem polega na tym ze niewiem w którym miejscu mam te style zdefiniować(w jakim pliku) ?Niewiem co dodać,gdzie dodać, wiem tylko że musze gdzie wstawic kod <ul>...</ul> czyli wypunktowanie.
Menu tak wygląda:
https://lh3.googleusercontent.com/_wYcSmwMUUZc/TYezBNhnPEI/AAAAAAAAAGU/pXh6bgeuP3A/ScreenHunter_01%20Mar.%2021%2021.18.jpg

Bazyl
21-03-2011, 21:38
Witam,

Gdybyś sam napisał ten kod, jak mówisz, wiedziałbyś, gdzie wstawić kod.

dom12345
22-03-2011, 07:39
Dobra przyznaję się bez bicia:zagubiony: ,kod zostały pobrany z tąd :http://www.kurshtml.boo.pl/css/poziome_menu,menu.html

Bazyl
22-03-2011, 08:43
Kod umieszcza się w plikach css.
Bierzesz Firebuga, podglądasz kod swojego menu, zwracasz uwagę na wygenerowane przez J! klasy, modyfikujesz swój kod tak, by pasował do obecnego.
Zamieniasz kod z oryginalnego na Twój.

Zrób kopię plików css przed modyfikacją.

Prościej: zmodyfikuj obecny css dla menu.

dom12345
22-03-2011, 12:33
Udalo mi się zrobić aczkolwiek niektóre przeglądarki wariacji dostają bo zmienia mi pionowe menu , na Chrome działa ok ale na Opera czy IE? Sami zobaczcie :http://needforspeedek.cba.pl/

nikszal
22-03-2011, 13:06
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;

}

ul {
font-family: Dutch801 Rm BT;
float: left;
margin: 10cm;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 4px solid #000;
list-style: none;

}

Ja nie mam takiej czcionki, więc co zobaczę w menu? Innych, alternatywnych czcionek nie podałeś.