increasebutton сьс заоблени ьгли и css
Преди време ми казаха да направя бутон които се разширява и стесняв според текста вутре, но сущо така и да е сьс заоблени ьгли.
Демо: http://store3.data.bg/akolevutd/uroci/increasebutton/ , там са и изображенията!
Ето какво измислих:

css code
html, body {
background-color: #E8E8E8;
font-family: arial, sans-serif, helvetica;
font-size: 12;
color: #ffffff;
}
#container {
height: 69px;
}
.left {
background: transparent url("left.gif") no-repeat;
height: 69px;
width: 47px;
float: left;
}
.right {
background: transparent url("right.gif") no-repeat;
height: 69px;
width: 49px;
float: left;
}
.center {
background-color: #A80000;
height: 69px;
float: left;
}
.letters {
background: transparent url("letters.gif") no-repeat;
height: 23px;
padding: 22px 0 0 0;
}


html code
<div id="container">
<div class="left"></div>
<div class="center"><div class="letters">Бутона се разтяга на ширина!</div></div>
<div class="right"></div>
</div>


Автор | akolevutd

/ Трябва да сте регистриран за да напишете коментар /
От: batmanabg
13:19 22-07-2011
Полезен урок.
1