WN - Centrera bild i tabell?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Centrera bild i tabell? (https://www.wn.se/forum/showthread.php?t=1063240)

Centrera bild i tabell?

Hej!

Hur får jag en bild att vara i mitten i en cell i en tabell?

Säg att jag har 5 celler på en rad:

Hej - Hej - Hej - Hej - Bild

Då börjar alltid bilden i samma höjd som texten i ställen för att vara lika mkt ovanför texten på sidan som under?

Du kan använda align="center" och valign="center" för att centrera horisontellt och vertikalt.

Citat:

Ursprungligen postat av oskarh (Inlägg 20501062)

Du kan använda align="center" och valign="center" för att centrera horisontellt och vertikalt.

Stort tack för så snabbt svar. :)

Gör tabellen i wordpress https://wordpress.org/themes/twentyten och exakt samma tabell ser ut som min gör nu på en annans testsajt - förutom just bilden som hänger ner på min...

Har lite kod inom <style></style> precis ovanför tabellen. Ska jag har in koden där? Eller direkt i tabellen? Eller kanske i style.css? Vad är bäst? Göra så det bara gäller den cellen eller hela sajten?

Stort tack på förhand. :)

EDIT: kan det vara så att korrekt kod stor inom <style></style> ovanför tabellen men att det är något i style.css som gör att det inte funkar då?

Citat:

Ursprungligen postat av Webb (Inlägg 20501063)

Hej,
Det spelar ingen roll vart du lägger css:en.

Du kan lägga den som inline, inom style-taggar eller som en *.css-fil.
Snyggast är ju att bryta ut all css och lägga den i en .css-fil

gör så här

HTML-kod:

<table>

<tr>

<td>hej</td>

<td>hej</td>

<td>hej</td>

<td style="vertical-align:middle;" align="center">[BILD]</td>

</tr>

</table>

eller om du vill ha css:en i en annan fil

HTML-kod:

//style.css

<style>

.tableCellCenterImage

{

vertical-align:middle;

}

</style>



//dinsida.php

<head>

<link href="style.css" type="text/css" />

</head>

<table>

<tr>

<td>hej</td>

<td>hej</td>

<td>hej</td>

<td class="tableCellCenterImage" align="center">[BILD]</td>

</tr>

</table>

Stort tack!!

Citat:

Ursprungligen postat av naak2803 (Inlägg 20501074)

hej,
det spelar ingen roll vart du lägger css:en.

Du kan lägga den som inline, inom style-taggar eller som en *.css-fil.
Snyggast är ju att bryta ut all css och lägga den i en .css-fil

gör så här

HTML-kod:

<table>

<tr>

<td>hej</td>

<td>hej</td>

<td>hej</td>

<td style="vertical-align:middle;" align="center">[bild]</td>

</tr>

</table>

eller om du vill ha css:en i en annan fil

HTML-kod:

//style.css

<style>

.tablecellcenterimage

{

vertical-align:middle;

}

</style>



//dinsida.php

<head>

<link href="style.css" type="text/css" />

</head>

<table>

<tr>

<td>hej</td>

<td>hej</td>

<td>hej</td>

<td class="tablecellcenterimage" align="center">[bild]</td>

</tr>

</table>

Om jag har en fungerande tabell nu i ett inlägg på wordpress temat https://wordpress.org/themes/twentyten och där jag har en lång lista med kod i <style></style> ovanför tabellen i inlägget. Kan ja klistra in det i style.css istället? För koden försvinner nämligen om jag ändrar från html i inlägget.

Citat:

Ursprungligen postat av Webb (Inlägg 20501103)

hej, jag det kan du.
se bara till att när du använder en .css-fil, att inte med <style></style>-taggarna i filen.

Align är deprecated och jag hade rekommenderat att använda text-align:center i css. Annars får du svårt att validera sidan hos t.ex. Wc3.