Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS resolutie probleem.

Anoniem
daboymarky
1 antwoord
  • Hallo,

    Ik ben bezig om een site te maken voor iemand. Deze persoon wil 3 afbeeldingen links hebben, dan het logo en vervolgens weer 3 rechts.

    Op zich geen probleem. Maar de site moet een soort breedbeeld idee worden en correct weergegeven worden met een resolutie van 1680x1050 en 1024x768.

    Ik ben al even aan het stoeien met de CSS code maar helaas lukt het nog niet helemaal.

    Css code:[code:1:7c2d5b1229]
    #container {
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px dashed yellow;
    }

    .plaatje {
    float: left;
    }

    .plaatje1 {
    float: right;
    }

    .logo {
    margin-right: 25px;
    margin-left: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
    }
    [/code:1:7c2d5b1229]
    HTML code: [code:1:7c2d5b1229]
    <div id="container">
    <img src="041-pics/logo1a.jpg" class="plaatje">
    <img src="041-pics/logo1a.jpg" class="plaatje">
    <img src="041-pics/logo1a.jpg" class="plaatje1">
    <img src="041-pics/logo1a.jpg" class="plaatje1">
    <img src="041-pics/logo.jpg" width="425" height="72" class="logo ">
    </div>[/code:1:7c2d5b1229]

    Het resultaat met een 1680x1050 resoultie is dat de plaatjes goed staan maar het logo is te klein. Dit kan ik natuurijk groter maken maar als ik dit bekijk met een resolutie van 1024x768 dan past het logo er niet tussen.

    Als ik van deze foto's een bestand maak en vervolgens op beide schermen bekijkt dan staat de laatste afbeeldingen niet op het scherm bij een resolutie van 1024*768.

    Heeft iemand voor mij een idee hoe ik dit kan oplossen ?

    Alvast bedankt voor het mee denken.

    Gr

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.