Simpel CSS - Image positioning

Det er altid godt lige at putte billedet i en <div>, som du så kan positionere eller floate.

Du kan således enten positionere:
http://www.html.dk/tutorials/css/lektion14.asp

Eller du kan floate:
http://www.html.dk/tutorials/css/lektion13.asp

Med hensyn til billedet - så skulle dette virke:

img {border:none}

Hvis det er billeder som benyttes som links:

A:visited IMG {
  border-width : 0;
  border-style : none;
  border-color : inherit;
}


A:link IMG {
  border-width : 0;
  border-style : none;
  border-color : inherit;
}


A:active IMG {
  border-width : 0;
  border-style : none;
  border-color : inherit;
}

Mvh
Jonas - www.html.dk

<ole>
Et billede...som baggrundsbillede, i et <div>, i en <td> - eller hvad og hvor?
Border...på billedet?
Hvad mener du med, at det virker, men ikke valideres?
/mvh
</bole>

Pas på \'float\'! NS er ikke gode venner med den :)

Hmm... jeg har aldrig helt fattet hvad formålet med <div> og <span> er.

Måske nogen villle forklare det?

Fik det til at virke uden brug af disse. Tak for hjælpen.

Olebole:

Et billede ja. Bare et ganske almindeligt billede i noget ganske simpel HTML.

Når jeg siger at det ikke valideres, så mener jeg at det ikke bliver godkendt af http://validator.w3.org som HTML4 Strict.

<div> og <span> er neutrale tags - til at gruppere og strukturere din HTML kode til CSS:
http://www.html.dk/tutorials/css/lektion8.asp

OBS: Husk at teste det godt igennem i alle browsere hvis du bruger CSS direkte på <img> - jeg mener at især NN4 og IE4 kan få lidt problemer på den front.

<div>\'en er IMHO den bedste løsning.

Mvh
Jonas

<div> og <span> er containere, du kan lægge f.eks. tekst og/eller billeder i. De kan herefter manipuleres med CSS. Du kan bl.a. vise, skjule, flytte og - ved gentagne flytninger - animere dem.

<div>noget</div><div>noget andet</div>
...giver et linjebrud mellem de to containeres indhold. Det skar ikke ved:
<span>noget</span><span>noget andet</span>
...det er forskellen.
/mvh

Lige en sidste kommentar:

Jeg skrev følgende lidt upræcise kodeeksempel:

A:active IMG {}

Vær obs på at det ifølge den seneste xhtml standard fra W3C kun er tilladt at skrive tags med små bogstaver - og at blandt andet Opera (helt rigtigt - iøvrigt) er Case-sensitiv i CSS.

Derfor:
- skriv tags med småt: <a> istedet for <A>
- angiv selektorer i CSS med småt: a {} istedet for A{}

Ellers kan man risikere at siderne ser MEGET mærkelige ud i nogle browsere:

Se for eksempel Fødevaredirektoratets side i Opera:
http://www.foedevaredirektoratet.dk/

Mvh
Jonas