Код такой:
<div style="border: red 1px solid;">
<div style="text-align:center">
<img src="banner/240-90-11.gif" style="width:20%; margin:auto;"> 55
<img src="banner/240-90-14.gif" style="width:20%; margin:auto;">
</div>
</div>
Как это исправить?
Полная Версия: Как обвести рамкой соседние картинки?
Два графических изображения размещены рядом по середине экрана. И их требуется обвести общей рамкой. Однако, на практике получается так, что рамка идет не вокруг изображений, а от одного края экрана до другого (скриншот).
Код такой:
Как это исправить?
Код такой:
Как это исправить?
Ну так да... Ты сделай так, чтобы ДИВ был "правильного" размера, т.е. прямо по картинкам. И будет так, как ты хочешь.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Это довольно трудно осуществть, когда размер картинок в процентах, поскольку ширина рамки задается в пикселях и просуммировать их непросто.
Поэтому и хотелось бы как-то автоматически.
Поэтому и хотелось бы как-то автоматически.
ширину рамки тоже можно в процентах 
Если я делаю
то рамка отсутствует.
<div style="border: red 10% solid;">
то рамка отсутствует.
<div style="">
<span style="margin:0 auto; border: red 1px solid;">
<img src="banner/240-90-11.gif" style="width:20%;"> 55
<img src="banner/240-90-14.gif" style="width:20%;">
</span>
</div>
А так?
_____________
Ex3m.com.ua — Активный образ жизни
А так вообще чудно получилось - смотрите скриншот.
| Цитата (dron4ik @ 8.12.2013 - 20:38) |
| <div style=""> <span style="margin:0 auto; border: red 1px solid;"> <img src="banner/240-90-11.gif" style="width:20%;"> 55 <img src="banner/240-90-14.gif" style="width:20%;"> </span> </div> |
Это не совсем корректно, потому что:
1. Нужен ДИВ, а не СПАН.
2. Для этого ДИВа надо задать хотя бы ширину.
3. Взять не 20%, а побольше, иначе твои 2 баннера занимают всего 40 процентов от ДИВа, в который вложены.
4. Да и внешнему ДИВу тоже размеры нужны! Иначе у него получается нулевой размер, поэтому ничего не центрируется.
Вобщем, вот так, мне кажется, лучше будет (цифирьки сам подбирай):
<div style="width:700px; margin-left:200px;">
<div style="width:300px; margin:0 auto; border: red 1px solid;">
<img src="banner/240-90-11.gif" style="width:40%;"> 55
<img src="banner/240-90-14.gif" style="width:40%;">
</div>
</div>
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
ТС в процентах пытается установить ширину картинки относительно оригинальной ширины, а на самом деле % означают ширину относительно родителя 
_____________
Профессиональная разработка на заказ
Я на GitHub | второй профиль
_____________
Профессиональная разработка на заказ
Я на GitHub | второй профиль
display:inline-block , должен помочь (или block-inline? у меня авто-подстановка в DW xD)
_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Здесь расположена полная версия этой страницы.