Hej.
Jag vill lägga in en horizonetell linje (hr) på min sajt. Min fråga är, hur ska jag ange färgen på min hr? Ska jag använda "color" eller "background" i min css för att definiera färg på min hr?
Hej.
Jag vill lägga in en horizonetell linje (hr) på min sajt. Min fråga är, hur ska jag ange färgen på min hr? Ska jag använda "color" eller "background" i min css för att definiera färg på min hr?
Om jag inte minns fel så kör Internet Explorer egenskapen color medans de övriga läsarna kör background-color. Så mao sätt alla när du sätter färg på den
Jag testade precis med firefox. Jag kom fram till följande:
Jag hittade ingen stans där w3 skrev hur det ska vara men jag hittade exemplen på andra saker där man använda color för att sätta färgen på hr.HTML-kod:<style> hr{ color: red; /*fungerar*/ background-color: red; /*fungerar inte*/ border-color:red; /*fungerar */ </style>
CTO på Happyr.com. Vi gör rekrytering effektivt
Glöm inte heller att lägga till noshade="noshade" på din hr tagg.
Alltså så det blir såhär:
då får du precis så många pixlar tjock som du anger och personligen tycker jag det blir bättre utan skuggningen.Kod:<hr noshade="noshade" />
Nej det ska du inte göra om du vill vara riktig.
Noshade är deprecated.
http://www.w3schools.com/tags/tag_hr.asp
Vill du ha noshade bör du istället använda denna css:
http://www.w3schools.com/tags/att_hr_noshade.aspHTML-kod:<style> hr{ height:2px; border-width:0; color:gray; background-color:gray; } </style>
Senast redigerat av Tobias Nyholm den 2012-07-07 klockan 10:16.
CTO på Happyr.com. Vi gör rekrytering effektivt
Så här brukar jag göra för att själv kunna styra utseendet och slippa skuggan.
<style>
.hr{
padding: 10px 0 0 0;
border-bottom: 1px #ccc solid;
margin: 0 0 10px 0;
}
</style>
<div class="hr"></div>
Senast redigerat av Micke Eriksson den 2012-07-08 klockan 08:05.
Det är väldigt sällan jag använder <hr>. Mitt bästa tips är att du använder dig av den div med backround-color istället, eller ev gör du en border-bottom på det antal pixlar du vill den ska vara på.
Det är för närvarande 1 användare som tittar på det här ämnet. (0 medlemmar och 1 gäster)