Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: unicestwienie jednego poziomu float ;>
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
sf
  1. <div style="float: left; width: 100px; height: 200px; background-color: #ffa;">bla</div>
  2. <div style="float: right; width: 100px; background-color: #faf;">ble ble</div>
  3. <div style="margin: 0 120px; width: 400px;">
  4. tekst
  5. <div style="width: 300px;">
  6. <img src="http://www.google.pl/intl/pl/sitesearch/bsd.gif" style="height: 70px; width: 80px; float: left;" />tekst...<br />test
  7. <br style="clear: left;" />
  8. dalszy tekst, powinien byc pod obrazkiem, tyle, ze spada w dol za bardzo ( clear kasuje oba float: left ), bo az do miejsca konczenia sie lewej czesci..
  9. </div>
  10. tekst
  11. </div>


kod chyba pokazuje wszystko ( przegladarka FF ), ma ktos moze jakis pomysl jak to obejsc? bo inaczej bede musial sie zdecydowac na tabele ;}
orson
witam ...

wywal styl z br ... jaki doctype questionmark.gif na xhtml 1.0 strict tekst oblewa obrazek ... tak miało być questionmark.gif czy tekst ma być pod obrazkiem ?

pozdrawiam
sf
`tekst...<br />test` ma byc obok obrazka... a dalsza czesc juz nie, stad ten styl w br.. w rzeczywistosci to wyglada tak, ze obok obrazka ma byc jeden news, ktory moze zawierac kilka linijek, na dole maja byc kolejne wiadomosci.. ale maja byc pod obrazkiem, nie moga sie zaczynac zaraz pod tym pierwszym newsem i oblewac obrazek.. totez nie moge usunac stylu z brki bo bedzie tekst oblwany smile.gif wyjsciem moze byc uzycie przy tym pierwszym newsie tabeli, ale jak pisalem wolalbym tego uniknac
Kill3R
witam

cos takiego questionmark.gif

  1. <div style="float: left; width: 100px; height: 200px; background-color: #ffa;">bla</div>
  2. <div style="float: right; width: 100px; background-color: #faf;">ble ble</div>
  3. <div style="margin: 0 120px; width: 400px;">
  4. tekst
  5. <div style="width: 300px;">
  6. <img style="clear: left;" src="http://www.google.pl/intl/pl/sitesearch/bsd.gif" style="height: 70px; width: 80px; float: left;" />tekst...<br />test
  7. dalszy tekst, powinien byc pod obrazkiem, tyle, ze spada w dol za bardzo ( clear kasuje oba float: left ), bo az do miejsca konczenia sie lewej czesci..
  8. </div>
  9. tekst
  10. </div>


chociaz ja bym te newsy umiesci w definition list wygodniej sie operuje i uklada wg mnie
sf
Kill3R: jeden news ma byc obok tego obrazka, a pozostale pod nim... natomiast u Ciebie wszystkie wiadomosci poszly pod obrazek ;}

co do listy.. to jest to zrobione na liscie, ale dla testow przedstawilem prostrzy kod

ostatecznie wstawilem obrazek i pierwszy news w diva o stylu "display: table" dzieki temu kolejne wiadomosci pojawily sie pod obrazkiem, a nie obok obrazka ;} thx za odp
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.