Ik heb de stoute schoenen aangedaan en zou dus graag deze site: SITE
in divjes neerzetten maar........... ehhhh dat gaat niet zo best.
Hier de link voor wat ik nu heb:
NU

Wil en kan iemand me op weg helpen om dus de site zoals hij is om te zetten in divjes?

Dus 1 algemene achtergrond met daarin een top voor het plaatje Plusbeaus bearded collies dan een linkerkant voor het menu en recherkant voor content en dan onderaan een bottom voor copyright etc.
Dan zie je nu die goudenrand eromheen en dit had ik ook graag gehad maar weet absoluut niet hoe?
@ Jason : Heel erg fijn dat je deze moeite neemt. Ik heb net op je site gekeken en zag dat hij niet actief (off-line) was dus ik ga om half 3 weer checken :) Tot straks dan.
Ik zal eens kijken of ik een opzetje (in de stijl van jouw opzet) kan maken waaruit je misschien kan afleiden waarom het bij jou nog niet werkt.
edit: dit gaat over index2.php

Verander je bestand opmaaknieuw.css eens in dit?

* {
margin: 0px;
padding: 0px;
}

#container {
margin: 0px auto;
width: 1023px;
}

#wrapper {
padding: 0px 100px;
}

#content {
background: url(../images-algemeen/bg_content.jpg) center top repeat-y;
}

#header {
height: 77px;
background: url(../images-algemeen/bg_header.jpg) center top no-repeat;
}

#footer {
height: 85px;
background: url(../images-algemeen/bg_footer.jpg) center top no-repeat;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #660000;
}

#menu {
float: left;
width: 125px;
/* De volgorde is, top, right, bottom, left. */
margin: 20px 20px 80px 5px;
}

#menu ul {
list-style-type: none;
font: 12px;
color: #660000;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #320733;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #660000;
padding-top: 16px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #660000;
line-height: 150%;
padding: 0px 5px 10px 5px;
}

a:link {
color: #660000;
text-decoration: none;
font-weight: bold;
font-family: verdana;
font-size: 12px;
}

a:visited {
color: #660000;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px;
}

a:hover {
color: #4E7C34;
text-decoration:overline underline;
font-weight : bold;
font-family: verdana;
font-size: 12px;
}

a:active {
color: #4E7C34;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px;
}

.clear {
clear: both;
}
WOWOWOWOW hij doet het en ik zie ook waar mijn gedachtengang fout is gegaan Jan:

Hier:
#content {
background: url(../images-algemeen/bg_content.jpg) center top repeat-y;
}

Hierzo had ik de hoogte (in px) aangegeven terwijl hij repeat-y is dus zichzelf over de y-as herhaald.
Dit vergeet ik nooit meer!!!
Jan: mijn dank is GROOT!!!

YESssss ik kan nu gaan (op)bouwen met deze site lay-out :)
Gewelig goed en snel gedaan Willem-Jan en ik kan je verklappen dat ik dit ook heb bewaard en ik ook ga uitspitten en kijken of ik ervan wat kan bewaren!!!

[off-toppic]
geweldige browser is firefox toch want met die webdesign tool kan je alles mooi bekijken :)))
[/off-toppic]

Willem-Jan DANK je wel voor je hulp!!!
no-problem, ik hoop dat ik het nu weer beetje goed heb kunnen maken dat ik een beetje lelijk deed :$
Zeker weten Willem-Jan :)

Reageren