bilde iet pāri div malai

[direktors]

ir lūk šāds kods. ja bilde ir liela augstumā un teksts ir mazs, tad bilde iet laukā no div'a. ja noņem bildei float left, tad viss ok, bet vajag lai teksts bildei labajā pusē kārtojas.

 

<div style="border:1px solid #000"><img style="float:left;" src="bilde.jpg">mazs teksts</div>

 

ko izmainīt kodā lai ir glīti?

 

mēģināju arī align="right" .. float vietā. tas pats.

Edited July 15, 2006 by direktors

[direktors]

neviens ar gudrību neizceļas, tad nāksies to visu man veidot ar <table>...

[Klez]

te tiktieshaam nau sarkanais krusts :D

 

<div style="border:1px solid #000"><img src="bilde.jpg"><div align="left">mazs teksts</div></div>

 

pameegini taaa mok :)

[direktors]

te tiktieshaam nau sarkanais krusts :D

saprotu. žēl ;)

<div style="border:1px solid #000"><img src="bilde.jpg"><div align="left">mazs teksts</div></div>

pameegini taaa mok :)

niht. nebūs. teksts zem bildes.

 

es saveidoju ko man vajadzēja ar tabulām. rādās kā vajag uz gan uz FF gan IE.

Edited July 16, 2006 by direktors

[hmnc]

pamēģini.. neatceros vai strādāja:

<div style="border: 1px solid #f00;">
<img src="bilde.jpg" style="float:left;" />
<p> daudz daudz daudz teksta</p>
<div style="clear:both;"></div>
</div>

[v3rb0]

tad nāksies to visu man veidot ar <table>...

http://www.i-marco.nl/weblog/images/breakdown.png

Edited July 16, 2006 by v3rb0

[Klez]

a kur tev to tekstu vaig ? liidzaas ?

nu ja liidzaas tad span tags ...

[hmnc]

kāpēc span? kāpēc ne p? vai vispār bez tagiem? :)

ja viens elements floato tad pārējie tam vienkārši pakārtojas, pat ja nav nekādu tagu :) es domāju, ka cilvim vienkārši pietrūka clear:both; beigās, jo ja netiek noclearots tas viss pasākums tad parent div elements arī tiek tur izķēzīts :D

[direktors]

clear:both es jau metu pie pirmajiem mēģinājumiem, nekas labs nebij, iespējams ka rastiju kur nevajag viņu, neatminos vairs.

 

izstāstat man kādēļ nebūtu vēlams izmantot table? vai tad nu visu vajag obligāti ar div'iem un css..? nevar tā būt.

 

 

šas.. mēģinu hmnc piemēru.

Edited July 16, 2006 by direktors

[Klez]

browseris div`us aatraak sagremo ..

[direktors]

pamēģini.. neatceros vai strādāja:

<div style="border: 1px solid #f00;">
<img src="bilde.jpg" style="float:left;" />
<p> daudz daudz daudz teksta</p>
<div style="clear:both;"></div>
</div>

priekškam vajag šo rindu ja tukša - <div style="clear:both;"></div>, es viņu nerakstiju un pagaidām ēzelis rāda kā vajag, jaieliek webā starp parejiem elementiem, tad manīs ko saka.

 

browseris div`us aatraak sagremo ..

manai pagalma auditorijas lapai vai nu tas tik svarīgi būs..

[Kristabs]

lapa...

<div style="float:left">1</div>

<div style="float:left">2</div>

<div style="clear:both">& nbsp;</div>

turpinas lapa...

 

to clear both nevis pa vidu, bet tur kur jaanobeidz floatings

[direktors]

nezinu kadeļ bet man pagaidām attēlojas kā nākas hmnc dotais variants, bet bez tā div'a ar clear:both.. nezinu, varbūt kopejas lapas strukturas iespaidā vai. paldies. vismaz pagaidām.

[hmnc]

kāpēc pagaidām? gribi teikt, ka pēc nedēļas vairs neies? :D

un kas tur nav skaidrs? es tak tev visu izstāstīju - clear:both; nomet nost visus floatingus, jo float:left/right 'peldina' visus iespējamos objektus uz leju sākot no parent objekta. a parent div`s rādās nepareizi, jo viņš nevar noteikt bloka augstumu dēļ tā floata un tāpēc vajag pašās beigās clear:both;

[direktors]

browseris div`us aatraak sagremo ..

es nevaru iedomaties/nezinu alternativu bez <table> ja man vajag izvadit uz ekrana datubazes tabulas saturu ar kolonam un shuunam ka tas ir pashaa db tabulaa..