Autor Zpráva
yFang
Profil
Poradíte mi, prosim vás, někdo, jak dostat ta kolečka doprostřed obrázků? Zkoušel jsem toho už hodně, ale pořád mi to nefunguje.
http://labs.yellowfang.wz.cz/obrbox/preloader.html
Měsíček
Profil
Dej odkazu display:block; a float:left;
Měsíček
Profil
Čiliže:
a.obrbox {
  color: #FFFFFF;
  display:block;
  float:left;
  position:relative;
  text-decoration: none;  
}
IMHO stačí pouze float:left; ,ale pro pochopení je lepší tam dát oboje dvoje.
Manq
Profil
Měsíček
Stačí říct, že po nastavení float:left je display:block zbytečný.
yFang
Profil
Měsíček
Takže upravil jsem to dle tvých rad, ale:
- v IE (7) to pořád nefunguje
- rozhodí to odstavce, nezobrazují se už pod sebou, ale ten s obrázky je vedle, prvního textového
imploder
Profil
Manq
Stačí říct, že po nastavení float:left je display:block zbytečný.
Nevím jak tobě, ale mně teda floatovat nic bez display:block nešlo.
Měsíček
Profil
Reaguji na implodera:

"Nevím jak tobě, ale mně teda floatovat nic bez display:block nešlo."

Manq má pravdu.

Reaguji na yFanga:

"- rozhodí to odstavce, nezobrazují se už pod sebou, ale ten s obrázky je vedle, prvního textového"

V pořádku dej tam čistič .. <br clear="all">
Měsíček
Profil
Čiliže:
<p>
    <a class="obrbox" href="#"><img height="100" width="200" alt="Zimní krajina" src="obrazky/1-pre.jpg"/><span class="nacitani"/></a>
    <a class="obrbox" href="#"><img height="100" width="200" alt="Konec" src="obrazky/2-pre.jpg"/><span class="nacitani"/></a>
    <a class="obrbox" href="#"><img height="100" width="200" alt="Světlo v lese" src="obrazky/3-pre.jpg"/><span class="nacitani"/></a><br
 clear="all">
  </p>
yFang
Profil
Měsíček
Tohle řešení se sice nabízí, nicméně nemohu si dovolit ho použít. Preloader má být součástí jistého skriptu a tam se nemůže počítat s přidáním <br clear="all">.
Musí to být řešeno pouze přes odkaz (dovnitř se může přidat cokoliv, ven ne).
Bubák
Profil
Je pár řešení, jak clearovat bez cleaneru, zkusím to najít.

Komplet změna:
Já si myslím že by preloader klidně mohl mohl být i uprostřed obrazovky.
Měsíček
Profil
"Tohle řešení se sice nabízí, nicméně nemohu si dovolit ho použít. Preloader má být součástí jistého skriptu a tam se nemůže počítat s přidáním <br clear="all">.
Musí to být řešeno pouze přes odkaz (dovnitř se může přidat cokoliv, ven ne)."


V tom případě to budeš nucen dělat úplně jinak :)
yFang
Profil
Bubák
Udělal bych to, jak to máš teď, jenom bych zbytečně nemnožil třídy, a vynechal šířku, protože blok, pokud může, tak se potvůrka roztáhne sám.
Když vynechám šířku, nezobrazí se nic (což je logické, neboť span má nulovou šířku)
Třídu bych tam radši nechal, nemohu vědět, co tam kdo bude mít za spany.

Udělal jsem ještě jiné řešní, funkční v IE(7) i FF(3). Zůstává akorát problém s tím floatem. :(
http://labs.yellowfang.wz.cz/obrbox/preloader2.html
Měsíček
Profil
Tomu čističi se IMHO opravdu nevyhneš.
Bubák
Profil
http://met.blog.root.cz/2008/06/30/css-triky-jak-obtekat-i-bez-clearov ani/
http://css.interval.cz/clanky/alternativa-ke-clear-both/
Měsíček
Profil
Co se týče 2 článku tak ten je IMHO nepoužitelný zase je potřeba další tag (jestli jsem to dobře pochopil) .. takže ten by byl pro yFanga nepoužitelný ten první vypadá zajímavě.
yFang
Profil
Bubák
Zkoušel jsem tam přidat:
a.obrbox + * {
  clear: both;
}

Avšak nefunguje mi to.

Napadá mě ještě pozicovat to z celého dokumentu, podle pozice obrázku, který to má překrývat. Bude to trochu komplikovanější, ale snad funkční.
Bubák
Profil
Když vynechám šířku, nezobrazí se nic (což je logické, neboť span má nulovou šířku)
Span je inline, při nulovém obsaku má nulovou šířku. Ale ty ho deklaruješ blokový a bloky se chovají jinak.
Je to logicky tím, že blokový span je absolutně pozicován, je vytržen z toku dokumenu.
yFang
Profil
No asi se nakonec uchýlím k tomu, že to budu javascriptem počítat a pozicovat z celého dokumentu.

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: