Teksta laušana

[eT`]

Tā, šodien saskāros ar vienu problēmu un neesmu tāds HTML Guru, lai saprastu, kā to norealizēt.

 

Kods aptuveni šāds:

<div class="grid_5 alpha omega illustration_4">

<p class="heading_2">                           
<a class="heading_2" href="node/16">Foršs virsraksts</a>
<a class="color nav_1 link" href="node/16"><img src="/img/coment.png"> 1</a>
<a href="node/16" class="color nav_1 link"><img src="/img/foto.png"> foto</a>
<a href="node/16" class="color nav_1 link"><img src="/img/video.png"> video</a>
</p>
</div>

 

Un ir tā, ka vajadzētu lai, ja <a> saturs, respektīvi bilde un teksts neiekļaujas ietverošā DIV platumā tad <a saturs tiek pārmests jaunā rindā.

Pašlaik ir tā, ka testa virsraksts šo linka daļu atstāj tajā pašā rindā - <a href="node/16" class="color nav_1 link"><img src="/img/video.png">

bet šo - video</a> pārmet nākošajā.

 

Iespējams to ar CSS kaut kā var sataisīt.

Pašlaik šāds CSS - http://paste.php.lv/f11ea4d75c0cb9fab517b936615fdb3a?lang=css

[briedis]

wordwrap - http://php.net/manual/en/function.wordwrap.php

 

Bet to nebūs viegli izrēķināt, ja nav monospace fonts, jo,

"OOO" ir 3 burti, kad

"IIIIIIIIIII" ir 11 burti, bet aizņem tik pat daudz vietas

[eT`]

Tas laikam man neder.

Atradu kaut kādu CSS risinājumu. Nostrādāja, un laikam vajadzētu būt arī valīdam.

Uzlieku <a> CSSā white-space:nowrap; un viņš neļauj līnijai lauzties, respektīvi turpinās vislaik.

Bet ja pirms <a> DIVam ir nodefinēts platums, tad tas aplauž, bet liek visam <a> elementam pārmesties uz jaunu rindu.

 

CSS level UP :D

Edited April 16, 2012 by eT`

[briedis]

skaties, tas white-space, man liekas, ka nav visos pārlūkos...

 

Vēl variants ir vnk paslēpt to tekstu, kas iziet ārpus atļautajiem rāmjiem.

 

Nodefinēt elementu kā display:block, nodefinēt platumu, un uzliec overflow:hidden, kas vienkārši paslēps tekstu, kas iziet pārus rāmjiem.

[eT`]

http://www.w3schools.com/cssref/pr_text_white-space.asp - visi pārlūki

 

teksta paslēpšana man neder.

[mad182]

Iebāzt tesktu divā, divam fiksētu platumu, nofloatot. Bildi arī nofloatot. Ja viņi viens otram blakus nesaies, tad būs viens virs otra.