HR

[*jancis38*]

Kā lai nostailo hr, lai tas būtu vienāds gan FF, gan IE?

[nemec]

kas tieši tevi interesē?

bet vispār iesaku izmantot citu elementu

[*jancis38*]

Nostailoju velreiz, tagad strādā (nez kapēc uz IE nerādija, rādija defaulto.)

Nu un atšķirība ir labi redzama:

FF:

IE:

CSS:

hr {
background: #DDD;
padding: 0px;
margin-top: 5px;
height: 1px;
color: #DDD;
border: 0px;
}

Edited March 27, 2008 by *jancis38*

[G-Style]

Neiesaku izmantot <HR>

Ja Tev vajag tikai sho sviitru, uztaisi to ar <div> </div> paliidziibu.

[mefisto]

Priekš <div class="title">Jaunumi</div> uzliec css div.title{ padding-bottom: 4px; border-bottom: 1px solid #aaa; } .. thats all.

[*jancis38*]

Paldies, ar to hr itkā tiku galā, bet uzradusies jauna problēma.

Šādi lūk rāda uz IE,

bet uz FF rāda ideāli, nav nekādu atkāpju.

Ir iespējams to novērst?

Edited March 27, 2008 by *jancis38*

[Kavacky]

Un kā rāda uz Operas?

 

A tiem monitoru konteineriem nav kāds top paddings, kas nobīda title div`u uz leju? Uzliec borderus 1px visam un paskaties.

Edited March 27, 2008 by Kavacky

[*jancis38*]

Un kā rāda uz Operas?

 

A tiem monitoru konteineriem nav kāds top paddings, kas nobīda title div`u uz leju? Uzliec borderus 1px visam un paskaties.

Uz opers to pašu kā IE.

Top paddings nav uzlikts.

[Kavacky]

Un apskatījies, cik daudz vietas aizņem tās kastītes?

 

Rādi kodu.

[*jancis38*]

<table width="930" cellspacing="0" cellpadding="0" border="0"><tr>
<td width="500" valign="top"><div class="title">Jaunumi</div>
</td><td class="linija"></td>
<td width="215" valign="top"><div class="title">---</div></td><td class="linija"></td>
<td width="215" valign="top"><div class="title">---</div></td>
</tr></table>

CSS:

table {
margin-bottom: 2px;
position: relative;
list-style: none;
display: block;
padding: 0px;
border: 0px;
top: 0px;
}

[G-Style]

ja godiigi es nesapratu no taa ziimeejuma kuras atkaapes Tev nepatiik

[Kavacky]

Un kur "linija" un "title" CSS?

[*jancis38*]

linija:

.linija{
background: url(img/linija.gif) repeat-y;
border-bottom: 2px solid #FFF;
border-right: 2px solid #FFF;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
padding: 1px;
}

title:

.title {
text-align: center;
font-size: 15px;
font-weight: bold;
padding-bottom: 1px;
border-bottom: 1px solid #DDD;
}

[Evi]

neenu liiniju ar <hr /> shitaa smuki var dabuut, straadaa populaarajos visos browseros:

 

<hr style="height:0;border:0;border-top:1px solid #F90" />

 

Varbuut pameegjini no css to table {} defineejumu vispaar iznjemt, tur nav faktiski neviena vajadziga defineejuma. Un to class="title" tu faktiski vari liekt ieksh <td> un <div> dzeest aaraa.