Autor Zpráva
šulo
Profil *
Zdravím,

mám problém s jedným obrázkom...

DIV-u som nastavil float:right, avšak obrázok sa zobrazuje oveľa nižšie, ako som chcel.

Tu je obrázok, ako by to malo vyzerať: http://img709.imageshack.us/img709/5981/beznzvuj.jpg

a tu je odkaz na stránku: http://www.testujemsvojestranky.xf.cz
Railbot
Profil
.kontajner {
margin:0 auto;
text-align:left;
width:900px;
background:url(logotype.jpg) no-repeat 100% 0;


a div #obrazok můžeš se vším všudy odstranit.
šulo
Profil *
Railbot:
Dakujem, ale ja budem ešte s triedou kontajner pracovať, a to by my furt ukazovalo ten obrázok, takže to nie je dobré riešenie...
Skúsil som to vyriešiť pomocou záporných marginov, avšak to podľa mna tiež nie je dobré riešenie...
Nedalo by sa to vyriešiť nejak inak?
Dakujem
Railbot
Profil
šulo:
.kontajneru přidej float:left a nějakou šířku. aby se vedle vešel #obrazok
šulo
Profil *
Railbot:
ale keď dám .kontajneru float:left, tak my to zarovná stránku dolava, avšak ja potrebujem aby bola stránka zarovnaná na stred...
pavuk
Profil *
První <div> .kontajner nech tak jak je, a ten druhej .kontajner přejmenuj třeba na class=kontajner2" a tomu dej v css float: left podle [#5]
zvěřiňák
Profil
<div class="kontajner">
<div style="float: left;">
<h2>
Welcome to
<i>Web Aplication</i>
</h2>
<p>Lorem ipsum dolor sit amet consectetuer felisDui consequat nunc wisi Lorem scelerisque quis vel lobortis.</p>
<p>Lorem ipsum dolor sit amet consectetuer felis nunc convallis nibh lorem. Donec justo Suspendisse nunc Pellentesque velit et Donec id Lorem. Libero Curabitur et consequat sed Suspendisse pellentesque lacus fringilla turpis habitant. Dui consequat nunc wisi Lorem scelerisque quis vel lobortis.</p>
</div>
<div id="obrazok"> </div>
</div>


A "#obrazok" přidej "margin-top: 16px".

#obrazok {
background-image:url(logotype.jpg);
background-repeat:no-repeat;
float:right;
height:237px;
margin-top:16px;
width:388px;
}



A nebo to jde udělat jednodušeji. Změníš v <div class="kontajner"> pořadí prvků. Zase musíš přidat do css pro "#obrazok" margin-top: 16px.

<div class="kontajner">
<div id="obrazok"> </div>
<h2>
Welcome to
<i>Web Aplication</i>
</h2>
<p>Lorem ipsum dolor sit amet consectetuer felisDui consequat nunc wisi Lorem scelerisque quis vel lobortis.</p>
<p>Lorem ipsum dolor sit amet consectetuer felis nunc convallis nibh lorem. Donec justo Suspendisse nunc Pellentesque velit et Donec id Lorem. Libero Curabitur et consequat sed Suspendisse pellentesque lacus fringilla turpis habitant. Dui consequat nunc wisi Lorem scelerisque quis vel lobortis.</p>
</div>
šulo
Profil *
Dakujem

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: