Hvordan midtstille et bilde?

[Belthazor]

Jeg vil gjerne ha dette sentrert

<tr><td colspan="2" class="a5"><img src="bg.gif" width="290" height="221"></td></tr>

 

 

how i do it?

[alec1]

 <tr><td colspan="2" class="a5"><img src="bg.gif" width="290" height="221" align="center"></td></tr>

Endret 29. juli 2007 av alec1

[Belthazor]

det gikk ikke :/

[alec1]

Hva står det i class a5?

[Belthazor]

I css?(har ikke noe class5 i css)

[Ståle]

klassen a5

 

td.a5 eller bare .a5 i CSS filen

 

prov <tr><td colspan="2" class="a5"><img src="bg.gif" width="290" height="221" style="margin: 0 auto"></td></tr>

[Belthazor]

Fikk det til jeg skrev :

 

<tr><td colspan="2" class="a5" align="center"><img src="bg.gif" width="290" height="221"></td></tr>

[kowboi]

Å nei. Hold dere unna å lage sider med tabeller! For guds skyld !

 

Gjør heller slik:

 

<div id="wrapper"><p>Et eller annet her</div>

 

og i css-filen din så skriver du #wrapper { width: 30em; height: 10em; margin: 0 auto; }

 

Vidde og høyde velger du såklart som du vil. Er du usikker så sjekk ut litt mer om css og semantisk markup

[Rinox]

kowboi, det er ofte greit å lære seg alt med tabeller først og så gå over til å bruke div. Slik gjorde jeg det og det er svært nyttig. Jeg fikk et oppdrag der jeg skulle oversette en bomba fil fra tabeller til divs. Huff.. Filen var så grusom at jeg brukte to timer på å tyde den!

 

Poenget er at freelancere må kunne tabeller!

Endret 31. juli 2007 av Rinox

[pakke]

Hæ? Tabeller skal ikke brukes til layout. Hvorfor i all vide verden skal man lære seg de dårlige vanene før man lærer seg de gode?

[Rinox]

Nei jeg sier ikke at han skal bruke tabeller til å bygge nettsidene sine, men han bør absolutt lære om tabeller for å sette opp tabeller blant innholdet sitt

[Ståle]

Men det har jo ikke noe med design a gjore

[Ole_andersen]

Altså skal du ha et bilde i mitten kan du jo bare bruke koden

<CENTER> OG </CENTER>

Da midstiller du lett bilde..

[Haraldson]

Ole: Vennligst ikke anbefal utdaterte metoder/tags. Det forringer bare kvaliteten på dette forumet.

 

Så vidt jeg kan se har trådstarter fått svar over – bilder midtstilles med margin: 0 auto; + definert bredde.

[haugsand]

Oppklaring: Vi har to alternativer med følgende HTML-kode:

 

<p><img src="..." alt="..."></p>

 

Alternativ 1:

p img {
text-align: center;
}

 

Alternativ 2:

img {
display: block;
margin: 0 auto;
}

Endret 5. august 2007 av haugsand

[salah]

Ellers kan <td align="center"></td> brukes, som vil sentrere alt mellom td-elementet. Men det er ikke anbefalt ettersom det ikke er standard W3C lenger(?)

[Peter]

1) Det er ingenting fra trådstarter som antyder at dette har med design å gjøre.

2) Å vite at tabeller ble brukt til design, hvordan de ble brukt, og hvorfor det ikke burde brukes er rimelig nødvendig etter min mening, da man ikke alltid starter fra scratch, eller har muligheten til å "påkreve" semantisk kode. (F.eks. fra et firma som har en stor side, men ønsker noen små endringer.)

[Svish]

Alternativ 2:

img {
display: block;
margin: 0 auto;
}

9212322[/snapback]

 

Jeg pleier å bruke den. Og den fungerer ypperlig Bytt ut 0 med noe annet hvis du vil ha litt mer luft over og under bildet.

[Vindstille]

kowboi, det er ofte greit å lære seg alt med tabeller først og så gå over til å bruke div. Slik gjorde jeg det og det er svært nyttig. Jeg fikk et oppdrag der jeg skulle oversette en bomba fil fra tabeller til divs. Huff.. Filen var så grusom at jeg brukte to timer på å tyde den!

 

Poenget er at freelancere må kunne tabeller!

9178727[/snapback]

Vel jeg aldri kunnet noe om å lage sider med tabeller, og jeg har ikke noe problem med å oversette fra tabeller til CSS og semantiske html-elementer.