| |
 1.4 Кб |
|
| | С помощью чего можно нарисовать то, что изображено на картинке? Т.е. по обеим сторонам от даты, которая выводится динамически, начертить линии. | |
| |
|
|
| |
|
|
| |
для: Лена
(09.10.2010 в 21:38)
| | | картинка, бордюр, <hr>
всё что угодно:) | |
| |
|
|
| |
|
|
| |
для: sl1p
(09.10.2010 в 21:41)
| | | например? | |
| |
|
|
| |
|
|
| |
для: Лена
(09.10.2010 в 22:03)
| | | ну если фон меняется тогда картинка, надеюсь с ней понятно :)
а если фон статический (без всяких градиентов и т.д.) можно так:
я быстро накатал, но если нужно, то можно и без фиксированных размеров.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.linedtext {
text-align: center;
padding: 50px;
border: 1px solid orange;
}
.linedtext .text {
display: block;
margin: 0 auto;
margin-top: -20px;
background: #fff;
width: 100px;
padding: 0 20px;
position: relative;
}
.linedtext .line {
border-top: 1px solid #000;
background: 0;
height: 0px;
}
</style>
</head>
<body>
<div class="linedtext">
<hr class="line" />
<span class="text">Какойто текст</span>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: sl1p
(09.10.2010 в 22:14)
| | | Спасибо! | |
| |
|
|
| |
|
|
| |
для: Лена
(09.10.2010 в 22:03)
| | | e.g.: <div style="text-align: center; background-image: url('images/line.png');"><span style="background-color: white;">text</span></div> | |
| |
|
|
