mijn css
Code:
.buttonscontainer {width: 150px;}
.buttons a {color: #FFFFFF;
background-color: #FF0000;
padding: 2px;
padding-left: 3px;
display: block;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center;}
.buttons a:hover {background-color: #FFFFFF;
color: #FF0000;
text-decoration: none;}
html
Code:
<center>
<div class="buttonscontainer">
<div class="buttons">
<a href="index.php?word=1">foto 1</a>
<a href="index.php?word=2">foto 2</a>
<a href="index.php?word=3">foto 3</a><br/>
..
<a href="index.php?word=24">foto 24</a><br/>
<a href="index.php?word=25">foto 25</a>
<a href="index.php?word=26">foto 26</a>
<a href="index.php?word=27">foto 27</a><br/>
<a href="index.php?word=28">foto 28</a>
</div>
</div>
</center>
probleem:
hij laat alles zo zien:
en niet naast elkaar..
3 links op één regel, die er dankzij de CSS iets anders uitzien..
moet kunnen, toch?
tables lukten niet, omdat dat op de een of andere manier mijn layout stoorde, dus ik dacht hier een mooie oplossing in te vinden..
moet ik nu ieder knopje apart laten floaten in de pagina, of is er een andere oplossing?
/edit:
toch maar gefloat, met goed resultaat
/edit:
nu staan ze wel in de goede volgorde, gewoon 4 divs met 7 links erin.
alleen het centreren nog..
hoe krijg ik aan beide kanten van de knoppen een even grote ruimte?
/edit: gefixt