Autor | Zpráva | ||
---|---|---|---|
Bokuto Profil |
#1 · Zasláno: 15. 2. 2008, 16:02:12
Dělám fiktivní cestovní kancelář (www.omote.cz)...
A nevím jak posunout ten img nahoře, tak aby pokrýval celé menu tady uvádím kousky kódu: CSS: body { margin: 0; padding: 0; background: #FFFFFF url(images/img01.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #363636; } ... #menu { width: 960px; height: 95px; margin: 0 auto; padding: 0px 0; background: url(images/img02.jpg) no-repeat center top; } #menu ul { height: 45px; margin: 0; padding: 0; background: url(images/img03.gif) no-repeat; list-style: none; } #menu li { float: left; height: 45px; background: url(images/img03.gif) no-repeat right top; } #menu a { float: left; height: 20px; margin: 0px; padding: 10px 15px; text-decoration: none; text-transform: uppercase; font-size: smaller; font-weight: bold; color: #FFFFFF; } #menu a:hover { background: url(images/img02.gif) repeat-x; color: #FFFFFF; height: 45px; } #menu .current_page_item a { height: 45px; color: #FFFFFF; } XHTML: <body> <div id="menu"> <ul> <li><a href="index.html">Úvod</a></li> <li><a href="zajezdy.html">Zájezdy</a></li> <li><a href="#">Názory klientů</a></li> <li><a href="#">O nás</a></li> <li><a href="#">Kontakt</a></li> </ul> </div> |
||
Měsíček Profil |
#2 · Zasláno: 15. 2. 2008, 16:08:52
#menu a {
float: left; height: 45px; ... pochopil jsem to správně? |
||
Bokuto Profil |
#3 · Zasláno: 15. 2. 2008, 16:16:50
Myslím, že ne, protože ten img je nastaven jako pozadí celého dokumentu, takže menu je v pořádku, chce to jen posunout obrázek
|
||
Měsíček Profil |
#4 · Zasláno: 15. 2. 2008, 16:18:17
Zkusil jsi to?
|
||
Manq Profil |
#5 · Zasláno: 15. 2. 2008, 16:21:56
Nezkoumal jsem to podrobně. Ale pokud by si nechal obrázek opakovat, možná by to pomohlo. Můj druhý tip je posunutí pomocí background-position:
|
||
Bokuto Profil |
#6 · Zasláno: 15. 2. 2008, 16:36:13
upravil jsem obrázek, takže vyřešeno
|
||
Časová prodleva: 16 let
|
0