Autor Zpráva
pavlik123
Profil
DObrý den,

prosím o radu, jak docílit tohoto menu. Vyexportoval jsem si bílé pozadí se stínem, umístil jsem jej do css, ale když na něj přidám text, zmizí. Kde dělám chybu?




#nadpis {
    font: 13pt GeosansLight;
    background-image: url(top.png); 
}

#nadpis ul {list-style-type: none;
            margin: 0;
            padding: O;    
            text-align: center;
                    
}

#nadpis ul li {
    display: inline;
}

#nadpis ul li a {
    text-decoration: none;
}




HTML kód

<div id="nadpis">
<ul>
<li>LOREM IPSUM</li>
<li>LOREM IPSUM</li>
<li>LOREM IPSUM</li>
<li>LOREM IPSUM</li>
<li>LOREM IPSUM</li>
</ul>
</div>
margin
Profil *
Budu věštit, ale nemám telefonní číslo začínající 906, tak to budeš mít zdarma.
Uprav třetí řádek takto:
    background: url(top.png) bottom no-repeat;
Pokud jsem se netrefil, prosím o odkaz na živou ukázku.
pavlik123
Profil
Bohužel, něco zřejmě dělám špatně.


http://www.usazoday.com
margin
Profil *
Pro #nadpis přidej dolní padding asi 50px.
Pokud bys měl obrázek namalovaný lépe, stačilo by ti 18px dolního paddingu.
Mimo téma, podle mého názoru má obrázek zpackaný alfakanál
pavlik123
Profil
Pomohlo to, děkuji. Co jsem s alfakanálem udělal špatně?
margin
Profil *
pavlik123:
Já bych buď udělal obrázek bez alfalanálu (jsem stará škola), nebo bych nechal alfalanál jen pro samotný stín, takže bych mohl libovolně měnit pozadí stránky i menu jen změnou v CSS. Tvůj obrázek je kočkopes.
pavlik123
Profil
A dá se podobného stínu docílit pomocí CSS?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: