| |
 1.4 Кб |
|
| | см. аттач
Допустим, у меня есть 2 картинки (на рисунке - красные), а синий блок - переменной длины, мне нужно добиться того, чтобы эти 2 красные картинки ВСЕГДА (при любом разрешении) были по концам блока! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(28.01.2007 в 20:00)
| | | я придумал два способа:
1. это сдлать див 100% шириной в него ложатся рисунки с жесткой привязкой по краям
2. это два дива по 50% с той же привязкой | |
| |
|
|
| |
|
|
| |
для: Lelik
(28.01.2007 в 20:09)
| | | 2 способ, я думаю, знаю как сделать, но больше бы подошел 1 способ, как его сделать? | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(28.01.2007 в 20:13)
| | | примерно так:
<style>
div#mydiv
{
width:100%;
height:100px;
}
</style>
<div id="mydiv">
<img border="0" float:left: align:left; />
<img border="0" float:left: align:right; />
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(28.01.2007 в 20:26)
| | | они выводятся рядом друг с другом :(( | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(28.01.2007 в 20:32)
| | |
<style>
div#mydiv
{
width:100%;
height:100px;
}
</style>
<div id="mydiv">
<img border="0" float:left: align:left; />
<img border="0" float:right: align:right; />
</div>
|
если будут ложиться на рядки друг под другом, тогда придется положить каждый рисунок в свой див и двигать дивы | |
| |
|
|
| |
|
|
| |
для: Lelik
(28.01.2007 в 20:37)
| | | че мелочитса?
<style>
.mydiv
{
width:100%;
height:100px;
position:relative;
}
a.l{
display:block;
position:absolute;
left:0;
top:0
}
a.r{
display:block;
position:absolute;
right:0;
top:0
}
</style>
<div class="mydiv">
<a class="l" href=""><img border="0" /></a>
<a class="r" href=""><img border="0" /></a>
</div>
|
а вообщето тут таблица с указанием ширины тока для ячеек с картинками | |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.01.2007 в 20:58)
| | | я никак не пойму, зачём мучиться с div'ами, если есть таблицы? 3 ячейки - 1 и 3 с соответствующим background-position и background-repeat | |
| |
|
|
| |
|
|
| |
для: NIK
(28.01.2007 в 21:33)
| | | мода такая =) и помучатся народ не против. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.01.2007 в 21:40)
| | | мода такая =)...
это занимет далеко не последнее место ;) | |
| |
|
|
| |
|
|
| |
для: NIK
(28.01.2007 в 21:33)
| | | мучиться с дивами... скорее всего для того, чтоб файл html меньше весил | |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.01.2007 в 20:58)
| | | >че мелочитса?
...
не понял Ваш метод :)))
короче пока ни один из предложенных методов НЕ работает :((
мне нужно вывести две разные картинки по бокам div-a ПЕРЕМЕННОЙ величины
P.S.: таблицы здесь мне действительно не нужны | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(29.01.2007 в 13:36)
| | | так понятнее?
<!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>
</head>
<body>
<style>
.mydiv
{
width:100%;
height:100px;
position:relative;
}
a.l{
display:block;
position:absolute;
left:0;
top:0
}
a.r{
display:block;
position:absolute;
right:0;
top:0
}
.in{
padding:0 20px
}
</style>
<div class="mydiv">
<a class="l" href=""><img border="0" width="10" height="10" /></a>
<div class="in"> text</div>
<a class="r" href=""><img border="0" width="10" height="10" /></a>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(29.01.2007 в 14:01)
| | | Отлично. Работает и в IE, и в Opera, и в IN!
Как это я сам не додумался? :)))
TO AlexSol: А зачем ты их поместил в ссылки? Просто так, для наглядности? | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(29.01.2007 в 14:19)
| | | посмотрев на твою картинку я подумал что это навигация. если не так, и это фоновый рисунок по углам - то можно проще. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(29.01.2007 в 14:33)
| | | >посмотрев на твою картинку я подумал что это навигация...
нет :))) это я просто для наглядности :) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(29.01.2007 в 14:34)
| | | так что ты хотел? именно картинки или фоновый рисунок? | |
| |
|
|
| |
|
|
| |
для: AlexSol
(29.01.2007 в 14:36)
| | | Изначально я хотел именно фоновый рисунок, но сейчас и как картинки нормально! :))
единственное, сейчас пошли косяки в опере, т.к. 2 подобных слоя :((
А ты говорил, если фоновый рисунок, то еще проще? А как? | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(29.01.2007 в 14:55)
| | |
<div style="background:url(1.gif) no-repeat top left">
<div style="background:url(2.gif) no-repeat top right">
....
</div>
</div>
|
| |
| |
|
|
