Autor Zpráva
fanky
Profil
Mám hlavičku jednoho webu, vlevo je ilustrační obrázek a vpravo název webu. Jak je nejlepší tuto hlavičku řešit?

a) rozřiznout ji na dva obrázky a dát je vedle sebe do divu (přes img do html)
b) nechat jeden velký obrázek (přes img v html)
c) nechat jeden velký obrázek přes css
d) nechat dva rozřítnuté obrázky přes css

Jaké je nejlepší řešení? děkuji
habendorf
Profil
Myslím že ani jedno. Udělal bych tam image replacement.
fanky
Profil
habendorf
ahoj, tak jsem to zacal delat pres image replacement, ale kdyz hlavicku rozříznu vedví a chci ji zas slepit, dát části vedle sebe, tak se mi ta druhá část nevykreslí vedle, ale pod, čím to?

CSS:
#hlavicka {

width: 762px;
height: 313px;
margin: 0 auto;
padding: 0;
}

#nazev {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 150%;
background-color: #bbe469;
left: 279px;
top: 0px;
}

#nazev, #nazev span {
width: 483px;
height: 313px;
}

#nazev span {
display: block;
position: absolute;
left: O;
top: 0;
background: url("img/nazev.gif") no-repeat 0 0;
}

#Mantis {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 150%;
background-color: #bbe469;
left: 0;
top: 0;
}

#Mantis, #Mantis span {
width: 279px;
height: 313px;
}

#Mantis span {
display: block;
position: absolute;
left: O;
top: 0;
background: url("img/Mantis.gif") no-repeat 0 0;
}


HTML:
<body>

<div id="hlavicka">
<h1 id="nazev"><a href="index.html" title="Mantisa.CZ - návrh a tvorba internetových stránek">Mantisa.CZ Návrh a tvorba internetových stránek<span></span></a></h1>
<h1 id="Mantis"><a href="index.html" title="Mantisa.CZ - návrh a tvorba internetových stránek">Mantisa.CZ Návrh a tvorba internetových stránek<span></span></a></h1>
</div>

</body>
habendorf
Profil
Protože jim k tmu nedáváš žádný důvod. Nevidím float.

Jinak doporučuji šetřit kódem, např.

#nazev span, #Mantis span {
display: block;
position: absolute;
left: 0;
top: 0;
background: url("img/nazev.gif") no-repeat 0 0;
}
#Mantis span {
background: url("img/Mantis.gif") no-repeat 0 0;
}

Dále bych doporučoval místo left:óčko používat left:nula :o)
fanky
Profil
habendorf

dík, ošetřil jsem už trochu jinak :-)

jinak to je nula, jen neím, proč to ten ******* editor nakreslí jako nulu občas, už jsem se s tím taky setkal :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.