ugrás a tartalomhoz

div karakterenkent arréb csúszik :(

kriszrap · 2011. Feb. 24. (Cs), 08.10
Sziasztok nagyon nagy problemam van. Van nekem egy felado divem egy targy divem es egy datum divem. A poziciojuk a felado ball oldalon a targy kozepen es datum pedig jobb. De ezek a divek voltozo erteku vagy is voltozo hossz karakteru szoveget tartalmaznak es ha hosszu a szoveg akkor a div pozicioja is valtozik :( segitsetek
 
1

absolute-ra

Blintux · 2011. Feb. 24. (Cs), 10.56
HTML és CSS kód hiányában necces bármit is javasolni, de ha az a baj, hogy a DIV-ek eltolják egymást, akkor pozicionál őket absolute-ra.
Hosszú szöveg esetén fedni fogják egymást, így csak akkor alkalmazd, ha biztos vagy benne, hogy elférnek egymás mellet a szövegek.

Viszont, ha ez valami táblázat szerűség akarna lenni, akkor jobban jársz ha rendes táblázatként oldod meg:)
2

Ílyesmire gondoltál?

BoA · 2011. Feb. 24. (Cs), 13.32
1.
<div name="targy_es_datum" style="width:240px;">
<div name="targy" style="width:200px; height:20px; float:left; overflow:hidden;" title="Ez a szöveg nem fér ki ezért levágtunk belőle!">Ez a szöveg nem fér ki...</div>
<div name="datum" style="width:40px; height:20px; float:right; overflow:hidden;">2011.02.24</div>
</div>

Így nem tolja el, viszont ha pl. a tárgy túl hosszú, akkor nem írja ki végig.
Szerintem úgy old meg, hogy írj egy php rutint, ami levizsgálja a tárgy hosszát és szükség esetén visszavágja a megfelelő hosszra. Visszavágás esetén, a visszavágott szöveg utolsó 3 karaktere legyen "..." és a title-ben legyen benne a teljes tárgy.

2.
<div name="targy_es_datum" style="width:240px;">
<div name="targy" style="width:200px; float:left; overflow:hidden; word-wrap:break-word;">Ha nem fér ki egy sorba, akkor több sorba tördeli a szöveget.</div>
<div name="datum" style="width:40px; height:auto; float:right; overflow:hidden;">2011.02.24</div>
</div>
3

A hosszu szovet subsrt vel

kriszrap · 2011. Feb. 24. (Cs), 13.37
A hosszu szovet subsrt vel csinlatam max 12 karakter lehet igy csinaltam a kodot majd tesztelem :) koszonom amugy :)
4

UTF-8

Poetro · 2011. Feb. 24. (Cs), 14.06
UTF-8 szöveget nem szerencsés substr-rel megvágni, mivel elvághat karaktereket. Használj helyette mb_substr-t, mivel az biztonságosan vágja el a szöveget.
5

Köszi Poetro, ez nekem is új

BoA · 2011. Feb. 24. (Cs), 15.05
Köszi Poetro, ez nekem is új volt!