Så här skulle jag ha gjort; CSS:
div.hr{
border-bottom: 1px solid #663300;
}
div.hr hr{
display: none;
}
Sedan lägga alla <hr> i en <div>:
<div class="hr"><hr/></div>
:)
Frågan#1
Jag har denna
[red]
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
...
...
...
<div class="containerRight">
Här<br/>utvecklar<br/>Tryckeriet P & B´s<br/>sin webbplats.<br/>
<b>Kontakta oss gärna:</b>
<hr/>
Tryckeriet P & B AB<br/>
Box 7090<br/>
187 12 Täby<hr/>
Besöksadress:<br/>
Hantverkarvägen 5<br/>
Täby<hr/>
Tel: 08-6300166<br/>
Fax: 08-6300213<hr/>
<a href="mailto:info@tryckerietpb.se">info@tryckerietpb.se</a><br/><br/>
<img src="/tryck/img/loggo.jpg" alt="Tryckeriet p&b" border="0" />
</div>
[/red]
och i css
[red]
DIV, TD, INPUT
{
font-family: Trebuchet MS, Verdana, Arial, Courier;
color: #663300;
font-size: 12px;
}
hr
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
color: #663300;
height: 1px;
background-color: transparent;
border-top: 0px;
border-right: solid 1px #663300;
border-bottom: solid 1px #663300;
border-left: solid 1px #663300;
}
[/red]
Nu till problemet, i IE 6.0 så blir det sånna marginaler både undertill och ovantill om varje <hr/>. Det blir det inte i Mozilla 1.5.
Kan jag ändra på något för att få ungefär lika marginaler i IE??
mv icaaq