login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hoe krijg je een afbeelding goed in een div (Opgelost)

Offline Catoo - 01/10/2012 20:40 (laatste wijziging 01/10/2012 20:41)
Avatar van CatooNieuw lid Hoe krijg je een afbeelding goed in een div als die div alleen uit die afbeelding bestaat?

De afbeelding zelf heb ik al ge-resized, maar ik zie steeds alleen maar de lucht in plaats van de hele foto.

html:
<div id="foto"></div>

css:
#foto
{position: absolute;
top: 15px;
left: 20px;
border: 1px solid #0099ff;
background-image:url("foto.jpg");
width: 190px;
height: 150px;
}

7 antwoorden

Gesponsorde links
Offline UpLink - 01/10/2012 20:45
Avatar van UpLink ... Heb je nog andere div's in deze div rondhangen?
Dat kan namelijk ook het probleem zijn...
Offline Pieter - 01/10/2012 20:45
Avatar van Pieter Gouden medaille

SEO guru		 Zet even een spatie in de div, kan soms wonderen doen. Verder is het meestal geen goed idee om een lege div te maken voor opmaak, zo wordt html en css niet netjes gescheiden.

Hoe groot is de afbeelding? 190px op 150px? Heb je je voorbeeld online staan?
Offline Catoo - 01/10/2012 20:50 (laatste wijziging 01/10/2012 20:59)
Avatar van Catoo Nieuw lid
UpLink schreef:
Heb je nog andere div's in deze div rondhangen?
Dat kan namelijk ook het probleem zijn...


De website lay out is opgebouwd uit div's. Maar er staan in deze div geen andere div's.

@Pieter:
Waar adviseer je me de spatie te zetten? De website is under construction en kan helaas de foto niet laten zien. De afbeelding heb ik met easy resize kleiner gemaakt naar 35px 262px

Andere oplossing is welkom als je zegt dat een lege div (afbeelding daargelaten) niet de officieele manier is.
Offline UpLink - 01/10/2012 21:02 (laatste wijziging 01/10/2012 21:02)
Avatar van UpLink ... in die div met de achtergrondfoto...

pas dat stukje html aan aan dit:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="foto">&nbsp;</div>


zo staat er een spatie in =p
Offline Catoo - 01/10/2012 21:05
Avatar van Catoo Nieuw lid Heel scherp  

Maakt helaas geen verschil.
Offline Pieter - 01/10/2012 21:14
Avatar van Pieter Gouden medaille

SEO guru		 Je div is kleiner dan de foto. Even de hoogte aanpassen van de div en dan komt je afbeelding er goed in.
Offline Catoo - 01/10/2012 21:30
Avatar van Catoo Nieuw lid Je hebt helemaal gelijk! Nu is het gelukt. Moet wel de lay out aanpassen, aangezien het nu niet meer mooi in verhouding is, maar dat gaat wel lukken.

Allebei hartelijk dank voor de snelle hulp.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s