Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

header en zijkant komen niet tegen elkaar aan

10 antwoorden
  • Hoi, Ik ben nu een site aan het maken over mijn net geboren dochtertje. Nu heb ik de zijkant en header gemaakt in PSP. Nu is het de bedoeling dat deze twee tegen elkaar komen. Dit gebeurt dus niet . Zie [url]http://members.home.nl/tamarawobben[/url] Wat is er verkeerd gegaan ? Roelof Wobben
  • margin en padding even op 0 zetten? enneh.. congrats!
  • margins en padding staan al op 0 zie bijgevoegde css : /* CSS Document */ body { margin : 0 0 0 0 ; } #container { width: 90%; margin: 0 0 0 0 ; background-color: #fff; } #top { margin : 0 0 0 0 ; } #leftnav { float: left; width: 194px; margin: 0; } #content { margin-left: 200px; } #leftnav p { margin: 0 0 0 0; } #content h2 { margin: 0 0 0 0; } Roelof
  • ik zie nergens de padding op 0 staan ligt het aan mij? volgens mij niet
  • oke, Ik heb mijn css-file veranderd in : /* CSS Document */ body { margin : 0 0 0 0 ; } #container { width: 90%; margin: 0 0 0 0 ; background-color: #fff; } #top { margin : 0 0 0 0 ; padding : 0 ; } #leftnav { float: left; width: 194px; margin: 0; padding :0 ; } #content { margin-left: 200px; padding : 0 ; } #leftnav p { margin: 0 0 0 0; } #content h2 { margin: 0 0 0 0; } maar geen verandering :cry: Roelof
  • Als je de images als background instelt, heb je geen ruimte tussen de divs. CSS: [code:1:5df0cad73f] #top { background: url(header.jpg) no-repeat; height: 173px; } #container { width: 800px; } #leftnav { float: left; background: url(zijkant.jpg) no-repeat; width: 198px; height: 427px; } #content { float: right; width: 600px; }[/code:1:5df0cad73f] Losjes gebaseerd op [url=http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/]456 Berea Street's 2 column layout[/url]. Omdat je een image map wilt, zou ik het artikel [url=http://www.alistapart.com/articles/sprites/]CSS sprites[/url] op [url=http://www.alistapart.com]A List Apart[/url] lezen of het -naar eigen zeggen- simpeler artikel [url=http://tutorials.alsacreations.com/imagemaps/]Imagemaps[/url] op [url=http://tutorials.alsacreations.com/]Alsacreations[/url] (die ook naar ALA verwijzen) over hoe je vervolgens die ballonnen klikbaar maakt.
  • hoi, Dank je. Het werkt nu. Alleen zie ik nu witte strepen tussen mijn images en de rand van de browser. Is er ook een manier om dat op te lossen ?/ En ook dank je voor de tip van de image-maps. Maar ik laat Dreamweaver ze maken. Dus dit gebeurt helaas niet met css. Groetjes. Roelof
  • Om de 2 afbeeldingen tegen elkaar te zetten: Verander [code:1:3ef8fd01f0] <div id="top"> <img src="header.jpg" width="800" height="173"> </div> <div id="leftnav"> <img src="zijkant.jpg" width="194" height="427"> </div> [/code:1:3ef8fd01f0] in: [code:1:3ef8fd01f0] <div id="top"><img src="header.jpg" width="800" height="173"></div> <div id="leftnav"><img src="zijkant.jpg" width="194" height="427"></div> [/code:1:3ef8fd01f0] Dus de </div> direct na <img> zonder spatie/enter er tussen.
  • hoi, Nee , de twee gedeelten zijn me al gelukt. Wat ik bedoel , kun je zien als je nu de site [url] http://members.home.nl/tamarawobben[/url] opent. Je ziet nu een witte rand tussen de rand van de browser en de bovenkant van de header. Mijn vraag is dus : hoe los je dit op ?? Groetjes, Roelof Wobben
  • teacher zei het al: margin en padding op 0 zetten. Hij had er alleen even bij moeten zetten dat je dit voor de body moet doen :wink: [code:1:a1b72c78ee]body { margin: 0; padding: 0; }[/code:1:a1b72c78ee] Enne, ook van mij gefeliciteerd..

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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