DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
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?
!divje1 = menuutje
divje2 = ding waarin content komt
hoe zorg ik dat alleen divje2 gerefresht wordt als ik in divje1 een linkje aanklik?
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.
Ik wil de content trouwens uit een database gaan halen, mocht dat uitmaken.
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.
Dan kan je grote delen die op elke pagina hetzelfde zijn bv includen. Of precies andersom, je maakt 1 keer de pagina en afhankelijk van de gekozen optie laad je bepaalde content in die ene pagina.
(bv met de GET functie in php.
Als je bv een webpagina pagina.php hebt kan je linkjes maken:
http://www.domein.nl/pagina.php?id=1
http://www.domein.nl/pagina.php?id=2
etc
En vervolgens kan je op basis van het id de bijbehorende content tonen.
.
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.
Dat includen zal voor mij ook nuttig worden als het op de nieuwe host komt te staan, bedankt voor de tip.
MadGuy: wat is er mis met mijn oplossing? Die werkt perfect.
Het is een nette oplossing in CSS (alles wat in style="" staat is CSS). Je moet sowieso beide zaken scheiden en voor elke aangeven of hij links of rechts moet komen te staan.
Als je het gescheiden wilt:
HTML
CSS
Het is een nette oplossing in CSS (alles wat in style="" staat is CSS). Je moet sowieso beide zaken scheiden en voor elke aangeven of hij links of rechts moet komen te staan.
Als je het gescheiden wilt:
HTML
| 1 2 3 | <span id="rechts">Blog - Portfolio - Over mij</span> |
CSS
| 1 2 | #rechts {float:right;} |
Geprobeerd en het geweldige effect is vervolgens dit:
Niet tof dus.
Maar de kans is groot dat ik het fou t doe, dus bij deze mijn geklooi:
HTML
CSS
Niet tof dus.
Maar de kans is groot dat ik het fou t doe, dus bij deze mijn geklooi:
HTML
| 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> |
CSS
| 1 2 3 | #rechts {float: right;} |
Nadeel van de oplossing van huhu is dat je je navigatie opsplitst. Moet je niet willen denk ik.
Ik zie dat je navigatie vast staat, qua menuitems bedoel ik. De positie kun je daarom ook vastzetten. De afstand tussen de items onderling hoeft niet per se variabel te zijn, je zet ze 1malig vast.
Dit is een oplossing waarbij je je navigatie simpel in 1 UL hebt:
Ik zie dat je navigatie vast staat, qua menuitems bedoel ik. De positie kun je daarom ook vastzetten. De afstand tussen de items onderling hoeft niet per se variabel te zijn, je zet ze 1malig vast.
Dit is een oplossing waarbij je je navigatie simpel in 1 UL hebt:
| 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> |
En vergeet die <ul> en <li> dingen.
lol, ik zou toch echt liever een ul navigatie willen dan een in code gebroken navigatie. Een ul is voor de toegankelijkheid via meerdere media een mooiere oplossing. Daarnaast heb je niet per se verschillende spannetjes nodig om tot de uitlijning tussen de navigatie items onderling te komen.
@ haaahaha: dat komt inderdaad meer in de richting van wat ik bedoel, in ieder geval wat betreft de positioering van de navigatie. Het begin heeeeeelemaal links, de rest rechts. Ik los het liever met ul-codering op, inderdaad. Netter.
Maar nu heb ik dus dit:
Maar nu heb ik dus dit:
Je moet om alle content die je nu hebt staan een div plaatsen en de breedte instellen op de breedte van de website plus margin: 0 auto;
Dus stel de breedte van je website is 600 pixels dan:
css:
html
Je hebt nu elk element (header, content vlak, footer) los centraal gecentreerd. Beter is dus een box om alle content elementen te plaatsen en die box via de margin center uit te lijnen.
Dus stel de breedte van je website is 600 pixels dan:
css:
| 1 |
html
| 1 2 3 | <div id="canvas"> alle content </div> </body> |
Je hebt nu elk element (header, content vlak, footer) los centraal gecentreerd. Beter is dus een box om alle content elementen te plaatsen en die box via de margin center uit te lijnen.
Oh aha, dus alles weer apart in een box plaatsen. Die miste ik dus. Mijn website 'shifte' al alle kanten op als ik iets probeerde. Weer wat geleerd. Gaan we even proberen!
Maar blijft een site daardoor wel weer dynamisch genoeg, bijvoorbeeld als mensen de tekstgrootte veranderen?
Maar blijft een site daardoor wel weer dynamisch genoeg, bijvoorbeeld als mensen de tekstgrootte veranderen?
Euhh, zoals ik het nu zie heb je je fonts ingesteld op pixels. Als je dan bv in IE de tekengroter aanpast zie je geen verandering in de grootte van je teksten. Dan zou je EM moeten gebruiken ipv px. Maar je teksten op die manier van grootte aanpassen is altijd killing voor je lay-out.
Oh, nou ja. Ik kijk dan wel even. Het is ook niet van zo'n enorm belang. Omdat ik het voor mijn werk ga gebruiken is het echter wel van belang dat het zo'n groot mogelijk bereik heeft, zeg maar. Misschien ooki van later zorg. Om dan te gaan pielen.
Ik ga morgen jouw suggesties even uitproberen. Bedankt, nogmaals.
Ik ga morgen jouw suggesties even uitproberen. Bedankt, nogmaals.
Toch maar vandaag geprobeerd. Hij staat nu goed. Ik moet alleen nog de puntjes op de welbekende i zetten: die bullits moeten foetsie, de marges tussen de navigatielinkjes moeten nog iets strakker (blog, over mij en portfolio staan nog niet geheel rechts) en de border-bottom is verdwenen.
Je moet natuurlijk wel goed naar je code of code die je krijgt kijken. De border bottom heeft 5 nulletjes, moeten er 6 zijn
Of drie. Dat bedoelde ik dus.
Ik heb het gewoon slordig neergekwakt om even te kijken of het werkte. Daarbij ben ik nog aardig groen. Maar bedankt voor de ad rem reactie!
Ik bekijk de site inderdaad in mozilla/firefox omdat deze de standaard meer volgt dan IE. Als er iets in IE niet werkt, zoek ik daar later wel een hack voor.
Ik heb het gewoon slordig neergekwakt om even te kijken of het werkte. Daarbij ben ik nog aardig groen. Maar bedankt voor de ad rem reactie!
Ik bekijk de site inderdaad in mozilla/firefox omdat deze de standaard meer volgt dan IE. Als er iets in IE niet werkt, zoek ik daar later wel een hack voor.
) waardes gelijk zijn kun je er ook gewoon 1 neer zetten.
