Tabellen, graag vervangen voor....

Heb je een vraag over (X)HTML of CSS stel die dan hier!
Gebruikersavatar
DiWolff
Berichten: 771
Lid geworden op: 31 mei 2010, 15:16
Contacteer:

Re: Tabellen, graag vervangen voor....

Bericht door DiWolff » 01 nov 2010, 15:00

You're welcome boy:)
Met vriendelijke groet,
Dick Wolff

-----
http://www.dickwolff.nl
http://www.aquatrad.com

Vanaf nu online!
wwih.nl - Welke week is het?
Meer informatie? Klik hier!
Huidige versie: 1.2

Mij volgen omtrend mijn DIY-projecten?
Klik dan hier en lees mee!!

help

Re: Tabellen, graag vervangen voor....

Bericht door help » 06 nov 2010, 14:12

Ik heb net te horen gekregen, dat Admin mijn berichten heeft verwijderd.
Wel vervelend, maar er is niks meer aan te doen. :-(

Om dus toch weer de juiste informatie te krijgen, plaats ik het maar hier:

Index.html

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<title>Mijn website.</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="midden">
<div id="menu">
<div id="menu2">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
</div>
</div>
<br>
<br>
<div id="midden2">
<h1>Dit is de test pagina van mijn website.</h1>
Heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee, dit is even een test maar dat had je waarschijnlijk al door, ik hoop dat de test lukt maar dat gaan we zo zien. Ik ga het is even bekijken, de test is gelukt!!!</div>
</body>
</html>
Misschien dat iemand mij kan vertellen, wat alles betekent. Dat zou ik wel zo fijn vinden, want dan ga ik HTML weer wat beter begrijpen, ook voor de CSS zou ik dat wel erg leuk vinden:

Code: Selecteer alles

    body { font-family: Serif; background-image: url(http://myblogsite.nl/images/blue.png); }
    h1 { color: white; font-style: oblique }
    p { color: white; text-decoration: underline }
	
    body {
    margin: 0 auto;
    text-align: center;
    }

    #midden {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    }
	
	#midden2 {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    }

	#menu2{
   background-color: #5858FA;
   width: 540px;
   height: 47px;
}
	
	
    #menu {
       height: 30px;
       width: 500px;
       float: left;
       margin-top: -3px;
    }

    #menu ul {
       list-style: none;
       position: absolute;
       z-index: 2;
    }

    #menu ul li {
       float: left;
       height: 30px;
       width: 100px;
                  text-align: center;
    }   

    #menu ul li a {
       text-decoration: none;   
       color: #F7B722;
       font-size: 12px;
       font-family: arial;
       font-weight: bold;
    }

    #menu ul li:hover {
       background-color: #FBFBEF;
       height: 30px;
       width: 100px;   
    }

    #menu ul li a:hover {
       color: #0000C0;
    }


Gebruikersavatar
DiWolff
Berichten: 771
Lid geworden op: 31 mei 2010, 15:16
Contacteer:

Re: Tabellen, graag vervangen voor....

Bericht door DiWolff » 06 nov 2010, 23:08

Hoe bedoel je?
Snap je je code niet meer??
Met vriendelijke groet,
Dick Wolff

-----
http://www.dickwolff.nl
http://www.aquatrad.com

Vanaf nu online!
wwih.nl - Welke week is het?
Meer informatie? Klik hier!
Huidige versie: 1.2

Mij volgen omtrend mijn DIY-projecten?
Klik dan hier en lees mee!!

help

Re: Tabellen, graag vervangen voor....

Bericht door help » 08 nov 2010, 16:05

Gewoon, dat we eigenlijk even het HTML bestand en het CSS bestand gaan ontleden, en dan per regel gaan kijken waarvoor het dient.
Want nu heb ik wel een mooie website, maar ik snap nu niet hoe het code in elkaar zit.
Ik hoop dat je mij hier op antwoord kan geven.

andries
Moderator
Berichten: 2301
Lid geworden op: 09 mei 2008, 16:17
Contacteer:

Re: Tabellen, graag vervangen voor....

Bericht door andries » 08 nov 2010, 17:39

Ik zal even een begin maken, maar ik moet zo weg dus... ;)

ik plaats de uitleg achter elke regel achter // ;)

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> // Dit is om aan te geven met welke versie html je werkt
<html> // dit is om de pagina te starten, dit zit in elke webpagine
<head> // Dit staat bovenin elk html bestand alles wat hier binnen staat is niet zichtbaar.

<title>Mijn website.</title> // dit is de titel het enige binnen de head wat wel zichtbaar is... namelijk in de titelbalk
<link href="stylesheet.css" rel="stylesheet" type="text/css"> // dit is om connectie met het css bestand te maken
</head> // hier wordt de head tag weer afgesloten
<body> // Dit staat ook in elk html bestand, alles wat hier binnen staat is zichtbaar op je website
<div id="midden"> 
<div id="menu">
<div id="menu2">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
</div>
</div>
<br>
<br>
<div id="midden2">
<h1>Dit is de test pagina van mijn website.</h1>
Heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee, dit is even een test maar dat had je waarschijnlijk al door, ik hoop dat de test lukt maar dat gaan we zo zien. Ik ga het is even bekijken, de test is gelukt!!!</div>
</body>
</html>

help

Re: Tabellen, graag vervangen voor....

Bericht door help » 10 nov 2010, 12:26

@Andries

Bedankt, nu nog even het laatste gedeelte.
En dan ben ik weer helemaal blij.

Gebruikersavatar
admin
Oprichter
Berichten: 3310
Lid geworden op: 16 apr 2008, 13:47
Contacteer:

Re: Tabellen, graag vervangen voor....

Bericht door admin » 17 nov 2010, 16:55

Hier, ik ben alvast weer wat verder gegaan voor Andries. :-D

Code: Selecteer alles

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> // Dit is om aan te geven met welke versie html je werkt
    <html> // dit is om de pagina te starten, dit zit in elke webpagine
    <head> // Dit staat bovenin elk html bestand alles wat hier binnen staat is niet zichtbaar.

    <title>Mijn website.</title> // dit is de titel het enige binnen de head wat wel zichtbaar is... namelijk in de titelbalk
    <link href="stylesheet.css" rel="stylesheet" type="text/css"> // dit is om connectie met het css bestand te maken
    </head> // hier wordt de head tag weer afgesloten
    <body> // Dit staat ook in elk html bestand, alles wat hier binnen staat is zichtbaar op je website
    <div id="midden">// Dit verwijst naar de Div in het CSS bestand en zorgt ervoor dat het menu in het midden staat
    <div id="menu">// Deze DIV zorgt ervoor dat het menu tevoorschijn komt
    <div id="menu2"> // Deze DIV zorgt ervoor dat zodra je met de muis erover heen gaat, het menu een andere kleur krijgt.
    <ul>
    <li><a href="#">Home</a></li> // Hier mee kan je een link maken in het menu, als je het '#' verwacht in bijv. www.myblogsite.nl dan verwijst het 1e woordje 'Home' naar www.myblogsite.nl
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    </ul>
    </div>
    </div>
    </div>
    <br>
    <br>
    <div id="midden2">
    <h1>Dit is de test pagina van mijn website.</h1>
    Heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee, dit is even een test maar dat had je waarschijnlijk al door, ik hoop dat de test lukt maar dat gaan we zo zien. Ik ga het is even bekijken, de test is gelukt!!!</div>
    </body>
    </html>

Gebruikersavatar
DiWolff
Berichten: 771
Lid geworden op: 31 mei 2010, 15:16
Contacteer:

Re: Tabellen, graag vervangen voor....

Bericht door DiWolff » 17 nov 2010, 21:47

Hopen dat alles nu duidelijk is :)
Met vriendelijke groet,
Dick Wolff

-----
http://www.dickwolff.nl
http://www.aquatrad.com

Vanaf nu online!
wwih.nl - Welke week is het?
Meer informatie? Klik hier!
Huidige versie: 1.2

Mij volgen omtrend mijn DIY-projecten?
Klik dan hier en lees mee!!

help

Re: Tabellen, graag vervangen voor....

Bericht door help » 18 nov 2010, 15:42

Ja, duidelijk!! Bedankt voor al jullie hulp.

Gebruikersavatar
admin
Oprichter
Berichten: 3310
Lid geworden op: 16 apr 2008, 13:47
Contacteer:

Re: Tabellen, graag vervangen voor....

Bericht door admin » 20 nov 2010, 19:22

help schreef:Ja, duidelijk!! Bedankt voor al jullie hulp.
Mooi! Graag gedaan.

Plaats reactie