| |
|
|
| | Помогите сверстать небольшой блок страницы (в аттаче).
Ни как не могу понять как это сделать. Мучился со слоями, но ничего путного из этого не вышло... Нужно чтобы одинаково отображалось во всех браузерах
Хотя бы в теории объясните как это делать.
P.S. Рисунок корявый, вообще это что-то типа книги с загнутыми по краям страницами. Но края большие и поэтому таблицами делать не получится | |
| |
|
|
|
| |
|
|
| |
для: AlexSol
(17.12.2006 в 14:30)
| | | Да растяжка нужна и по горизонтали и по вертикали.
Сейчас гляну примеры, может что получиться | |
| |
|
|
| |
|
|
| |
для: Ziq
(17.12.2006 в 13:52)
| | | а че там верстать? таблица для фона с нужными цветами, на слой выше абсолютно спозиционированый див, с нужными паддингом и выравниванием текста
<table>
<tr>
<td>
</td>
</tr>
</table>
<div style="position:absolute; top:0; left:0; width:100%; padding:0 50px; z-index:2;">
text
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(17.12.2006 в 15:04)
| | | Так вроде не получиться растягивать по вертикали таблицу с рамкой. Может я что не так понял? | |
| |
|
|
| |
|
|
| |
для: Ziq
(17.12.2006 в 15:21)
| | | почему невозможно? задай высоту 100% и ширину 100% и усе будет хоросе. | |
| |
|
|
| |
|
|
| |
для: Lelik
(17.12.2006 в 15:37)
| | | Что-то я не пойму честно говоря что именно Вы имеете ввиду...
Но возник следующий вопрос: нельзя ли сделать так?
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr>
<td valign="top">
<img src="img/ugol.gif" width="109" height="109" alt="" style="position: relative; left: 350px; top: 108px; z-index: -1;">
ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ
111111
</td></tr></table>
(в аттаче html)
|
Только нужно сделать так, чтобы текст не сдвигался. Не пойму как это сделать и можно ли вообще? Подскажите, пожалуйста. | |
| |
|
|
| |
|
|
| |
для: Ziq
(17.12.2006 в 15:51)
| | |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<style>
.a1{
background:url(bg0.gif) no-repeat top left;
}
.a2{
background:url(bg0.gif) no-repeat top right;
}
.a3{
background:url(bg0.gif) no-repeat bottom right;
}
.a4{
background:url(bg0.gif) no-repeat bottom left;
}
</style>
</head>
<body>
<div style="border:1px solid red; width:80%; height">
<div class="a1">
<div class="a2">
<div class="a3">
<div class="a4">
<div style="padding:50px">
sdsd wlhd wh jwhdjh wjdh jwdhwj hdwljdh wlhdwlhd wldh wklhdwlkh dlwkhd klwhd klwhd klwhd whdwkld hwlhd whdlkwdh whd
<br>sdsd<br>sdsd<br>sdsd<br>sdsd<br>
sdsd<br>sdsd<br>sdsd<br>sdsd<br>sdsd<br>
sdsd<br>sdsd<br>sdsd<br>sdsd<br>sdsd<br>
sdsd<br>sdsd<br>sdsd<br>sdsd<br>sdsd<br>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.12.2006 в 16:12)
| | | Думал над таким вариантом, но мне он показался не очень хорошим из-за большой вложенности... не может ли из-за этого возникнуть какие-то проблемы?
Может кто знает как исполнить метод выше?
P.S. Спасибо за пример | |
| |
|
|
| |
|
|
| |
для: Ziq
(17.12.2006 в 16:23)
| | | разве это большая вложенность :)
с резинкой в два направления только так. | |
| |
|
|
