wazig probleem met display:block;
ik heb een knopje:
Code (php)
1
<a href="?add_cat" class="knopje">Add new category.</a>
en een CSS code-tje:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
a.knopje{
color: #ffffff;
display:block;
text-decoration: none;
padding: 0px 5px 0px 5px;
margin: 5px 0px 5px 0px;
background-color: #ff9c00;
border: 1px solid #9e5600;
}a.knopje:hover{
background-color: #636363;
color: #ff9c00;
}
color: #ffffff;
display:block;
text-decoration: none;
padding: 0px 5px 0px 5px;
margin: 5px 0px 5px 0px;
background-color: #ff9c00;
border: 1px solid #9e5600;
}a.knopje:hover{
background-color: #636363;
color: #ff9c00;
}
Nu stretcht dit knopje zich tot de volledige breedte van mijn container. Ik zie volgens mij nergens width:100%; Staan. Ik heb al vaker knopjes zo gemaakt maar dit nog nooit meegemaakt. Iemand enig idee?
Je zult het linkje een breedte moeten geven.
ps een float meegeven heeft helemaal geen zin
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
Als je er een div omheen zet, los je niks op van het probleem van de TopicStarter. Dan heb je alsnog een block-element.
Alleen je hebt wat meer code.
@Robert, ik heb dat ook wel eens gebruikt, maar is dat wel crossbrowser ondersteund?