Citat:
Originally posted by Kaffe@Jan 18 2007, 13:17
Ett sätt är att emulera effekten med en brakgrundsbild
Kod:
div.divider { background: url(../graphics/dots.png) 0% 100% repeat-x; }
Jag förespråkar användandet av en div avgränsare istället för HR, åtminstone om alternativet för att uppnå samma effekt är att wrappa in HR i en div. HR är ett relativt osemantiskt element. Det kan grupperas med andra visuella element som bold och italic. Det beskriver egentligen bara hur det ser ut, inte funktion eller innehåll.
|
Besserwisser måhända, men en div har inget som helst semantiskt värde. Anledningen till att användande av <hr> brukar avrådas är väl att den likt [b] eller
är presentativ, alltså att den beskriver hur sidan ska se ut. Sådant hör som vi alla borde veta inte hemma i html utan ska helt separeras till CSS.
Själv skulle jag defintivt råda trådskaparen att göra en border-bottom på närmaste block-element och sedan använda padding-bottom om han vill flytta runt linjen. Hur var det nu igen, visar verkligen IE border-bottom: dotted; som den ska? Minns inte, brukar själv inte hålla på exakt vilka ramar IE ritar.