Advertisement:

Author Topic: [help] Image buttons, inline  (Read 343 times)

Offline Boris.

  • Newbie
  • *
  • Posts: 1
[help] Image buttons, inline
« on: February 19, 2019, 08:44:54 AM »
Hi. I want create 4 image buttons on wrapper but inline.
Result from my code:


Code: [Select]
        <div id="toolbar2">
<div id="button1">

</div>

<div id="button2">

</div>

<div id="button3">

</div>

<div id="button4">

</div>
</div>

Code: [Select]
#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;
}

Offline Sir Osis of Liver

  • SMF Hero
  • ******
  • Posts: 8,918
Re: [help] Image buttons, inline
« Reply #1 on: February 19, 2019, 02:56:58 PM »
Code: [Select]

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