Thread: Footer verdelen in 3
-
18-10-2010, 18:29 #1Approved 9-lifer
- Registered
- 23/10/04
- Location
- Berchem
- Posts
- 2,119
- iTrader
- 62 (97%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/1
Footer verdelen in 3
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:
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.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>
Iemand een idee hoe ik dat kan oplossen.Game collectie & Game blog
Shiny Hunter: << Mijn shiny pokémons >>
PokéDex Challenge
3DS FC: 0216-0776-5900no votes
-
-
18-10-2010, 18:41 #2Approved 9-lifer
- Registered
- 08/01/05
- Location
- Turnhout
- Posts
- 1,182
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 9/9
Je kan 3 divs aanmaken zoals jij nu doet..
linkse div --> float left;
middelste div --> centreren;
rechtse div --> float right;-no votes
-
18-10-2010, 18:58 #3Approved 9-lifer
- Registered
- 23/10/04
- Location
- Berchem
- Posts
- 2,119
- iTrader
- 62 (97%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/1
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.
Game collectie & Game blog
Shiny Hunter: << Mijn shiny pokémons >>
PokéDex Challenge
3DS FC: 0216-0776-5900no votes
-
18-10-2010, 19:55 #4Approved 9liver
- Registered
- 18/04/03
- Location
- Hasselt
- Posts
- 14,855
- iTrader
- 23 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 10/79
Nogal veel extra werk
.
Zo heb ik het staan:
css:HTML Code:<div class="footer-list"> <ul> <li></li> </ul> </div>
Je kan aan footer-list ook nog eens borders toevoegen...Code:display:inline; float:left; margin:30px 20px 20px; width:200px;
no votes
-
19-10-2010, 14:38 #5Approved 9-lifer
- Registered
- 08/01/05
- Location
- Turnhout
- Posts
- 1,182
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 9/9
no votes


