Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Onderaan uitlijnen

4 antwoorden
  • Ik heb op mijn site bij elke pagina een klein blok waar je naar de verschillende pagina kan klikken [url]www.3m-team.com[/url] Hoe krijg ik dat blokje continue beneden uitgelijnt zoals op de startpagina? Wanneer ik copy paste doe doet tie dat niet. Ik werk in frontpage
  • 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
  • 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="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...)

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.