Footer verdelen in 3 stukken

[David]

Beste phpbbers,

Kan iemand mij iets meer vertellen hoe ik me overall_footer kan aanpassen. Ik wil iets nieuws proberen eerst lokaal om te kijken of het wel echt iets is.

Ik wil de footer in 3 stukken verdelen link een plaatje, midden tekst en rechts plaatje. Heb het op verschillende forums gezien dat de footer in 3 of 4 stukken is verdeeld maar in de bron kom ik er niet achter hoe het precies werkt. Er moeten volgens mij meer bestanden aangepast worden.

Bestaat hier al een uitleg over, of kan iemand me opweg helpen?

Groetjes David

[Kevin]

Dan maak je 3 divs aan die je plaatst en vult in je footer en vormgeeft in je css bestanden. Dus je geeft de breedte en plaatsing van de divs op in je css en je roept ze aan in je html bestanden, in dit geval dan overall_footer.html

[David]

Oké, ik snap wel wat je bedoelt te zeggen... dat is dus nog niet 1-2-3 gedaan tja, ik denk nog even na... lijkt me een moeilijk klusje

[Kevin]

Nou

maar in de bron kom ik er niet achter hoe het precies werkt.

dan moet je dus het gedeelte uit de broncode nemen, daarin zoeken welke div class ze gebruiken. Die kun je vervolgens ook wel weer opzoeken in de broncode.

[David]

Ik kijk met Firefox in de bron, dan zie ik in de HTML inderdaad die divs staan die jij noemt, die verwijzen inderdaad ergens naar toe. Dat stukje ziet er vrij duidelijk uit. Alleen zou ik niet weten hoe ik de ccs daarvan tevoorschijn haal.

Hier zie je bijvoorbeeld z'n footer: http://www.alexa.com/help/viewforum.php?f=5

[Kevin]

De naar de stylesheet die geladen moet worden vind je terug boven in de broncode.

Code: Selecteer alles

http://www.alexa.com/css/layout.css

Dit is het gedeelte waar jij naar op zoek bent even snel gekeken.

Code: Selecteer alles

/* - FOOTER - */

#footer {
	background: #bebebe  top repeat-x; 
	border-top: 1px solid rgb(38,29,26);
	margin: 0;
	width:100%;
	clear:both; 
	font-size:0.9em;
}

#footer-inner {
	padding:0 2em;
	/*text-align:center;*/
}

#footer-inner .col {
		float: left;
		margin: 0 20px 5px 0;
		text-align: left;
}

#footer-inner .col h4  {
		font-size: 1.1em;
		margin-bottom: 1px;
		border-bottom: none;
}

#footer-inner .col h4 a, .footText .col h4 a:visited {
		color: #333;
}
#footer-inner a {
	color: #444;
}
#footer-inner a:hover {
	text-decoration: underline;
}

#footer-inner .col ul {
		margin: 0 0 10px 0;
		padding: 0;
		line-height:1.1;
}

#footer-inner .col ul li {
		/*list-style: url("/common/images/shim.gif");*/
		list-style: none;
		margin: 0;
		padding: 0;
}

#footer-inner #disclaimers {
		float: right;
		margin: 0;
		text-align: right !important;
}

#footer-inner #disclaimers h4 {
		border-bottom: none;
}

#footer-inner  a {
	color: #5256FF;
}
#footer-inner  a:hover {
	color: #0000FF;
}
#footer-inner li a{
	font-size:0.9em;
}

[David]

Bedankt voor je moeite, ik ga hier een mee proberen te stoeien!

UPDATE:

Ik ben vandaag aan de slag gegaan en moet zeggen dat het goed is gelukt Ik vroeg zie alleen iets in me originele footer staan, waar ik niet van weet wat het doet.

Code: Selecteer alles

<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

</body>
</html>

Wat doet dit? Moet dit terug komen? en maakt het uit waar dit komt?

Verder heb ik volgens mij wel wat ik wil hebben!