News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

[help] Image buttons, inline

Started by Boris., February 19, 2019, 08:44:54 AM

Previous topic - Next topic

Boris.

Hi. I want create 4 image buttons on wrapper but inline.
Result from my code:


        <div id="toolbar2">
<div id="button1">

</div>

<div id="button2">

</div>

<div id="button3">

</div>

<div id="button4">

</div>
</div>


#toolbar2 {
margin-top:20px;
background-color: #000000;
height: 100px;
display: inline;

}

#button1 {
background: url(../images/aboutus.png) left;
height: 100px;
width: 250px;
margin-left:250;


}
#button2 {
background: url(../images/aboutus.png) center;
height: 100px;
width: 250px;
margin-left:500;


}
#button3 {
background: url(../images/aboutus.png) right;
height: 100px;
width: 250px;
margin-left:750;


}
#button4 {
background: url(../images/aboutus.png) ;
height: 100px;
width: 250px;
margin-left:900;
}

Sir Osis of Liver



#button2 {
background: url(../images/aboutus.png) center;
height: 100px;
width: 250px;
margin-left:500;
display: inline-block;
}


Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Advertisement: