vacances2000
Gebruiker
- Lid geworden
- 28 jan 2013
- Berichten
- 113
Beste,
Ik wil graag een button links uitlijnen middels float. Als ik dat direct in de html zet, bij <div><button class="btn" style="float:left;"></button></div> dan lukt het prima, maar ik wil dit bewerkstelligen vanuit een css sheet. Mijn css is dan als volgt:
float:left !important werkt niet
float:left werkt niet
float: left werkt niet
Echter wanneer via "inspect element" direct op de website kijk, dan ik dat het steeds op float:right blijft staan.. Als ik deze uitvink dan gaat het wel naar links.
Ergens een cache probleem of zo?
Ik hoor het graag.
Vriendelijke groeten,
Jonathan
Ik wil graag een button links uitlijnen middels float. Als ik dat direct in de html zet, bij <div><button class="btn" style="float:left;"></button></div> dan lukt het prima, maar ik wil dit bewerkstelligen vanuit een css sheet. Mijn css is dan als volgt:
HTML:
/*buttons*/
.btn, .btnsmall{
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
border: none;
color: #ffffff;
padding: 10px 20px 10px 20px;
text-decoration: none;
font-weight: 300;
}
.btn{
background-image: linear-gradient(to bottom, #00bfff, #2980b9);
font-size: x-large;
left: 10%;
float: left;
}
.btnsmall{
background-color: #d8d8d8;
font-size: small;
width: 95%;
line-height: 10px;
align-content: center;
margin: 0 0 1% 0;
border-radius: 5px;
float: right;
}
float:left !important werkt niet
float:left werkt niet
float: left werkt niet
Echter wanneer via "inspect element" direct op de website kijk, dan ik dat het steeds op float:right blijft staan.. Als ik deze uitvink dan gaat het wel naar links.
Ergens een cache probleem of zo?
Ik hoor het graag.
Vriendelijke groeten,
Jonathan