Bestämma bakgrund för viss tabell med CSS!

HTML:

<table id="mitten">
  <tr>
    <td class="poff"></td>
  </tr>
</table>

CSS:

#mitten {
  background:#eda url(du/kan/även/ange/sökväg.jpg) no-repeat /*bilden repeteras inte*/
}
td.poff {
  background:#f89
}

Du kan inte styra bildkällan med CSS, för det finns ingen anledning att göra det.
Beroende på vad bilden är tänkt som, så kan du istället lägga in en bild som bakgrund i valfritt element. (se exemplet ovan med url().) Kom ihåg att CSS bara ska styra utseendet och inte innehållet. En bild är innehåll om den ligger direkt i dokumentet, <img/>, eller så är den en del av designen om den ligger angiven som bakgrundbild i din stilmall.

Okej, skall pröva en stund och se om det var detta jag ville ha. Är just nu en aning konfyst, men återkommer som sagt ;)

Hmm...nu skulle jag helst av allt vilja använda en bild som jag har slicat i PS som bg i det här fallet. En av "slicarna"(?) är en länk och därför envisas PS med att spara bilden som ett html dokument.
Hur gör jag för att istället få in detta i en cell med hjälp av CSS? Anledningen till att jag vill ha det i en CSS är att jag då kan byta logo genom att byta stilmall, s.k. temabyte.
Tack igen//

Det är väl av god praxis att avsluta sina propertys med semikolon.

[red]#mitten { background:#eda url(du/kan/även/ange/sökväg.jpg) no-repeat[b];[/b] /*bilden repeteras inte*/ } 
td.poff { background:#f89[b];[/b] }
[/red]

mv icaaq

Tack icaaq men det löste ju inte problemet med den slicade bilden.
Någon som vet?

css:

[red]
#logotype
{
     background: url([url]http://www.webforum.nu/images/wfstandard/logo_webforum.gif[/url]) no-repeat 0 0;
     height: 58px;
     width: 281px;
}
[/red]

html

[red]
..
<td id="logotype">&amp;nbsp;</td>
..
[/red]

Du byter alltså ut wF-loggan till din logga och även width & height.

mv icaaq

Sätt en klass eller id på elementet, (taggen) som du vill ha en bakgrundsbild i.
Ange vilken bild du vill använda som bakgrundsbild med CSS.
Ex:

HTML: 
<h1 id="logo">Min hemsida</h1>

CSS:
#logo {
  background:#fff url(logga.jpg);
}

Nånting sånt du menade eller?

Precis så menade jag...Ända tills jag slicade bilden i photoshop.
Saken är den att bilden som jag skall ha som logga är indelad i fler olika bitar ("slicar") och några av de länkar till andra sidor.
När jag sedan vill spara den slicade bilden från photoshop så sparas den som html. Detta innebär att det inte går att göra som du berättar eftersom loggon då måste vara en bild, men den är ju en html fil (t.ex. orange.html INTE orange.jpg)
Hur gör jag om jag vill använda en bild som är uppdelad (slicad) i photoshop som bakgrund?

Du kastar bort HTML-filen som photoshop genererat, och använder bilderna istället (de ligger väl i nån mapp tror jag).

Ska man pussla ihop allt själv då...Shit, det är juh typ 10 olika bilder.
Blir juh skitjobbigt att göra som icaaq och insider har beskrivit här ovan.
Det MÅSTE vara angivit i CSS:en loggan, så att den kan bytas genom ett byte av CSS.

Varför har du slajsat bilden då?

För att delar av logotypen innehåller länkar.
Meningen är att jag skall ha en logga, i loggan ligger ett gäng kvadrater med olika färger, dessa länkar sedan till en asp sida som byter ut sidans stillmall. I den nya stilmallen skall sedan loggan ha bytts ut, det är därför det är så viktigt att loggan anges i CSS:n.
Oavsett så håller jag på att kompromissa fram ett avsevärt mycket enklare alternativ nu.
Är istället intresserad av hur man byter kantlinjer på en cell från prickade till heldragna när den är länken i den (en bild i detta fallet) är aktiv och att den hålls aktiv även om jag klickar på andra ställen i fönstret.
Vill egentligen inte heller länka bilden utan hela cellen så att bilden kan ligga som bg i cellen istället.
Någon som vet hur man gör?
Tack//

Lyckats länka tabellcellen istället för bilden.
Behöver dock fortfarande hjälp så att den aktiva länken (cellen)s kantlinjer blir heldragna istället för prickiga som den passiva länkens kantlinjer.
Tack//

Har du någon länk eller kod att visa?

mv icaaq

länken i cellen ser ut som följande:

<a href="adaptsite.asp?css=normal" class="normal"></a>

i CSS:n ser det ut såhär:

a.normal {
	 display: block; width: 100%
}

Det funkar super.
nu skulle jag dock vilja att den länken(cellen) som är aktiv, att dess kantlinjer byts ut från prickade till heldragna. Frågan är bara HUR?

Lägg kantlinjer på länken istället för cellen. Annars går det inte att styra.

Okej, och eftersom den tar upp hela cellen så kommer det att se ut som kantlinjer på cellen då, eller? Är inte riktigt säker.
Näe, nu tog bara ramen upp halva cellen. Det blir inte så bra :(
Kan iofsejj ha gjort fel. Länken ser ut såhär:

<a class="normal" style="border: 1px dotted #000000" href="adaptsite.asp?css=normal">

Och CSS:n såhär

a.normal {
	 display: block; width: 100%
}

Anar dock att det går att göra detta via CSS:n också (lägga kantlinje på länken) och skulle uppskatta om nångon visade hur.

Behöver även hjälp (fortfarande) med att få den aktiva länken att byta kantlinje och att den hålls aktiv även när man klickar på andra ställen i fönstret.

Tack//

icaaq skrev:

Har du någon länk eller kod att visa?

mv icaaq

Jag menar en länk till sidan eller lite mer kod ;) Det är lite svårt att få en övergripande bild av ditt problem.

mv icaaq

Lägg all css-kod på samma ställe. Alltså, det som ligger innanför style="" flyttar du.

<a class="normal" href="adaptsite.asp?css=normal">

a.normal {
	 display: block; 
         width: 100%;
         border: 1px dotted #000000;
}

För att ge den aktiva länken heldragen linje:

a.normal:active {
	 display: block; 
         width: 100%;
         border: 1px solid #000;
}