linkam fons un padding

[ray]

css: a.test { padding: 5px; color: #ccc; }

teksts: <a class="test">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in sem diam, at viverra mi. Sed sed risus sed mi sodales dignissim vel ac elit. Quisque eget dui tellus.</a>

 

 

Teksts ir iespiests tik šaurā vietā, ka tas izdalās 3 līnijās. Problēma ir tajā, ka 5px padding malām ir tikai teksta sākumā un testa beigās, bet pārējās vietās no malām šī atstarpe nav. Kā panākt, lai atstarpe no malām būtu arī pirmās līnijas beigās, vidējā līnijā un pēdējā līnijā sākumā (ja teksts izdalās 3 līnijās)?

[briedis]

ka tik nebija kaut kāds css propertijs line-height.

Padding jau visam elementa četrstūrim gar malām saliek tos 5px, nevis apkārt katram elementam, kas ir tam iekšā (tekstam, šajā gadījumā)

[daGrevis]

Briedis pareizi saka.

p { line-height: 20px; }

[ray]

man interesē vertikālais.

 

Tagad: http://pixi.lv/46068/

Vajadzētu: http://pixi.lv/c5e0f/

[briedis]

man interesē vertikālais.

 

Tagad: http://pixi.lv/46068/

Vajadzētu: http://pixi.lv/c5e0f/

 

word-spacing?

[daGrevis]

Tev tur gadījumā nav "text-indent"??

[briedis]

Tev tur gadījumā nav "text-indent"??

 

Palasi tak speceni:

The text-indent property specifies the indentation of the first line in a text-block.

Latviski indent ir atkāpe.

Edited February 20, 2010 by briedis

[ray]

izskatās, ka nederēs ne word-spacing, ne text-indent

[briedis]

izskatās, ka nederēs ne word-spacing, ne text-indent

 

Tev doctype vismaz ir norādīts?

 

Nesaprotu, ko tu īsti gribi panākt :) Divus pikseļus atstarpi pie rindas sākuma un beigām? Un jēga tam? Paskaties labāk kā tev tā lapa izskatās citos pārlūkos, matus dabūsi plūkt, lai visur vienādi izskatītos...

[ray]

kāds te sakars ar doctype? protams, ka norādīts.

 

es ļoti labi bildē esmu parādījis, ko es gribu panākt. man nevajag atstarpti tikai sākumā un beigās, bet no visām malām (augša, apakša, kreisā mala, labā mala) iekrāsotajam tekstam.

[briedis]

kāds te sakars ar doctype? protams, ka norādīts.

 

es ļoti labi bildē esmu parādījis, ko es gribu panākt. man nevajag atstarpti tikai sākumā un beigās, bet no visām malām (augša, apakša, kreisā mala, labā mala) iekrāsotajam tekstam.

 

Lai tur būtu atstarpe, tur kaut kam ir jābūt, piemēram, astarpei. Bet tad tev jāzin, kurā vietā lūzīs teikums. Karoč, tas ko tu gribi nav tā vienkārši panākams ar css. Un vispār arī neredzu tam jēgu. Ja gribi lai ir zolīdas atstarpes, tad liec a elementam display:block;, padding:2px;

 

Galu galā, inline elements ir inline elements.

Edited February 20, 2010 by briedis

[rATRIJS]

Es ar tam jēgu īsti neredzu, bet vari izmantot display:inline-block; tik vecākiem pārlūkiem ar to būs problēmas.

[ray]

šis man joprojām ir aktuāli, varbūt kāds var palīdzēt.

[briedis]

šis man joprojām ir aktuāli, varbūt kāds var palīdzēt.

 

Tiešām neesi šim atmetis ar roku? :D Samierinies, to tik vienkārši nevar atrisināt. Un ja to var atrisināt, vai laiks, kas tiks ieguldīts risinot to atspēkos rezultātu... (tā jēgu)

[2easy]

un ko tu saki par line-height? tu vsp to pamēģināji? ar tieši var palielināt atstarpi starp rindām! vai varbūt mēs ne tā sapratām, ko tu gribi panākt. varbūt iemet bildi, kā ir tagad, un otru bildi, kā vajag ;)