Datuve :: Forums :: Arhīvs :: teksta noformēšana ar CSS

Datuve

Mana Datuve

Reģistrācija | Noteikumi | Paroles atjaunošana



Forums

Ieskaties


Raksti

Lietotāji online

Lietotāji online: 145

Reģistrētie lietotāji online: 0

Viesi online: 145

Datuve.lv video
Top.LV

teksta noformēšana ar CSS

Ievietoja: Sugar @ 2007.01.02 16:41  

Lieta sekojošo, tekstam vēlējos piešķirt sarkano krāsu izmantojot šādu te paņēmienu, lai būtu vieglāk saprast iedošu uzreiz kodu:

html:


etc...
<div id="news">
<div id="newshead"><!-- --></div>
<div id="newscont">
<font id="red">Šeit ir jābūt tekstam sarkanā krāsā bez jebkādām atstarpēm starp rindkopām.</font>
</div>
</div>
etc...

CSS


#news
{
width: 185px;
padding: 0 0 7px 0;
margin: 10px 0 0 0;
background: url(images/left.bottom.green.gif) bottom left no-repeat;
float: left;
position: relative;
float: left;
}

#newshead
{
width: 185px;
background: url(images/left.top.green.gif) top left no-repeat;
height: 26px;
float: left;
}

#newscont
{
width: 185px;
float: left;
background: url(images/left.middle.green.gif);
}

#red
{
font: 11px Arial, sans-serif;
color: #FF0000
}

Iznākums ir šāds:

[img=http://img78.imageshack.us/img78/9779/webw42343mt9.gif] (kā šajā forumā ievietot attēlu, man arī nav nemazākās nojausmas...)

Sarkanā krāsa tekstam ir piešķirta, bet ir radušās nevajadzīgas atstarpes starp rindām... Kas ir nepareizi?

Mēģināju darīt arī savādāk, izmantojot <p> tagu...

html:
[quote]
etc...
<div id="news">
<div id="newshead"><!-- --></div>
<div id="newscont">
<p>Šeit ir jābūt tekstam sarkanā krāsā bez jebkādām atstarpēm starp rindkopām.</p>
</div>
</div>
etc...

CSS


#news
{
width: 185px;
padding: 0 0 7px 0;
margin: 10px 0 0 0;
background: url(images/left.bottom.green.gif) bottom left no-repeat;
float: left;
position: relative;
float: left;
}

#newshead
{
width: 185px;
background: url(images/left.top.green.gif) top left no-repeat;
height: 26px;
float: left;
}

#newscont
{
width: 185px;
float: left;
background: url(images/left.middle.green.gif);
}

#newscont p
{
font: 11px Arial, sans-serif;
color: #FF0000
}

atstarpes starp rindām vairs nav, bet ir atkal cita problēma... dēļ <p> taga, augšpusē un apakšpusē rodas palieliela brīva vieta, kas man šajā gadījumā nav vajadzīga, jo tekstu vēlāk nolikšu kā man ir nepieciešams ar padding palīdzību... Varbūt kaut kā var likt <p> tagam šo te brīvo vietu netaisīt?

Paldies par palīdzību jau iepriekš ;)