Kabeljauw
Legacy Member
Beste mensen,
ik weet best wel hoe ik een site responsive moet maken, de afbeeldingen en het logo is zeker geen probleem maar het zijn de verdere knoppen in deze site die het niet gemakkelijk maken, gaan een beetje mijn petje te boven. Aller niets is onhaalbaar dus da's een beetje zever.
Ik had dus in gedachten, deze site daar een benadering op te doen. Voor een tuinbouwbedrijfje, toegegeven het is ook wel een eindwerk dus hij moet er fantastisch uitzien :
soppo - interactive production studio, Gdynia, Poland
Dit is het resultaat dat ik heb, het trekt er nog van bijlange niet op maar het probleem is dus dat die overige vierkanten en of rechthoeken ook mee responsive moeten worden.
Ik had het dus eerst in body met een grid van 100 % en de speeltuin ( de wrapper/container) voor mijn navigatie ( die rechthoekskes) en die blokskes , in een totaal percentage van : 80.
ik geef een voorbeeld : hoe ik mijn beeld responsive zou maken.
( dit dus ook met percentages).
#vlakcontact {
height:20%;
width:20%;
background-color:#B17F9C;
position:absolute;
left:10%;
top:50%;
}
ik weet best wel hoe ik een site responsive moet maken, de afbeeldingen en het logo is zeker geen probleem maar het zijn de verdere knoppen in deze site die het niet gemakkelijk maken, gaan een beetje mijn petje te boven. Aller niets is onhaalbaar dus da's een beetje zever.
Ik had dus in gedachten, deze site daar een benadering op te doen. Voor een tuinbouwbedrijfje, toegegeven het is ook wel een eindwerk dus hij moet er fantastisch uitzien :
soppo - interactive production studio, Gdynia, Poland
Dit is het resultaat dat ik heb, het trekt er nog van bijlange niet op maar het probleem is dus dat die overige vierkanten en of rechthoeken ook mee responsive moeten worden.
Ik had het dus eerst in body met een grid van 100 % en de speeltuin ( de wrapper/container) voor mijn navigatie ( die rechthoekskes) en die blokskes , in een totaal percentage van : 80.
ik geef een voorbeeld : hoe ik mijn beeld responsive zou maken.
( dit dus ook met percentages).
#vlakcontact {
height:20%;
width:20%;
background-color:#B17F9C;
position:absolute;
left:10%;
top:50%;
}
