|
Categorieën >
HTML & CSS
Afbeelding in div onderaan zetten
cumulus007 – 22/09/2009 11:02 (Laatst gewijzigd op 22/09/2009 11:02)
|
|
offline
|
Nieuw lid
|
Ik heb de volgende situatie: een div met daarin een stukje tekst en daaronder een afbeelding. Ik wil dat de afbeelding helemaal onderaan de div komt te staan, met een kleine marge tussen de onderste rand en de afbeelding. Ik heb met de CSS-eigenschap margin-top proberen te werken, maar het nadeel hiervan is dat de afbeelding dan mee gaat verschuiven als de tekst erboven groter of kleiner wordt.
Hoe kan ik dit het beste doen? |
10 antwoorden
|
|
|
|
offline
|
PHP ver gevorderde
|
Gebruik het CSS-attribuut padding.
Ik denk dat je er nu wel uit komt :-)
|
|
|
|
|
offline
|
PHP beginner
|
Met padding kom je denk ik een heel eind.
Het verschil tussen padding en margin is,
dat padding bij de breedte en hoogte wordt opgeteld
Margin daar in tegen heeft gewoon een wit ruimte.
|
cumulus007 – 22/09/2009 13:14 (Laatst gewijzigd op 22/09/2009 13:22)
|
|
|
offline
|
Nieuw lid
|
Ook met padding treedt hetzelfde probleem op... Ik heb padding-top op 100% ingesteld, maar het plaatje valt buiten de div.
Online voorbeeld: http://photographics.nl/site_new/ |
ArieMedia – 22/09/2009 13:35 (Laatst gewijzigd op 22/09/2009 13:35)
|
|
|
offline
|
PHP ver gevorderde
|
cumulus007 schreef: Ook met padding treedt hetzelfde probleem op... Ik heb padding-top op 100% ingesteld, maar het plaatje valt buiten de div.
Online voorbeeld: http://photographics.nl/site_new/ waarom zet je dat plaatje niet als achtergrond afbeelding op position bottom...?
Edit: Zeer nice design BTW
|
|
|
|
|
offline
|
Nieuw lid
|
Aan die optie heb ik ook al gedacht, maar dan kan ik geen alt- en title-teksten meer meegeven aan de afbeelding (het moet een afbeeding zijn vanwege het gebruikte font, dat geen algemeen font is). Dan zou een zoekmachine de afbeelding niet indexeren en dat is niet bepaald SEO-vriendelijk.
Bedankt trouwens  Het is nog lang niet af  |
cumulus007 – 22/09/2009 13:39 (Laatst gewijzigd op 22/09/2009 13:40)
|
|
|
offline
|
Nieuw lid
|
dubbelpost.
|
|
|
|
|
offline
|
PHP ver gevorderde
|
cumulus007 schreef: Aan die optie heb ik ook al gedacht, maar dan kan ik geen alt- en title-teksten meer meegeven aan de afbeelding (het moet een afbeeding zijn vanwege het gebruikte font, dat geen algemeen font is). Dan zou een zoekmachine de afbeelding niet indexeren en dat is niet bepaald SEO-vriendelijk.
Bedankt trouwens Het is nog lang niet af Waarom zou je willen dat zoekmachines DIE informatie indexeert? Lijkt me niet echt van belang...
|
cumulus007 – 22/09/2009 13:44 (Laatst gewijzigd op 22/09/2009 13:45)
|
|
|
offline
|
Nieuw lid
|
Nou, het is contactinformatie en het lijkt me van levensbelang dat dat geindexeerd wordt.
|
|
|
|
|
offline
|
PHP beginner
|
Ja ok maar je kan ook dat plaatje in je achtergrond zetten van die div en een transparant gifje erover heen leggen zodat je alsnog een alt tekst hebt...
|
chth – 07/10/2009 16:22
|
|
|
offline
|
Lid
|
probeer eens bottom: 0px; en position: absolute;
|
Dit onderwerp is gesloten.
|
|
|
Console games waar je niets van leert moeten worden afgeschaft. (S: 17, R: 7)
Actiefste leden van de maand
Actieve forumberichten: