webForumDet fria alternativet

Position på bild i tabell via css..

5 svar · 1 669 visningar · startad av Kalle M

Kalle MMedlem sedan mars 20041 936 inlägg
#1

Om jag har en sida som är gjord med tabeller för att placera text och bild kan jag då sätta bilden i position i CSS?

Har provat men det händer inget.
Dock kan jag lägga in margin och padding på bilden.

Mvh

her0nMedlem sedan feb. 200230 inlägg
#2

Man ska inte använda tabeller för att placera ut text och bilder på olika positioner, så; gör om, gör rätt.

:)

headbugMedlem sedan sep. 2006867 inlägg
#3

Ja, du kan använda CSS!

Använder du margin och padding på bilden får du ett avstånd till tabell-cellens kanter.
Använder du position: absolute kan du få en plats på bilden räknat från hela sidans övre vänstra hörn.

Vill du placera saker absolut i en td måste du skapa en extra div inne i tabelcellen, eftersom position: relative är odefinierad på tabell-element, och det behövs för annars räknas absolute-värdena från browserns övre vänstra hörn :) Hupp, jag upprepar mig... Men i alla fall, det går, även om det nog är lättare att strunta i tabeller när det gäller positionering! Rent användarmässigt så ska ju en tabell användas för att visa tabulära data, och CSS för att styra presentation och utformning av innehåll....

Kalle MMedlem sedan mars 20041 936 inlägg
#4

Ok!

Om man gör tabeller för att positionera bild och text så bör jag alltså skippa "Positionering" med relativ,absolut och allt det där!? och bara hålla sig till margin och padding isåfall?

Ska jag positionera bilder så ska jag använda divar och inte tabeller!?

Jag tänkte mer om man kan använda CSS för att justera en bild vänsterjusterad eller höger i en tabellcell. Kanske blir bökigt.

headbugMedlem sedan sep. 2006867 inlägg
#5

Nejdå, det är enkelt! Och det finns flera sätt. Med CSS kan du floata dina bilder med float: left; eller right. Men du kan också omsluta dina bilder med en <div align="right"><img src="..."></div> osv.

För centrering använder man sig lämpligen av text-align: center tillsammans med en omslutande <div> med margin: 0 auto;

Lycka till och visa gärna hur det blir :)

/HB

Kalle MMedlem sedan mars 20041 936 inlägg
#6

Floaten var ju inte så dum :-) Funkar kanon.

Om jag ska leka med absolut,relative och det där. Måste jag ha en div då?
Mvh

141 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)