Image en HTLM

Status
Niet open voor verdere reacties.

frans kooijman

Gebruiker
Lid geworden
22 apr 2008
Berichten
517
Hi,

Ik ben niet zo ervaren in HTML, maar ik heb de volgende issue.
Ik heb een image van een banner, die precies 700 px is .

Maar als ik die plaats boven andere 700 px tekst HTML, dan is de image ineens korter als ik 'm op mijn laptop bekijk.
Als ik 'm op mijn GSM bekijk, dan past het precies boven de tekst, keurig 700 px.

De breedte van de image moet ik dus niet aanpassen kennelijk, maar hoe zorg ik ervoor dat
de 700 px op mijn laptop ook daadwerkelijk 700 px wordt?

In de HTLM heb ik geen width staan, alleen <div><img src="naam_van_de_image" /></div>
Kan ik met iets van "Width=700;" of iets dergelijks zorgen dat de image altijd 700 px is, ongeacht
op welke device de image bekeken wordt?

Frans
 
style="width:700px"

Maar een stijlblad is mooier! :)
 
Als je een image van 700px breed op smartphone volledig kan zien dan wordt er in de css iets gedaan aan de grootte van de image!
Als de verhouding tussen hoogte en breedte van de image goed is dan staat er ergens in de css bij img {height: auto}
Om verder je vraag te beantwoorden is het handig om te weten wat er in je css staat.

aanvulling
<img style="width:100%; max-width:700px; height:auto; border:0; display:block;" src="......" alt="" />
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan