Autor Zpráva
jimmy
Profil
#1 · Zasláno: 6. 7. 2006, 20:15:16 · Upravil/a: jimmy
Odpovědět Citovat
<div id="maincontent" style="posotion:relative; margin:0 auto; width:790px; border:1px solid #000000;">
<img src="images/logop1.gif" style="float:left;" />
<div style="float:left;">menu</div>
</div>

mám stránku, na které je vycentovany div a v něm obrázek, který potřebuju dát nalevo a vedle něj
mít div s odkazy. Takže dva DIV vedle sebe. Pročetl jsem spoustu článků a všude se píše, že to tak jde
(jakpsatweb apod), ale realita je jiná. Obrázek i div jakoby vyskočí z nadřazeného DIV (maincontent).
prosím poraďte
jimmy
Jay Jay
Profil
#2 · Zasláno: 6. 7. 2006, 20:34:22 · Upravil/a: Jay Jay
Odpovědět Citovat
jimmy : Definuj tomu obrázku a divu s odkazy šířku, mělo by to fakat.
Jan Tvrdík
Profil
#3 · Zasláno: 6. 7. 2006, 20:37:14
Odpovědět Citovat
to vyskočení dělá myslím ten float. Zkus ten float dát jenom k tomu img.
Jay Jay
Profil
#4 · Zasláno: 6. 7. 2006, 20:42:07
Odpovědět Citovat
Jan Tvrdík : Mno já si myslím, že vše je v poho, akorát ten obrázek je velký, tak mu to tak rozhodí.
jimmy
Profil
#5 · Zasláno: 6. 7. 2006, 20:50:31
Odpovědět Citovat
Diky

jen malinko doplnim:
kdyz dam float je u obrazku --- obrazek vyskoci a menu se zarovna na levo
a obrazek neni velky ma asi 250 px...
ale diky zkusim to
habendorf
Profil
#6 · Zasláno: 6. 7. 2006, 21:01:04
Odpovědět Citovat
Prostě tam chybí cleaner, typická chyba.
jimmy
Profil
#7 · Zasláno: 6. 7. 2006, 21:04:04
Odpovědět Citovat
jo to jsem se uz taky dival na jakpsat web, ale at jsem tam dal clear:left; taky to neslo
Jay Jay
Profil
#8 · Zasláno: 6. 7. 2006, 21:11:59
Odpovědět Citovat
jimmy : Tak to sry, já jen, že mi to fungovalo v Opera 9.0, 8.5 ; FF1.5 ; IE6, tak jsem myslel že to je tím velkým obrázkem :)
jozob
Profil
#9 · Zasláno: 6. 7. 2006, 21:13:04 · Upravil/a: jozob
Odpovědět Citovat
jimmy
"jsem tam dal clear:left; taky to neslo"
Kam si ho dal?

Pokiaľ plávajúce prvky nevyskočia, je to chybná implementácia. Skrátka, musia vyskočiť. A ošetrenie je jednoduché:
<div id="maincontent" style="posotion:relative; margin:0 auto; width:790px; border:1px solid #000000;">

<img src="images/logop1.gif" style="float:left;" />

<div style="float:left;">menu</div>

<hr class="cleaner" />

</div>

A v štýlopise si doplň:
.cleaner { clear: both }

Triede .cleaner môžeš samozrejme priradiť rôzne vlastnosti, ktoré zabezpečia, aby tzv. čistič nebolo vidno.
jozob
Profil
#10 · Zasláno: 6. 7. 2006, 21:16:20
Odpovědět Citovat
habendorf
"typická chyba"
Podľa môjho názoru, vďaka nesprávnej implementácii si začiatočníci myslia, že ak plávajúce elementy vyskočia, je to nesprávne chovanie. Žeby opäť čas na článok pre začiatočníkov? :o)
jimmy
Profil
#11 · Zasláno: 6. 7. 2006, 21:16:28
Odpovědět Citovat
A to se musi delat takhle?
Diky za radu, ale zda se mi ze se panove z W3C moc nevyznamenaly kdyz se to musi delat takto.
jozob
Profil
#12 · Zasláno: 6. 7. 2006, 21:18:33
Odpovědět Citovat
jimmy
Je to trošku zložitejšie, ako sa možno zdá. Plávajúce elementy nepatria do sústavy pevných prvkov.
jimmy
Profil
#13 · Zasláno: 6. 7. 2006, 21:20:03
Odpovědět Citovat
A da se v relativnim pozicovani zarovnavat plovouci objekty nejak jinak?
Nepripada mi to slozity jen zbytecny kdyz by se to dalo resit jinak.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0