Hej

Jag har byggt upp en meny och vissa element på en kommande sida med bilder via CSS. Likt följande:

<div style="background: url(bild.jpg);"></div>

Jag vill inte lägga den beskrivande texten i div taggen för då förstör den designen. Men hur gör jag för att sätta en title på elementet enligt rätt standarder? Någon som har koll på detta?

Trevlig dag / Fredrik-S

du kan använda:

<div id="namn" style="background: url(bild.jpg)"></div>

Ännu bättre vore att sätta en klass på divven enligt: class="klassNamn" och sedan definiera stilen i ett separat CSS-dokument.

Tack för svar, hur kommer det sig att det är bättre att använda class? Jag har kört mycket med det tidigare, men tycker att det är jobbigt att byta dokument fram och tillbaka och har istället börjat köra med style mer. Vad är fördelen med class över style?

Edit: Föresten att använda id="namn" kan väll inte vara rätt? För det är ju en CSS formatering?

Fördelen med class över style är att du får bort en massa "display-skräp" ur koden och din nyckelordsdensitet blir bättre. Det är det som är poängen med css.

id använder man för att ange ett unikt element och class använder man när det är många element som ska ha samma stil.

Jo, det gör jag fortfarande. Men när det är unika formateringar jag vill göra så kör jag med style framför #namnet i en style.css fil. Spelar det någon roll?

Som efterfrågat också hur ska jag döpa olika element för att t ex google-boten ska få upp ögonen för vad elementet handlar om?

jag förstår inte hur du kan tycka att det är enklare att sitta med en massa style="" rakt i dokumentet. ser dessutom amatöraktigt ut

för övrigt kan du använda title och alt attribut för sökmotorer

Okej, title och alt, de går att sätta i divar alltså?

Jo, som sagt tycker det är smidigare eftersom jag slipper sitta och växla mellan CSS-dokumentet och min programmeringsfil.

en liten fråga bara.
varför ha en beskrivande text på en bakgrundsbild?
bakgrundsbilder är i de flesta fall just ren dekoration och tillhör således inte informationen på sidan.

nu vet jag inte alls hur din sida ser ut, men du nämner meny... meny=lista med länkar = beskrivning sätts på a-taggen

Skrev fel när jag skrev med meny.

Jag har vissa boxar och istället för att ha en rubrik med <h1> -taggar har jag en bild där rubriken är skriven, vill då sätta rubriken på själva boxen.

känns inte rätt, varken ur SEO-perspektiv eller Semantik perspektiv (som iofs faktist vägs in)
jag skulle istället lägga bilden som bakgrund i din H1 och sen flytta ut texten utanför skärmen
ja , google är inte helt glada i det, men så vitt jag läst mig till så är det på rätt sida gränsen att dölja texten i sin h1 på så sätt

dvs
h1{
height:Ypx ;
width:Xpx;
text-indent-9999px;
background-repeat:no-repeat;
}

h1.startpage{
background-image:url(bild.jpg)
}

så du har en klass med för varje rubrik