Website afmeting

Status
Niet open voor verdere reacties.
Toko47

Toko47

Gebruiker
Lid geworden
4 nov 2013
Berichten
60
Hallo,:D

ik zie bij de meeste websites aan de linker- rechterkant ruimte. Nu is mijn vraag hoe stel je dat in.
Bij mij pakt de site de hele breedte kijk zelf maar http://www.bergingbouwen.nl :eek:
 
een div in je body zetten

Code: 
<body>
<div class="container">
     hier al je meuk in

</div>
</body>

CSS :
Code: 
.container{width:1024px;margin:0 auto;}

De meeste sites zijn maximaal op 1024px gemaakt zodat het op elk beeldscherm er goed uit ziet.
Echter word tegenwoordig vaak gebruik gemaakt van een "Responsive design".
Dit is een design die op je pc er goed uit ziet maar ook op je telefoon.

Maar als het goed moet de bovenstaande code jou vraag oplossen :)
 
Met meuk bedoelt quintoo, al je andere code die je gebruikt.

Daarnaast kun je eens kijken naar Bootstrap 3.0 om een responsive design te maken.

http://getbootstrap.com/

Succes!
 
de informatie die ja al op je website had staan :)


dus bv:

Code: 
<html>
       <head>
                <title>testyo</title>
       </head>
        <body>
                <div class="container">
                            <div class="menu">
                                               <p>MENUITEM</p>
                                             etc etc etc etc
                               </div>
                 </div>


         </body>
</html>

PS: De tabs staan niet goed, op de een of andere manier heeft t nog nooit gewerkt op helpmij (bij mij?)
Kheb t nu maar even snel gedaan met een paar spaties zodat t overzichtelijk word hihi :)

succes!
 
Hallo,

Ik heb de code toegepast.
het logo blijft over het hele scherm staan ongeacht de breedte.

Dit staat in de css background:#fff url('images/header1.gif') 0 0 no-repeat;

Is daar ook een oplossing voor?
 
Toko47 zei:
het logo blijft over het hele scherm staan ongeacht de breedte.

Dit staat in de css background:#fff url('images/header1.gif') 0 0 no-repeat;
Is daar ook een oplossing voor?
Klik om te vergroten...

Overal is een oplossing voor!

ipv het op je background te doen kan je het in een speciale div doen.

Code: 
HTML ~
<div class="header">je eventuele linkjes hierin</div>

CSS ~
.header(background-image:url('images/header1.gif') no-repeat;)

en je div header moet dan net in de container.

Succes!
 
Hallo,

ik wil met dit bericht de mensen bedanken die mij hebben geholpen.
 
Mag ik hier iets over vragen?
Ik heb op mijn website een thema gebruikt dat dus al is gemaakt (he he).......en in het dashboard van Wordpress kan ik dan de achtergrond veranderen.
Nu heb ik zelf een groot beeldscherm (1920x1080) en dus is mijn achtergrond ook die grootte.

Hoe maak ik het dan zo dat de achtergrond vanzelf kleiner wordt op kleinere schermen?
Ik kan bij de files in de DirectAdmin, maar waar moet ik dan zijn? Is dat de css of editor-style.css of style.css of ....?

En wat en waar moet ik het dan plaatsen wat jullie aangeven?

ps. achtergrond staat vast, scrolt dus niet mee. (moet ook niet)
 
Hallo,

Alles is gelukt, maar nu krijg ik de kleur niet op de plaats waar ik het wil hebben.
zo staat het in mijn CSS

.container{
width:1024px;
Background-color:#a6a3a6;
margin:0 auto;

}
.header{background-image:url('images/heade01.gif') no-repeat;}

Misschien niet de juiste plaats?
 
linkje / screenshot / je code?
ik heb geen idee wat je nu bedoelt namelijk.
 
Ik bedoel dat de kleur over het hele scherm loopt.
Het wordt niet beperkt voor de container heeft deze afmeting 1024px. het beeldscherm is 1920
 
Waar stel jij die kleurenachtergrond in?
Heb je hem toevallig 2x staan in je css?
Want als je hem alleen op die container instelt is het onmogelijk dat die over het hele beeld komt.
 
Hallo,

dit is een knipsel van mijn beeldscherm.scherm.jpg

en dit de CSS code
p { margin-top: 0;}

.container{
width:1024px;
background-color: #a6a3a6;
margin: 0 auto;

}
.header{background-image:url('images/heade01.gif') 0px no-repeat;}

table { margin: 0px auto; }

div {
color: #e9e9e9;
font-family: 'Lucida Grande', Tahoma, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-align: center;

}



P {
color:#000000;
font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
text-indent: 2px;
margin-left: 6px;
margin-right:6px;
}
 
bedankt dat werkt, maar er is een conflict met een ander style sheet, die van jquery namelijk screen.css.
dat verklaart dat de kleur is zoals die is.

dit gedeelte staat in de screen.css

body {
margin: 40px 40px 80px 40px;
background: #444444;
}
hoe kan ik dit vermijden?
 
De header img komt daardoor ook niet tegen de bovenrand
 
femke98 zei:
ik maak wel een eigen vraag.:confused:
Klik om te vergroten...

Wat is nou precies je vraag dan?
de background die je upload, is dat 1 plaatje van 1920x1080 of is het een patroon waar je een aantal pixels aan mee geeft?
Ook lastig om hier antwoord op te geven zonder voorbeeld.
Heb je misschien een linkje waar ik kan zien hoe het er nu uit ziet? of wellicht een screenshot?
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan