login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Afbeelding max. breedte

Offline Marly - 05/11/2008 21:06
Avatar van MarlyHTML interesse Ik ben nog bezig met een site.
Nu heb ik de site op max. 80% breed gezet.
(Via CSS en het DIV element)

Nu heb ik in mijn header (dus ook 80% breed), een afbeelding geplaatst.
Maar de afbeelding moet op eigenlijk alle resoluties te zien zijn dus heb ik de afbeelding 1900 pixels breed gemaakt.
  1. <div class="header">
  2. <img src="images/header.jpg" height="150" alt="Logo" />
  3. </div>


Alleen nu geeft die de afbeelding overal 100% breed in beeld.
Is het mogelijk als je scherm een kleinere resolutie heeft de afbeelding voor de helft te laten zien, zodat die du niet 100% breed is?

Alvast bedankt

5 antwoorden

Gesponsorde links
Offline fisoes - 05/11/2008 22:29
Avatar van fisoes Nieuw lid
  1. <img src="images/header.jpg" width="1900" height="150" alt="Logo" />


probeer dat is ;)
Offline Martijn - 06/11/2008 00:16
Avatar van Martijn Crew PHP je maakt in je css een class aan, bv
  1. img_special{
  2. max-width: 150px;
  3. }

en doet
  1. <img src="linkhier" class="img_special" />


half offtopic, ik zou niet je site resizeable makn, maar 1 vaste maat, waar je eventueel met de background iets speciaals mee doet
Offline Marly - 09/11/2008 18:08
Avatar van Marly HTML interesse Ik ben even bezig geweest, werkt wel.
Maar over de site vaste grootte maken, wat zijn tegenwoordig de afmetingen die de meeste gebruiken?
Offline Martijn - 09/11/2008 18:32
Avatar van Martijn Crew PHP ik ga altijd uit van een minimale resolutie van 1024*768. Aan breedte heb je dus iets van 1000px max, en hoogte 600px of iets in die richting
Offline henver - 09/11/2008 18:36
Avatar van henver HTML gevorderde Om te beginnen is een site met variabele breedte geen probleem, zolang het op elk scherm goed wordt weergegeven.
Verder maak ik sites met een vaste breedte zo'n 950 tot 1000 pixels breed.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.319s