vad är det för element över och under hr;n?
Frågan#1
Jag får en massa marginal på hr i IE. Jag kör margin-top:-8px men marginalen under hr elementet verkar vara lurigare att få bort. Någon som har nått tips på en lösning?
Marginal HR IE
18 svar · 959 visningar · startad av maqe
Jag har en div över och en under
Ingen som har nått tips? Eller skall man helt enkelt strunta i <hr>
HEJ!
maqe skrev:
Ingen som har nått tips? Eller skall man helt enkelt strunta i <hr>
Hmm, trodde någon skulle svara bättre än vad jag kan, men då gör jag det!
Som du kanske märkt gillar inte W3C HR-taggar, och jag googlade för att hitta en lösning. Det finns, givetvis, exempel på wF också!
Jag utgick från http://www.blakems.com/experimental/hr/.
Såhär gjorde jag, perfekt om man behöver styla kod där det står HR som man alltså inte kan göra om till tex div.
HR{border: none 0; border-top: 1px dashed #000; width: 100%; height: 1px;}
Jag menar att färg på strecket inte går igenom, stylar man enligt exempel ovan, är det okej.
<hr size="1" color="#ff00ff">
validator.w3.org skrev:
there is no attribute "color"
Du kanske kan använda en negativ toppmarginal på diven som följer HR, eller bara sätta en border på diven och skippa HR?
Jo jag får nog köra på border på divven istället, synd att man inte kan använda hr som den är tänkt bara.
div.hoRule {
margin:0px auto; background:url(hr.gif) repeat-x; width:380px; }
div.hoRule hr { display:none; }
<div class="hoRule"><hr /></div>
et voilá
funktion och form, din hr är nu en bild för de som ser bilder och en hr för de som inte gör det.
maqe skrev:
Jo jag får nog köra på border på divven istället, synd att man inte kan använda hr som den är tänkt bara.
Hmm, vad menar du med "som det är tänkt"? hr skapar automatiskt marginal som standard.
Gillar man inte det, kan man åtgärda det med css, tex som jag skriver, styla taggen; eller zcorpans förslag, flytta något annat över eller som caya, göra om det till en div. :q
caya skrev:
nollställa marginaler
för ie6 och ie7* { margin:0; padding:0; } *+ { margin:0; padding:0; }
Vad är syftet med den andra raden...?
att nollställa i ie 7 eftersom 7an ignorerar användandet av bara asterixer
Hmmm. Nej. IE7 tolkar asterixer korrekt för mig. Den andra raden är ogiltig och borde ignoreras.
så skumt
se denna länk
http://nanobox.chipx86.com/blog/2006/04/easy-css-hacks-for-ie7.php
caya skrev:
så skumt
se denna länk
http://nanobox.chipx86.com/blog/2006/04/easy-css-hacks-for-ie7.php
Mycket intressant, och användbart, men det står inte att asterixer ignoreras. :)
caya skrev:
nollställa marginaler
för ie6 och ie7* { margin:0; padding:0; } *+ { margin:0; padding:0; }
Kanske lite OT, men jag har stött på ett problem när jag nollställer margin och padding. Select-boxar blir riktigt skumma i FF. (Se bifogad bild)
Nu har jag 2px padding på select.
stephan skrev:
Kanske lite OT, men jag har stött på ett problem när jag nollställer margin och padding.
Det är också problem med bland annat knappar i Opera. Personligen använder jag inte "nollställa-marginaler-metoden" längre eftersom det påverkar alla element när man egentligen bara vill påverka vissa.