Ga naar inhoud

Onderaan uitlijnen


Aanbevolen berichten

Bedoel je dat je wilt dat de linkjes aan de onderkant van de pagina continu de zelfde afstand van de onder rand moeten staan als op de index pagina? Nou ja, er zijn sowieso een paar dingen mis met de code, je hebt geen [url=http://www.handleidinghtml.nl/html/structuur-document/structuur-document04.html]doctype[/url], verder gebruik je tables voor de layout (big no no), dit kan je beter en makkelijker doen met [url=http://www.handleidinghtml.nl/css/css-introductie/css-introductie01.html]CSS[/url], als laatste is het handiger om die links in een "inline" [url=http://alistapart.com/articles/taminglists/]unordered list[/url] (<ul></ul>) te zetten. Dan kan je nu de "main content" van je site en de "footer" met de linkjes elk een eigen div geven. Dan kan je de main content div een vaste hoogte geven zodat de footer altijd op de zelfde afstand van de top van de pagina komt te zitten. Misschien gaat het allemaal te snel...en misschien kan het makkelijker (maar slechten IMHO) door er een table cell aan toe te voegen en dan te gaan klooien met de hoogten van de cellen...maar dat is een nog al lelijke oplossing... greets Drew
Link naar reactie
OEI.... Dat wordt m niet denk ik... Ik heb het blokje met de links vanaf de eerste pagina gecopieerd. Deze zat standaard in het flash programma om de foto's op deze manier te bekijken. Kan ik niet bij elke site een commando geven dat het blokje automatich aanpast aan de schermgroote en dus onderaan gaat zitten. Dus zeg maar een "autostretch" functie...
Link naar reactie
[quote:75dc1472b7="Michieas"]OEI.... Dat wordt m niet denk ik... Ik heb het blokje met de links vanaf de eerste pagina gecopieerd. Deze zat standaard in het flash programma om de foto's op deze manier te bekijken. Kan ik niet bij elke site een commando geven dat het blokje automatich aanpast aan de schermgroote en dus onderaan gaat zitten. Dus zeg maar een "autostretch" functie...[/quote:75dc1472b7]Nee dat kan je niet [i:75dc1472b7]zomaar[/i:75dc1472b7] doen...was het maar zo makkelijk :D Ff wat dingen uitleggen; Een doctype ziet er zo uit;[code:1:75dc1472b7]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/code:1:75dc1472b7]Elk HTML document hoort een doctype declaratie te hebben. Een doctype heeft tot functie de browser vertellen wat voor soort HTML hij mag verwachten, dit is belangrijk voor de juiste weergave van je site. In dit voorbeeld is het dus HTML versie 4.01 strict. Andere mogelijkheden kan je vinden onder de link die ik in mijn vorige post gaf. [url=http://www.handleidinghtml.nl/css/inhoud-css-plus.html]CSS[/url] lijkt misschien een beetje moeilijk vooral als je zero verstand ervan hebt, en ik krijg de indruk dat je een redelijk HTML n00b ben, "nothing personal" :P. Er staat al CSS in je web site hij staat alleen inline dus in de elementen, dat kan maar is niet echt overzichtelijk...eigenlijk hoor je naar de CSS te verwijzen dat je dan in een ander bestand zet, om het eenvoudig te houden zal ik het in het head zetten... bv de code die je gebruikt voor de linkjes:[code:1:75dc1472b7]<span style="font-size: 10px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif"> <font color="#FFFFFF"> <span style="text-decoration: none"><a href="http://www.3m-team.com"> <font color="#FFFFFF"><span style="text-decoration: none">Photo</span></font></a> </span></font></span> <span style="font-size: 10px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none"> <font color="#FFFFFF"><a href="http://www.3m-team.com/video"> <font color="#FFFFFF"><span style="text-decoration: none">Video</span></font></a> </font> <a href="mailto:michielarndts@wanadoo.nl?subject=Hello, i saw you website"> <font color="#FFFFFF"><span style="text-decoration: none">Contact</span></font></a></span><span style="font-size: 10px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif"> <font color="#FFFFFF"> <span style="text-decoration: none"> <a href="http://www.3m-team.com/Sponsor%20page/Sponsors.htm"> <font color="#FFFFFF"><span style="text-decoration: none">Sponsors</span></font></a></span></font> <font color="#FFFFFF"> <a href="http://www.3m-team.com/mjguest/"> <span style="text-decoration: none"><font color="#FFFFFF">Guestbook</font></span></a></font></span>[/code:1:75dc1472b7] Dit zou je kunnen worden vervangen door:[code:1:75dc1472b7]<div id="footer"> <ul id="links"> <li><a href="http://www.3m-team.com">Photo</a></li> <li><a href="http://www.3m-team.com/video">Video</a></li> <li><a href="mailto:michielarndts@wanadoo.nl?subject=Hello, i saw you website">Contact</a></li> <li><a href="http://www.3m-team.com/Sponsor%20page/Sponsors.htm">Sponsors</a></li> <li><a href="http://www.3m-team.com/mjguest/">Guestbook</a></li> </ul></div>[/code:1:75dc1472b7]en dan zet je het volgende in boven het "</head>" teken:[code:1:75dc1472b7]<style type="text/css"> body{ background-color:#000000; text-align:center} #footer { text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none} #footer ul a, #footer ul a:hover, #footer ul a:visited{ color:#FFFFFF;} #footer li{ display:inline;text-decoration:underline;} </style>[/code:1:75dc1472b7] Dat ziet er een stuk overzichtelijker uit Goede kans dat dit alsnog een beetje ingewikelder is dan je kan handelen...maar je simpeler wordt het niet... :-? (ik ben vandaag heel aardig... je krijgt dan zoiets: [url=http://www.millar.nl/bla/bla.html]link[/url], er staat natuurlijk geen inhoud omdat die niet om mijn server staat...en ik heb niets met de javascript gedaan...)
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...