Ja, het was voor een politieke opdracht.quote:Op woensdag 11 november 2009 15:37 schreef invine het volgende:
logopvv.PNG? wilders site aan het maken?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 | <head> <title>Menu Test</title> <style type="text/css"> * { margin: 0px; padding: 0px; } #container { border: 1px solid red; width: 960px; margin: auto; height: 400px; } /* Menu with List */ #listmenu { border: 1px solid green; height: 22px; margin: 5px; padding: 4px; } #listmenu li { border: 1px solid green; list-style: none; float: left; height: 20px; margin: 0px 10px; padding: 0px 10px; } #listmenu li:hover { border: 1px solid black; background: black; color: white; } /* Menu with Table */ #tablemenu { border: 1px solid green; height: 22px; margin: 5px; padding: 4px; } #tablemenu td { text-align: center; border: 1px solid green; } #tablemenu td:hover { border: 1px solid black; background: black; color: white; } </style> </head> <body> <div id="container"> Dit is het menu met een Unordered List <div id="listmenu"> <ul> <li>Home</li> <li>Products</li> <li>About</li> <li>Contact</li> <li>Optie 1</li> <li>Optie 2</li> <li>Optie 3</li> </ul> </div> Dit is hetzelfde menu met een Table <div id="tablemenu"> <table border="0" width="100%"> <tr> <td>Home</td> <td>Products</td> <td>About</td> <td>Contact</td> <td>Optie 1</td> <td>Optie 2</td> <td>Optie 3</td> </tr> </table> </div> </div> </body> </html> |
margin: auto;quote:Op woensdag 25 november 2009 16:04 schreef Semmm het volgende:
Ik krijg het gewoon niet voor elkaar om m'n site te centreren via de container.
Wat moet ik in m'n css zetten zodat het lukt?
Dat werkt dus niet er zit trouwens wel een object in, kan dat de boosdoener zijn?quote:Op woensdag 25 november 2009 16:06 schreef TwyLight het volgende:
[..]
margin: auto;
of
margin-left: auto;
margin-right: auto;
quote:Op woensdag 25 november 2009 16:12 schreef TwyLight het volgende:
Maak gewoon een nieuwe div, noem hem #wrapper
en zet je hele code tussen <div id="wrapper"> </div>
in je css zet je dan:
#wrapper {
margin-left: auto;
margin-right: auto;
}
Werkt allebei nietquote:Op woensdag 25 november 2009 16:11 schreef invine het volgende:
nee, kijk je in IE of in FF?
In IE moet je namelijk in je body dit zetten:
text-align: center;
dan moet je in je container (die gecentreerd moet staan) dit zetten:
text-align: left; (dit zorgt ervoor dat de tekst in de container weer netjes links uitgelijnt is)
quote:Op woensdag 25 november 2009 16:19 schreef TwyLight het volgende:
:{
#wrapper {
margin-left: auto !important;
margin-right: auto !important;
}
?
ja ik kan ook moeilijk de fout zien als ik je code niet kan zien
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html .xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl"lang="nl"> <head> <title>Sem | Home</title> <meta http-equiv="content-type"content=text/html; charset=utf-8"/> <meta http-equiv="Content-Style-Type" content="text/css" /> <link href="opmaak.css" rel="stylesheet" type="text/css" media="all" /> </head> <body> <div id="container"> <div id="kop"> </div> <object id="NSPlay" width="833" height="28" border=4px; classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="center"> <param name="Filename" value="http://ms.stream.garnierprojects.com/radio538"> <param name=autoplay value=true> </object> <br/> <div id="menu"> <br/><br/> <a href="filmpjes.htm">filmpjes</a> | <a href="fotos.htm">fotos</a> | <A HREF="muziek.htm">muziek</A> | <A HREF="sites.htm">sites</A> </div> <div id="x"> </div> <div id="onder"> </div> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | margin-left: auto; margin-right: auto; } a:link { text-decoration: none; color: #FFFFFF; } a:visited { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: none; color: #000000; } body { /* kleur, achtergrondplaatje, achtergrondplaatje herhalen, achtergrondkleur, lettertype */ color: white; background-image: url(background.png); background-repeat:repeat; background-color: #666666; font-family: "Arial Black"; font-size: 20px; padding-top: 1px; padding-bottom: 34px; text-transform: uppercase; |
Nee, hij blijft gewoon helemaal links staanquote:
o dat wist ik niet Dankje!!quote:Op woensdag 25 november 2009 16:47 schreef TwyLight het volgende:
je moet natuurlijk wel een width opgeven voor je container
Geen activeX gebruiken.quote:Op woensdag 25 november 2009 16:53 schreef Semmm het volgende:
[..]
o dat wist ik niet Dankje!!
Maar heb nu nog een probleempje, ik heb een radio op m'n site maar firefox ziet ;m niet maar IE wel, hoe los ik dit op?
je bedoelt 1998quote:Op donderdag 26 november 2009 00:13 schreef Wielewagen het volgende:
[..]
Geen activeX gebruiken.
Komop zeg 't is geen 2002 meer
jawel dat wil ik welquote:
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |