Archief - Footer verdelen in 3

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.
r

redostrike

Legacy Member
Hoi,

Ben bezig met een websiteje en ik had even enkele tips van jullie nodig.

Ik wil zoals op volgende site: (Voorbeeld) vanonder op mijn web linkjes plaatsen. (in ul en li's is dat het makkelijkste volgens mij)

Dus Html:
Code: 
.......
<div class="footer">
  <div class="lijst"><ul>Lijst 1<li>Link 1</li><li>Link 2</li><li>Link 3</li></ul></div>
  <div class="lijst"><ul>Lijst 2<li>Link 1</li><li>Link 2</li><li>Link 3</li></ul></div>
<div class="lijst"><ul>Lijst 3<li>Link 1</li><li>Link 2</li><li>Link 3</li></ul></div>
</div>

In mijne css zet ik dan dat lijst float: Left; moet zijn en dan nog ander kleur eigenschappen ofcourse. Nu het probleem is ik wil dat het over heel de breedte van mijn scherm is dus moet ik de volle 100% delen door 3 wat uitkomt op 33.3333333333333333ENZZZZZZ% dus ik zit altijd met een klein stom percentje speling.

Iemand een idee hoe ik dat kan oplossen.
D

Dieterg

Legacy Member
Je kan 3 divs aanmaken zoals jij nu doet..

linkse div --> float left;
middelste div --> centreren;
rechtse div --> float right;
r

redostrike

Legacy Member
Mss is dat inderdaad een betere oplossing zo kan ik er uiteindelijk nog meer mee doen moest ik nog iets willen veranderen. Thanks for the tip.
d

demon326

Legacy Member
Mam zei:
Je kan 3 divs aanmaken zoals jij nu doet..

linkse div --> float left;
middelste div --> centreren;
rechtse div --> float right;
Klik om te vergroten...

Nogal veel extra werk :p.

Zo heb ik het staan:

HTML: 
<div class="footer-list">
<ul>
<li></li>
</ul>
</div>

css:
Code: 
display:inline;
float:left;
margin:30px 20px 20px;
width:200px;

Je kan aan footer-list ook nog eens borders toevoegen...
D

Dieterg

Legacy Member
benny zei:
Nogal veel extra werk :p.

Zo heb ik het staan:

HTML: 
<div class="footer-list">
<ul>
<li></li>
</ul>
</div>

css:
Code: 
display:inline;
float:left;
margin:30px 20px 20px;
width:200px;

Je kan aan footer-list ook nog eens borders toevoegen...
Klik om te vergroten...

Dat begrijp ik, zo zou ik het ook doen maar de TS wou een oplossing voor de speling.
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