Autor Zpráva
WendaDostalek
Profil *
#1 · Zasláno: 9. 8. 2006, 13:16:48
Odpovědět Citovat
Nejdříve napíšu kód, který mi zlobí: 


div {float: left; width: 100px;}

h3 {clear: left; margin-top: 50px;}


<div><img></div>
<h3>Nadpis pro dalsi cast stranky</h3>

V IE je to v pořádku, h3 má margin 50px. Ale v Opeře ani Mozille to nefunguje, h3 se nalepí hned za DIV s float.

Je nějaké -jednoduché- řešení tohoto mého problému? Díky
Plaváček
Profil
#2 · Zasláno: 9. 8. 2006, 13:20:13
Odpovědět Citovat
Ano, třeba takto:

div {float: left; width: 100px;margin-bottom:50px}
h3 {clear: left;}
WendaDostalek
Profil *
#3 · Zasláno: 9. 8. 2006, 13:26:55
Odpovědět Citovat
Bohužel jsem to nenapsal úplně přesně.. 


<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><br>popisek k obrazku<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><br>popisek k obrazku<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><br>popisek k obrazku<div>

</div> 

<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><br>popisek k obrazku<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><br>popisek k obrazku<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><br>popisek k obrazku<div>

</div> 

<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><br>popisek k obrazku<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><br>popisek k obrazku<div>

  <div TENTO DIV MA NASTAVENI VE STYLE><img><div>

</div> 

<h3>nadpisek</h3>


Jde mi hlavně o to, že ne všude mam nad <h3> takto obtékané prvky, někde pouze odstavce textu, jinde jeden obrázek. A rád bych se držel toho, že odsazování má na starost právě <h3>.

Děkuji za pomoc, Plaváčku..:-)
Plaváček
Profil
#4 · Zasláno: 9. 8. 2006, 13:38:31 · Upravil/a: Plaváček
Odpovědět Citovat
No, pak je nejlepším řešením ukončit obtékání jiným způsobem. Třeba takto:

div {float: left; width: 100px;border: 1px solid #000}
h3 {clear: left; border: 1px solid #000;margin-top: 50px; }
hr.end {border: 0px solid #000; height:0; line-height:0;clear: left;visibility:hidden}

<div>
<div><img><br>popisek k obrazku</div>
<div><img><br>popisek k obrazku</div>
<div><img><br>popisek k obrazku</div>
</div>
<div>
<div><img><br>popisek k obrazku</div>
<div><img><br>popisek k obrazku</div>
<div><img><br>popisek k obrazku</div>
</div>
<div>
<div><img><br>popisek k obrazku</div>
<div><img><br>popisek k obrazku</div>
<div><img></div>
</div>
<hr class="end" />
<h3>nadpisek</h3>

A to HR vždycky vrazíš nad H3. Pak ti bude margin-top fungovat bez problémů. Viz http://klient.plavacek.net/float.html
WendaDostalek
Profil *
#5 · Zasláno: 9. 8. 2006, 13:41:22
Odpovědět Citovat
DÍKY! Zkusil jsem tam takhle místo HR vrazit jeden DIV, ale roztáhl se na výšku řádku. A nenapadlo mě nic, co bych tam mohl použít. Sic beze stylů tam bude čára, ale ještě jednou díky..:-)
Plaváček
Profil
#6 · Zasláno: 9. 8. 2006, 13:45:23 · Upravil/a: Plaváček
Odpovědět Citovat
No, když tam nechceš čáru, vraž tam BR, ne? Takhle:

br.end {clear: left;visibility:hidden}

<br class="end" />
<h3>nadpisek</h3>

Funguje to také a navíc dokážeš, že někým odmítaný element BR může být užitečný :)

Fachčit by měla i konstrukce <br clear="left"> přímo v HTML.
WendaDostalek
Profil *
#7 · Zasláno: 9. 8. 2006, 14:09:50
Odpovědět Citovat
Aha. Tak funguje to parádně, jen teď v IE to odsazení je o moc větší než v Mozille a Opeře..:-) Jakoby to tam udělalo 10px pás kolem čáry, která není vidět. To je problémů...
WendaDostalek
Profil *
#8 · Zasláno: 9. 8. 2006, 14:11:34
Odpovědět Citovat
A teď je to vynikající, s BR zmizel problém odsazení v IE. BR je užitečný element..;-) Díky
tomasnoz
Profil *
#9 · Zasláno: 9. 8. 2006, 20:13:29
Odpovědět Citovat
jestli chces,aby ten <br /> vypadal stejně v mozile i exploreru, takv divu, v kterám se <br /> nachází specifikuj stejné písmo(FF a IE mají standartní písma jiná) a ještě urči jeho velikost. mělo by to funkovat
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0