CSS klase

Zdravo,

imam jedan problem sa dodavanjem dugmeta na stranicu. Dugme radi bez problema kad je samo, ali cim dodam na postojecu stranicu nepravilno se prikazuje.

Vjerovatno je problem sto je vec definisana neka klasa npr. .div pa dolazi do gresake?

Nisam bas toliko iskusan sa css-om (klasama), pa ako bi mi mogao neko izmjeniti sljedeci kod (imena klase), pa da mogu provjeriti da li je do toga problem.

HTML:

<ul class="sidenav">
   
    <li class="#">
        <a href="#">Tutorials
        <span class="#">This is tutorial </span>
        </a>
    </li>
</ul>

CSS:

ul.sidenav {
    font-size: 1.2em;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #005094;
    border-bottom: 1px solid #3373a9;
    border-top: 1px solid #003867;
}
ul.sidenav li a{   ovdje ne bi znao izmjeniti, buni me "ul.sidenav li a"
    display: block;
    color: #fff;
    text-decoration: none;
    width: 195px;
    padding: 10px 10px 10px 35px;
    background: url(sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #3373a9;
    border-bottom: 1px solid #003867;
}

ul.sidenav li a:hover {
    background: #003867 url(sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #1a4c76;
}
ul.sidenav li span{    display: none; }
ul.sidenav li a:hover span {
    display: block;
    font-size: 0.8em;
    padding: 10px 0;
}

nema greske, ali ne uklapa se u kompletnu stranicu, vjerovatno se na toj stranici nalazi vec ta klasa, pa sa sad mijesaju - ne znam sta bi drugo moglo biti..

radi se o template-u, evo link (pogledaj na dnu stranice)

http://wbsite.co.cc/

(ukoliko probas sa firebux da kopiras kompletan kod, onda ce ti raditi bez greske :P, ali kad je postavis pravo, ispadne tako nepravilno... :(

takodjer sam umjesto toga napravio jednu drugu stvarcicu, ali isti problemi..

nemam ti maila, neradi ni pm kod tebe :P

pa postavio sam :P onaj link na pocetku, samo scrolaj na dno stranice, vidjeces plavo dugme :)

EDIT: sad sam postavio odgovorajuci css (onaj predhodni sam valjda ja nesto dirao)

izmjenjeno :)

Ima napretka, samo bi jos morao da suzim dugme, i mislim da bi poprilicno dobro izgledao

CSS - novi:

ul.sidenav {
    font-size: 1.2em;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #005094;
    border-bottom: 1px solid #3373a9;
    border-top: 1px solid #003867;
}
ul.sidenav li a{
    display: block;
    color: #fff;
    text-decoration: none;
    width: 155px;
    padding: 10px 10px 10px 35px;
    background: url(sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #3373a9;
    border-bottom: 1px solid #003867;
    overflow:hidden;
}

ul.sidenav li a:hover {
    background: #003867 url(sidenav_a.gif) no-repeat 5px 7px;
    border-top: 1px solid #1a4c76;
}
ul.sidenav li span{    display: none; }

ul.sidenav li a:hover span {
    display: block;
    font-size: 0.8em;
    padding: 10px 0;
}

ul.sidenav li{
    padding:0;
    margin:0;
}

evo izmjenio sam, ali izgleda nema efekta (dugme ostane nepromjenjeno), to sam ostavio kako si mi rekao (ali naravno sa ovim sto sam sada dodao mogu mijenjati dugme on hover (suzavati i siriti onaj tamniji dio)..

Sad sam dodao u ul.sidenav(radi i sa ul.sidenav li)i parapetar height:50px; i uspjeo sam suziti dugme :D ali je ostala ona linija :D (tako sada stoji na stranici)

skonto sam i liniju nesto (ul.sidenav li a promjenim padding na 3px 6px 0 35px, mada nisam sigurad da li ce biti dobro - malo mi slova od dugeta odu na vrh) (nisam postavio na stranicu - sutra)

sutra cu da nastavim (danas), pa javim ako sta doradim