Resultat 1 till 7 av 7

horizontell linje (hr)

  1. #1
    thatjeevess avatar
    thatjeeves thatjeeves är inte uppkopplad Lär mig SEO
    Reg.datum
    feb 2011
    Inlägg
    40
    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?

  2. #2
    Kimpos avatar
    Kimpo Kimpo är inte uppkopplad Lär mig SEO
    Reg.datum
    mar 2008
    Ort
    Medelhavet
    Inlägg
    334
    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

  3. #3
    Tobias Nyholms avatar
    Tobias Nyholm Tobias Nyholm är inte uppkopplad Moderator
    Reg.datum
    maj 2009
    Ort
    Stockholm
    Inlägg
    881
    Jag testade precis med firefox. Jag kom fram till följande:
    HTML-kod:
    <style> hr{
    color: red; /*fungerar*/
    background-color: red; /*fungerar inte*/
    border-color:red; /*fungerar */
    </style>
    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.
    CTO på Happyr.com. Vi gör rekrytering effektivt

  4. #4
    welanders avatar
    welander welander är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    aug 2011
    Ort
    Märsta / Stockholm
    Inlägg
    249
    Glöm inte heller att lägga till noshade="noshade" på din hr tagg.
    Alltså så det blir såhär:
    Kod:
    <hr noshade="noshade" />
    då får du precis så många pixlar tjock som du anger och personligen tycker jag det blir bättre utan skuggningen.

  5. #5
    Tobias Nyholms avatar
    Tobias Nyholm Tobias Nyholm är inte uppkopplad Moderator
    Reg.datum
    maj 2009
    Ort
    Stockholm
    Inlägg
    881
    Citat Ursprungligen postat av welander Visa inlägg
    Glöm inte heller att lägga till noshade="noshade" på din hr tagg.
    Alltså så det blir såhär:
    Kod:
    <hr noshade="noshade" />
    då får du precis så många pixlar tjock som du anger och personligen tycker jag det blir bättre utan skuggningen.
    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:
    HTML-kod:
    <style>
    hr{
    height:2px;
    border-width:0;
    color:gray;
    background-color:gray;
    }
    </style>
    http://www.w3schools.com/tags/att_hr_noshade.asp
    Senast redigerat av Tobias Nyholm den 2012-07-07 klockan 10:16.
    CTO på Happyr.com. Vi gör rekrytering effektivt

  6. #6
    Micke Erikssons avatar
    Micke Eriksson Micke Eriksson är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    maj 2009
    Ort
    Värmdö
    Inlägg
    41
    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.

  7. #7
    Mickes avatar
    Micke Micke är inte uppkopplad SEO-proffs
    Reg.datum
    aug 2011
    Ort
    Karlshamn
    Inlägg
    271
    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å.

Ämnesinformation

Användare som tittar på det här ämnet

Det är för närvarande 1 användare som tittar på det här ämnet. (0 medlemmar och 1 gäster)