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 | <html> <head> <title>Studiereis Hong Kong</title> <link href='style.css' rel='stylesheet' type='text/css'> </head> <body> <div id='wrap'> <div id='clock'>"; <img src='klokkie.jpg'> </div> <div id='weather'>"; require("weather.php"); echo " </div> <div id='header'> <img src='images/logo.jpg' alt=''><br><br>Hier komt het nieuws te staan </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 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | /* Algemeen */ /***********************************************/ /* Force firefox to always show a vertical scrollbar */ html { overflow: -moz-scrollbars-vertical; } body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: rgb(194,202,252); margin-left: 0px; margin-top: 0px; } #wrap { margin:0 auto; width: 980px; } /******************** Header *******************/ #clock { width: 110px; float: left; margin: -15px 0 0 0; } #header { width: 709px; } #weather { width: 150px; float: right; margin: 45px 0 0 0; } /******************** Menu *********************/ #menu{ float: left; width: 120px; background-color: #FFFFFF; border: 1px solid #2900cf; margin-bottom: 5px; } |
Het is wellicht nuttig even ergens door te nemen hoe floats (horen te) werken.quote:Op dinsdag 28 november 2006 00:56 schreef mrbombastic het volgende:
Ok, ik heb de pagina even wat versimpeld. Hieronder de code.
[ code verwijderd ]
En CSS:
[ code verwijderd ]
In FF gaat het nu nog steeds niet goed. Ik heb echt geen flauw idee waarom.
Bedankt.quote:Op dinsdag 28 november 2006 22:22 schreef AnGabhar het volgende:
[..]
Wat je zou kunnen doen is de div#header een margin-left van 110px geven, zodat het blok niet overlapt met het klokje.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <tr style="margin: 0; padding: 0"><br /> <td style="margin: 0; padding: 0">Snoek</td><br /> <td style="margin: 0; padding: 0"><strong>1 maart</strong> tot en met <strong>30 juni</strong></td><br /> </tr><br /> <tr style="margin: 0; padding: 0"><br /> <td style="margin: 0; padding: 0">Barbeel, kopvoorn, serpeling, sneep, winde en de vlagzalm</td><br /> <td style="margin: 0; padding: 0"><strong>1 april</strong> tot en met <strong>mei</strong></td><br /> </tr><br /> <tr style="margin: 0; padding: 0"><br /> <td style="margin: 0; padding: 0">Snoekbaars en baars</td><br /> <td style="margin: 0; padding: 0"><strong>1 april</strong> tot de laatste zaterdag in <strong>mei</strong></td><br /> </tr><br /> <tr><br /> <td style="margin: 0; padding: 0">Beekforel, beekridder en bronforel</td><br /> <td style="margin: 0; padding: 0">1 oktober t/m 31 maart</td><br /> </tr><br /> </table><br /> |
Je site ziet er overigens niet goed uit in Firefox 2. In IE is het geen probleem, maar in Fx loopt het niet echt lekker.quote:Op vrijdag 22 december 2006 11:07 schreef Chandler het volgende:
OMG!! die br's zijn me niet eens opgevallen
-edit-
Jullie hebben helemaal gelijk, moet toch maar eens een WYSIWYG editor inbouwen
zorg dat je de elementen body en html een height geeft van 100%. Standaard zijn deze elementen niet groter dan nodig is.quote:Op vrijdag 22 december 2006 11:29 schreef Chandler het volgende:
Nee, ik weet het. Maar heb helaas geen idee hoe ik de fouten oplos, heb mijn best gedaan op het menutje (linkerkant). Ook voor het laten doorlopen van het grijze menu balkje heb ik geen oplossing gevonden.
Echt lekker loopt de site niet in FF zoals je al zei, maar nogmaals krijg het zelf niet gefixt. Heb al aardig wat CSS kennis maar dit gaat me te boven
1 2 3 | <span style="float:right;">Dit staat helemaal rechts</span> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | height: 458px; width: 960px; position:absolute; top: 50%; margin-top: -229px; left: 50%; margin-left: -480px; text-align: left; } #container { width: 920px; margin: 0em auto; } |
1 2 3 4 5 6 7 | <div id="wrapper"> <div id="container"> content </div> </div> </body> |
1 2 3 4 5 6 7 8 9 | height:200px; width:100px; line-height:180px; font-szie:180px; } div.afbeelding-container img{ vertical-align:middle } |
1 |
Deze heb ik gebruikt, dat werkt prima.quote:Op zaterdag 13 januari 2007 11:55 schreef haaahaha het volgende:
Je site verticaal en horizontaal uitlijnen (site heeft bv afmetingen 960x458pixels
css:
[ code verwijderd ]
html:
[ code verwijderd ]
1 2 | <div id="container"><img src="back.jpg" width="800" height="600" border="0" /></div> |
niet, het zijn geen frames.quote:Op zaterdag 13 januari 2007 16:53 schreef veldmuis het volgende:
Wat zitten kloten, en intussen werkt het, maar nou heb ik weer wat anders!
divje1 = menuutje
divje2 = ding waarin content komt
hoe zorg ik dat alleen divje2 gerefresht wordt als ik in divje1 een linkje aanklik?
Okay, clear. Hoe los je zoiets normaliter op? Totaal anders? Gewoon een paar pagina's die er hetzelfde uitzien met alleen andere content?quote:Op zaterdag 13 januari 2007 16:58 schreef Swetsenegger het volgende:
[..]
niet, het zijn geen frames.
Gewoon een nieuwe pagina maken. En aangezien je met een database werkt neem ik aan dat je ook php ondersteuning hebt?quote:Op zaterdag 13 januari 2007 17:00 schreef veldmuis het volgende:
[..]
Okay, clear. Hoe los je zoiets normaliter op? Totaal anders? Gewoon een paar pagina's die er hetzelfde uitzien met alleen andere content?
Ik wil de content trouwens uit een database gaan halen, mocht dat uitmaken.
Heeft iemand nog een suggestie voor mijn probleempje?quote:Op vrijdag 12 januari 2007 22:01 schreef MadGuy het volgende:
Ik ben nog stééds zo groen als wat op het gebied van CSS en dan loop je nogal eens tegen probleempjes aan.
Ik heb een opzetje voor mijn site hier staan. Voor het gemak heb ik mijn stylesheet hier opgeslagen.
Nu wil ik het volgende. In het navigatie gedeelte heb ik vier linkjes staan: Het begin, Over mij, Portfolio en Blog. Nu ben ik lekker eigenwijs en wil ik de drie laatsten - Over Mij, Portfolio en Blog - helemaal rechts hebben, zoals ze nu dus goed staan. Het begin wil ik echter helemaal links tussen de zwarte borders hebben staan. Nu is dat, zoals jullie zien, totaal mislukt. Ik kan er met mijn beperkte kennis even niet bij. Wie o wie kan mij helpen?
Overigens realiseer ik me dat er wellicht best wat rommel in de HTML of CSS kan staan of dat ik 't een en ander eigenlijk veel logischer kan aanpakken. Suggesties op dat gebied zijn ook van harte welkom, maar het gaat me met name om het navigatieprobleempje. De headers zijn en blijven plaatjes, no question about that.
Alvast bedankt.
1 2 3 | <span id="rechts">Blog - Portfolio - Over mij</span> |
1 2 | #rechts {float:right;} |
1 2 3 4 5 6 7 8 9 | <li><a href="blog.html"><span id="rechts">Blog</span></a></li> <li><a href="portfolio.html"><span id="rechts">Portfolio</span></a></li> <li><a href="overmij.html"><span id="rechts">Over mij</span></a></li> <li><a href="home.html"><span id="links">Het begin</span></a></li> </ul> |
1 2 3 | #rechts {float: right;} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <head></head> <style style="text/css"> body{font: 11px arial;} #navigatie{width:600px;height:30px;border-top:solid 1px #000000;border-bottom:solid 1px #00000;} ul{margin:6px 0;padding:0px;} li{float:left;} li a{color:#000000;font-weight:bold;} li a{text-decoration:none;} li a.portfolio{margin: 0 90px 0 90px;} li a.blog{margin: 0 0 0 251px;} </style> <body> <div id="navigatie"> <ul> <li><a href="hetbegin.htm">het begin</a></li> <li><a class="blog" href="blog.htm">Blog</a></li> <li><a class="portfolio" href="portfolio.htm">Portfolio</a></li> <li><a href="overmij.htm">Over mij</a></li> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 | <span id="rechts"> <a href="blog.html">Blog</a> <a href="portfolio.html">Portfolio</a> <a href="overmij.html">Over mij</a> </span> |
1 |
1 2 3 | <div id="canvas"> alle content </div> </body> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |