Archief - Krijg footer niet goed gecentreerd

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

GamesMaxed

Legacy Member
Ik krijg mijn footer niet goed gecentreert. Als je goed kijkt zie je dat er ongeveer +- 20 pixels meer aan de rechterkant staan dan aan de linkerkant. (Heb het gemeten via paint.net xD).
De link naar mijn site, waar de gegeven pagina opstaat: Inmensia - de game site van de BeNeLux De kleur is btw gewoon even tijdelijk.

tommyken

Legacy Member
zou het kunnen omdat je de footer in een body hebt geplaatst dat die het mee verplaatst ?

adrianhates

Legacy Member
margin-right:15px.. logisch dat als je gaat centreren en dan uw block element nog een margin-right geeft dat die naar links op schuift. ( <div class="social"> )

Herneem uw code ne keer want ge doet enkele echt onnozele dingen hoor :)

vb:
Code:
<ul class="footer-links">
				<li>- <a href="#" title="Over Inmensia">Over Inmensia</a></li>
				<li>- <a href="#" title="Contacteer">Contacteer</a></li>
				<li>- <a href="#" title="Terms of service">Terms of service</a></li>
			</ul>
die streepjes daar zijn gwn te onnozel voor woorden :p Gebruik daar css voor.

GamesMaxed

Legacy Member
adrianhates zei:
margin-right:15px.. logisch dat als je gaat centreren en dan uw block element nog een margin-right geeft dat die naar links op schuift. ( <div class="social"> )

Herneem uw code ne keer want ge doet enkele echt onnozele dingen hoor :)

vb:
Code:
<ul class="footer-links">
				<li>- <a href="#" title="Over Inmensia">Over Inmensia</a></li>
				<li>- <a href="#" title="Contacteer">Contacteer</a></li>
				<li>- <a href="#" title="Terms of service">Terms of service</a></li>
			</ul>
die streepjes daar zijn gwn te onnozel voor woorden :p Gebruik daar css voor.

Ik heb mijn code aangepast en de margins link en rechts gezet bij social. (Dus dan verschuiven beide elementen naar tegenovergestelde kant, lost het probleem zo op.) En dan ook nog eens de padding. Maar nu heb ik het probleem dat het wel 30px is.

En hoe doe je die streepjes dan via CSS. Ik wil eigenlijk echt die streepjes (-) hebben inplaats van bolletjes / vierkantjes / ....

GamesMaxed

Legacy Member
tommyken zei:
zou het kunnen omdat je de footer in een body hebt geplaatst dat die het mee verplaatst ?

Je plaatst die toch altijd in de body...

adrianhates

Legacy Member
via css zet je een background image ( of een list style image) ( dan kan je kiezen wat de streepjes zijn ).
het streepje heeft geen enkele semantische waarde en moet daarom ook niet zichtbaar zijn in de html.

een footer moet inderdaad altijd in de body.

GamesMaxed

Legacy Member
adrianhates zei:
via css zet je een background image ( of een list style image) ( dan kan je kiezen wat de streepjes zijn ).
het streepje heeft geen enkele semantische waarde en moet daarom ook niet zichtbaar zijn in de html.

een footer moet inderdaad altijd in de body.

Ik wil gewoon een streepje, daarvoor heb toch geen image nodig... Of bedoel je het het anders?

adrianhates

Legacy Member
je snapt het punt niet. Het streepje is een design element en mag zich niet in HTML vertalen omdat het geen semantische waarde heeft. Net zoals je een grote achtergrond image ook niet als <img> in je html gaat zetten, maar in de css als background plaatst.

alternatieve fix : css - HTML list-style-type dash - Stack Overflow

je gaat ook online vinden dat een streepje typografisch fout als list indicator gebruikt wordt , maar dat zijn eerder meningsverschillen vind ik :)

GamesMaxed

Legacy Member
adrianhates zei:
je snapt het punt niet. Het streepje is een design element en mag zich niet in HTML vertalen omdat het geen semantische waarde heeft. Net zoals je een grote achtergrond image ook niet als <img> in je html gaat zetten, maar in de css als background plaatst.

alternatieve fix : css - HTML list-style-type dash - Stack Overflow

je gaat ook online vinden dat een streepje typografisch fout als list indicator gebruikt wordt , maar dat zijn eerder meningsverschillen vind ik :)

Dan gebruik ik wel gewoon een bolletje. x)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan