Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Div'ы в одной строке, Размещение картинок как в проводнике 
:(
    Опции темы
Ruslan_
Дата 12.3.2005, 17:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 4.12.2004

Репутация: нет
Всего: нет



Я делаю фотоальбом своей группы. И у меня возникла следующая проблема.
Мне необходимо разместить фотки, как в виндовом проводнике, когда выбран "Вид->Эскизы страниц". Каждую фотографию я помещаю в Div'ку, которую определил след. образом:
Код

div.album{
float:left;
width: 96px;
height: 96px;
margin: 0 25px;
border: 1px solid #999;
margin-top: 10px;
text-align:center;
}

Фотографии находятся на холсте (это тоже Div'ка). Opera и Mozilla отображают Div'ки, как в проводнике:
Код

_____________________
|  _    _    _    _  |
| |_|  |_|  |_|  |_| |-- холст
|  _    _    _    _  |
| |_|  |_|  |_|  |_| |
|____________________|

А вот Mizilla не совсем. Она отрезает нижнюю часть холста:
Код

_____________________
|____________________|-- холст
  _    _    _    _ 
 |_|  |_|  |_|  |_|
  _    _    _    _ 
 |_|  |_|  |_|  |_|

Как разрешить эту проблему? Или просто не заморачиваться и использовать таблицу?
Просто даже, если удасться решить эту проблему, я не знаю как позиционировать картинку по вертикали посередине в Div'ке....
Посоветуйте пожалуйста как быть в этой ситуации.
PM   Вверх
Joes
Дата 12.3.2005, 18:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 432
Регистрация: 15.11.2004

Репутация: 3
Всего: 7



Зачем так извращаться... Ладно, если бы у тебя было какое-нибудь необычное расположение картинок... А так все по стандарту стоит... Суй все в <table>...
PM MAIL   Вверх
Ruslan_
Дата 12.3.2005, 22:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 4.12.2004

Репутация: нет
Всего: нет



Видишь ли Joes, использовать Div здесь намного логичнее (imho), чем table. Каждый img находится в Div'ке, которая отвечает за боковые, а так же верхний отступы. В случае, если "холст станет уже или шире", у меня не возникнет ни каких проблем, php скрипт тот же самый: обращение к БД, и вывод на экран <DIV class"album"><IMG src="..."></DIV> в цикле, вот и все.
Просто проблема такова. Как вывести на экран Div'ки, идущие в одной строке, как правильно это сделать.
И как позиционировать текст повертикале посередине. Вот и все, всего 2 скромных вопроса. :) Может кто поможет? плз )
PM   Вверх
Joes
Дата 13.3.2005, 08:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 432
Регистрация: 15.11.2004

Репутация: 3
Всего: 7



Цитата
Как вывести на экран Div'ки, идущие в одной строке

Совсем вопроса не понял smile вывести просто, <div></div> <div></div> <div></div>... Можешь все в один большой <div>взять, а внутри пихать их склоько влезет... Что значит дивки??? Там что в них картинки, текст??? Если картинки, то <img src>, ссылки <a href> и т.д.
На счет текста:
Использую <div> вместе со стилями...
З.Ы. почитай здесь: Нажми меня
PM MAIL   Вверх
Gold Dragon
Дата 13.3.2005, 11:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Ruslan_
Я не понимаю в чём проблема:) Зачем так извращаться. Делай всё в таблице.
Ну куда может быть проще, вставляешь свой ДИВ в ячейку, если уж совсем без них никак. А холст твой и будет таблица


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Ruslan_
Дата 14.3.2005, 11:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 4.12.2004

Репутация: нет
Всего: нет



Joes! Если написать <div>Текст</div> <div>Текст</div> <div>Текст</div>, то каждый DIV будет в новой строке, но не в одной. Я читал о применении слоев, но ничего не нашел о том, как их в строчку разместить. Конечно есть вариант позиционирования, типа position:...; left:XXpx; но, может как нибудь без этого их можно разместить?
А на счет таблиц, спасибо за совет. Действительно с таблицей все на много проще. Но я просто решил постепенно переходить с table на div. И вот возникли вопросы. Еще мне не понятно как в DIV'ке с заданной высотой позиционировать контент посередине. В таблице с помощью valign="middle", я думал, что здесь по аналогии vertical-align:middle; но оказалось что нет...
PM   Вверх
Mal Hack
Дата 14.3.2005, 12:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


Профиль
Группа: Участник Клуба
Сообщений: 9926
Регистрация: 15.2.2004

Репутация: 5
Всего: 261



Ruslan_
глянь сюда: http://forum.vingrad.ru/index.php?showtopic=41998 как раз это уже обсуждалось.
PM ICQ   Вверх
Ruslan_
Дата 14.3.2005, 14:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 4.12.2004

Репутация: нет
Всего: нет



Конечно обсуждалось, но не то. Я так понял ты хочешь сказать: используй таблицы. Кстати, я уже решил первую проблему, добавив в низу <DIV class="clear:both;"></DIV>
А как решить вторую? Кто-нить знает как позиционировать по вертикале по середине в DIV'ке???
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0704 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.