Autor Zpráva
Bokuto
Profil
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
#menu a {
float: left;
height: 45px;

...

pochopil jsem to správně?
Bokuto
Profil
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
Zkusil jsi to?
Manq
Profil
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
upravil jsem obrázek, takže vyřešeno

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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