Hey,

laatst kreeg ik te horen dat ik mijn layout niet goed had gebased
Dus vandaar dat ik het opnieuw ging doen.
Mijn vraag is of hij nu wel goed gebased is:
http://tomas-smits.nl/nieuw/test.html

Hij zou xhtml en css valid moeten zijn..

Alvast bedankt!

beste,

de opbouw ziet er mooi uit (alleen een beetje verwarrend dat je zoveel "container" divs gebruikt, je mag ze ook anders noemen hoor :) )

Ook zag ik dat je tekst opmaak (html) beter kon.
Je gebruikt nu telkens alleen h1 h2 h3 h4,...
gewone tekst zet je best in een <p> tralalalalaaaaaaaaaa</p> (p = paragraaf)

ik zag ook dit:

Code:

<div id="baContainer"><h2>Advertentie</h2></div>

je kan ook simpelweg <h2> definieren in je css, en je kan als je een h2 wil laten afwijken van de rest gewoon "
<h2 class="small">Advertentie</h2>" ofzo maken.

Over je css, het gebruik van de codes is goed. Maar (uiteraard) het kan beter, daarmee bedoel ik het gebruik van shorthand css

bijvoorbeeld dit:

Code:

div#menuknop 
    { 
        background-image: url('images/menuknop.gif'); 
        background-color: #27f36f;
        background-repeat: no-repeat; 
        width: 85px; 
        height: 34px; 
        float: right;
	padding-right: 7px;
	margin-right: 7px;
	padding-top: 116px;
	margin-top: 116px;
	}

is in shorthand css:

Code:

background:#27f36f url(images/menuknop.gif) no-repeat;
width: 85px; 
height: 34px;
float: right;
padding: 116px 7px 0 0;
margin: 116px 7px 0 0;

(uitleg bij dat van padding & margin, de eerste is "top" dan de volgende is telkens met de klok meegaan [right, bottom, left]).

ik kan niet alle codes uitleggen, maar even googlen helpt vaak :)
ik geef je wel een extra tip bij de border (zo doe ik het en je vindt het niet erg vaak), op je site zag ik dit:

Code:

border-bottom: 1px solid #90b45e;
border-left: 1px solid #90b45e;
border-right: 1px solid #90b45e;

dit is korter te schrijven als:

Code:

border:1px solid #90b45e;border-top:0;

of

Code:

border:solid #90b45e;border-width:0 1px 1px 1px;

ik hoop dat je er wat aan hebt :)
succes met het slicen/basen verder

Ik heb je css file niet bekeken, maar je gebruikt inderdaad onnodig veel divs. Voor de rest ziet het er wel ok uit.

http://ipinfo.info/netrenderer/index.php

Check hem eens op IE6. Ook klopt hij niet in Camino @ Mac OSX

In Firefox @ Mac word hij ook niet goed weergegeven.

Firefox @ windows geeft je site ook incorrect weer.
Misschien handig om firefox even te downloaden en zelf te bekijken. Is altijd aan te raden bij het bouwen van websites. :)
http://www.mozilla-europe.org/nl/firefox/

Probeer lappen tekst in een paragraaf <p> te zetten. Nou staan er veel
stukken tekst verdwaalt in de divs.
om de code wat netter op te maken kan je ook gebruikt maken van tabs.
Nou begin je telkens aan de zijlijn en dat wordt er onoverzichtelijk.

ps: het is al gezegt, maar kijk ook even of alles crossbrowser is..

Hallo,

Allereerst bedankt voor jullie reacties.
Ik heb nu een gedeelte veranderd, als het goed is moet hij het nu wel doen op:

http://tomas-smits.nl/nieuw/test.html

Ik zie dat je die lap tekst niet in een paragraaf hebt gezet maar in een h2
koptekst. Dit kan echt niet, h1, h2, h3 etc zijn bedoelt voor kopteksten:

Tekst:

Lorem ipsum dolor
consectetuer adipiscing elit

Integer consequat sapien a lectus gravida euismod. Sed vitae nisl non odio viverra accumsan.
Curabitur nisi neque, egestas sed, vulputate sit amet, luctus vitae, dolor. Cras lacus massa,
sagittis ut, volutpat consequat, interdum a, nulla. Vivamus rhoncus molestie nulla. Ut porttitor
turpis sit amet turpis. Nam suscipit, justo quis ullamcorper sagittis, mauris diam dictum elit,
suscipit blandit ligula ante sit amet mauris. Integer id arcu. Aenean scelerisque. Sed a purus.
Pellentesque nec nisl eget metus varius tempor. Curabitur tincidunt iaculis lectus. Aliquam
molestie velit id urna. Suspendisse in ante ac nunc commodo placerat.

HTML:

Code:

<h1>Lorem ipsum dolor</h1>
<h2>consectetuer adipiscing</h2>

<p>
Integer consequat sapien a lectus gravida euismod. Sed vitae
nisl non odio viverra accumsan. Curabitur nisi neque, egestas sed,
vulputate sit amet, luctus vitae, dolor. Cras lacus massa, sagittis
ut, volutpat consequat, interdum a, nulla. Vivamus rhoncus molestie
nulla. Ut porttitor turpis sit amet turpis. Nam suscipit, justo quis
ullamcorper sagittis, mauris diam dictum elit, suscipit blandit ligula
ante sit amet mauris. Integer id arcu. Aenean scelerisque. Sed a purus.
Pellentesque nec nisl eget metus varius tempor. Curabitur tincidunt
iaculis lectus. Aliquam molestie velit id urna. Suspendisse in ante
ac nunc commodo placerat. 
</p>

Met tabs bedoelde ik eigenlijk ook niet eerst de html-tag
en daarna de inhoud met tabs ordenen. Ik bedoelde meer zo:

Code:

<body>

     <div id="menu">

          <ul>
                 <li><a href="#">link</a></li>
                 <li><a href="#">link</a></li>
                 <li><a href="#">link</a></li>
          </ul>

     </div>

</body>

Zo krijg je zeg maar een sneller inzicht in de code omdat elke
onderdeel nou z'n eigen plaats krijgt.

Hey bedankt.
Ik heb de tekst nu in paragraven gezet.
Heb het ook geprobeert te structureren met tabs alleen omdat ik best veel divs gebruik in die code vond ik het zelf zonder tabs overzichterlijk..

Maar zijn er misschien nog anderre dingen die ik aan de code kan verbeteren? :)

alvast bedankt ;)

Zorg ervoor dat de website helemaal xhtml valid is, want dat staat een
stuk netter en wordt door zoekmachines ook beter beoordeeld.

Maak ook minder gebruik van divs. Nu hbe je een div met daarin alleen
een h2 koptekst. Die div zou je weg kunnen laten, en de achtergrond,
hoogte en andere opmaak zou je gewoon in de h2 tag kunnen zetten.
Een h2 tag is net zo goed te bewerken als een div, dus dat bespaart
uiteindelijk een hoop extra html-code.

oeps was vergeten dat de paragraaf nu niet valid was.
Heb het aangepast ;)

ga zometeen de divs ff aanpassen ;)