Jump to content
php.lv forumi

Teksta laušana


eT`
 Share

Recommended Posts

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

Link to comment
Share on other sites

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 by eT`
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...