Выравнивание объектов, на странице в html |
Здравствуйте, гость ( Авторизация | Регистрация )
Выравнивание объектов, на странице в html |
23.07.2010 - 0:58
Сообщение
#1
|
|
Активный Текущее настроение: Вст. ник | Цитата Группа: Жители Сообщений: 358 Регистрация: 6.10.2007 Пользователь №: 12546 Из: г. Следовск, мкрн. Жилино Награды: 3 Подарки: 0 Имя: Дмитрий Пол: М Репутация: 19 |
При программировании одной страницы наткнулся на одну странность - при выравнивании 3-х вплотную расположенных объектов по центру браузеры (и лиса и ие) не распознавали выравнивание. пробовал и через div и даже через p. Кто знает, как всё же можно выровнить эти несчастные 3 объекта по центру? Код и скрин результата прилагаются
Код <html> <head> <title>ООО ...</title> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> <body bgcolor="#FCBFFF" text="#000000> <div align="center"><img src="shtora-1.jpg" height=235 width=155 alt="Zanaves"><object type="application/x-shockwave-flash? data="zastavka.swf" width="1000" height="235"><param name="movie" value="zastavka.swf"><param name="quality" value="high"><param name="scale" value="exactfit"><param name="bgcolor" value="#ffffff"><embed src="zastavka.swf" width="1000" height="235" type="application/x-shockwave-flash" play="true" loop="true" menu="true"></embed></object><img src="shtora-2.jpg" height=235 width=155 alt="Zanaves"></div><hr> </body> </html> » Кликните сюда для просмотра оффтоп текста.. «
-------------------- Подарки: (Всего подарков: 0 ) У пользователя нет подарков
|
|
|
|
|
|
27.07.2010 - 15:54
Сообщение
#2
|
|
Активный Текущее настроение: Вст. ник | Цитата Группа: Жители Сообщений: 358 Регистрация: 6.10.2007 Пользователь №: 12546 Из: г. Следовск, мкрн. Жилино Награды: 3 Подарки: 0 Имя: Дмитрий Пол: М Репутация: 19 |
Неужели никто не в курсе? Я просто не так силён в html, а в инете пишется только про div
-------------------- Подарки: (Всего подарков: 0 ) У пользователя нет подарков
|
|
|
|
|
27.07.2010 - 16:52
Сообщение
#3
|
|
Иезуит Текущее настроение: Вст. ник | Цитата Группа: Супер Стар Сообщений: 1859 Регистрация: 25.07.2009 Пользователь №: 29362 Из: Там, где нет идиотов. Награды: 5 Подарки: 0 Имя: Rinio Пол: М Репутация: 162 |
Заходи сюда, может что полезное найдешь)))
» Кликните сюда для просмотра оффтоп текста.. «
-------------------- Жизнь – слишком сложная штука, чтобы о ней разговаривать серьезно.......
-------------------- Подарки: (Всего подарков: 0 ) У пользователя нет подарков
|
|
|
|
|
27.07.2010 - 17:01
Сообщение
#4
|
|
Осваивающийся Текущее настроение: Вст. ник | Цитата Группа: Участники Сообщений: 100 Регистрация: 9.07.2009 Пользователь №: 28743 Награды: Нет Подарки: 9 Пол: М Репутация: 1 |
1. делаешь общий див-контейнер, расположенный по центру (css для body важны)
маргин 20пх и видтч - понятия условные, сам поменяй на свои 2. в этом контейнере лепишь свои объекты с флоатлефт ну и очистку флоата для порядка получаешь такое <body> <div id="wrapper"> <div id="container1"></div><div id="container2"></div><div id="container3"></div> <div id="clear"></div> </div> </body> в стилях следующее body { margin:0; padding:0; text-align:center; } #wrapper { display:block; margin:20px auto; padding:0; text-align:left; width:1000px; } #container1 { display:block; float:left; width:500px; } #container2 { display:block; float:left; width:100px; } #container3 { display:block; float:left; width:40px; } .clear { clear:both; float:none; font-size:1px; height:0; line-height:1px; } -------------------- Подарки: (Всего подарков: 9 ) |
|
|
|
|
28.07.2010 - 11:16
Сообщение
#5
|
|
Осваивающийся Текущее настроение: Вст. ник | Цитата Группа: Участники Сообщений: 100 Регистрация: 9.07.2009 Пользователь №: 28743 Награды: Нет Подарки: 9 Пол: М Репутация: 1 |
ошибка маленькая, не <div id="clear"></div>, а <div class="clear"></div> конечно же
-------------------- Подарки: (Всего подарков: 9 ) |
|
|
|
|
9.09.2010 - 12:23
Сообщение
#6
|
|
Осваивающийся Текущее настроение: Вст. ник | Цитата Группа: Участники Сообщений: 52 Регистрация: 6.09.2010 Пользователь №: 39788 Награды: 1 Подарки: 0 Имя: Игорь Пол: М Репутация: 10 |
вставка через таблицу :
<table align="center" border="0"> <tr> <td> ... </td> <td> ... </td> </tr> </table> вместо точек ставим объекты тег <td> ... </td> можно использовать по мере наличия и необходимости вставки объекта если желаете использовать три изображения по центру и одно ( два...десяток ) строкой ниже,то таблицу дублируем,и в новой таблице-новые объекты -------------------- Подарки: (Всего подарков: 0 ) У пользователя нет подарков
|
|
|
|
|
14.09.2010 - 17:06
Сообщение
#7
|
|
Осваивающийся Текущее настроение: Вст. ник | Цитата Группа: Участники Сообщений: 100 Регистрация: 9.07.2009 Пользователь №: 28743 Награды: Нет Подарки: 9 Пол: М Репутация: 1 |
вставка через таблицу : <table align="center" border="0"> <tr> <td> ... </td> <td> ... </td> </tr> </table> вместо точек ставим объекты тег <td> ... </td> можно использовать по мере наличия и необходимости вставки объекта если желаете использовать три изображения по центру и одно ( два...десяток ) строкой ниже,то таблицу дублируем,и в новой таблице-новые объекты привет из 90х! )) уже хтмл5 на носу, а у вас табличная модель в ходу, да еще с внутренними аттрибутами )) не учите человека гадостям ) уже давно мухи отдельно, котлеты отдельно. то есть макет и форматирование. -------------------- Подарки: (Всего подарков: 9 ) |
|
|
|
|
|
Гость_sarkino_* |
22.09.2010 - 9:22
Сообщение
#8
|
| Цитата Guests |
если нужна табличная верстка - делают табличной, если блочная - дивами ... и тут без разницы какое сейчас время... вообще див выравнивается по центру довольно банально:
margin:0 auto; //(0-x - сколько хотите отступа от краев (вкл верх/низ)). или если статика то прост margin-left: Npx; // (N - отступ слева для того, чтобы выглядело примерно по центру)... я обычно на работе и для себя верстаю все в статике, ток мобильные версии резинку если что поедет - заключите этот див в <div class="clear"></div> , примеров с написанием самого класса в основном парочка, в нете найдете ) и топикстартеру маленькое дополнение... html - не язык программирования ;) Сообщение отредактировал sarkino - 22.09.2010 - 9:24 |
|
|
|
|
Текстовая версия | Сейчас: 29.03.2024 - 10:30 |