IPB

Здравствуйте, гость ( Авторизация | Регистрация )


 
Closed TopicStart new topicGo to the end of the page
> Выравнивание объектов, на странице в html
Baxyz®
сообщение 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 )
У пользователя нет подарков




Go to the top of the pageGo to the end of the page
 
+Quote Post
Baxyz®
сообщение 27.07.2010 - 15:54
Сообщение #2


Активный
***

Текущее настроение:

Вст. ник | Цитата

Группа: Жители
Сообщений: 358
Регистрация: 6.10.2007
Пользователь №: 12546
Из: г. Следовск, мкрн. Жилино

Награды: 3
Подарки: 0

Имя: Дмитрий
Пол: М


Репутация:   19  

Неужели никто не в курсе? Я просто не так силён в html, а в инете пишется только про div


--------------------
Подарки: (Всего подарков: 0 )
У пользователя нет подарков




Go to the top of the pageGo to the end of the page
 
+Quote Post
Rinio
сообщение 27.07.2010 - 16:52
Сообщение #3


Иезуит
*****

Текущее настроение:

Вст. ник | Цитата

Группа: Супер Стар
Сообщений: 1859
Регистрация: 25.07.2009
Пользователь №: 29362
Из: Там, где нет идиотов.

Награды: 5
Подарки: 0

Имя: Rinio
Пол: М


Репутация:   162  

Заходи сюда, может что полезное найдешь))) ag.gif

» Кликните сюда для просмотра оффтоп текста.. «


--------------------
Жизнь – слишком сложная штука, чтобы о ней разговаривать серьезно.......


--------------------
Подарки: (Всего подарков: 0 )
У пользователя нет подарков




Go to the top of the pageGo to the end of the page
 
+Quote Post
Транк
сообщение 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 )
Подарок
Подарил(а): La_gata
Подарок
Подарил(а): Бес в ребро
Подарок
Подарил(а): Опачки




Go to the top of the pageGo to the end of the page
 
+Quote Post
Транк
сообщение 28.07.2010 - 11:16
Сообщение #5


Осваивающийся
*

Текущее настроение:

Вст. ник | Цитата

Группа: Участники
Сообщений: 100
Регистрация: 9.07.2009
Пользователь №: 28743

Награды: Нет
Подарки: 9

Пол: М


Репутация:   1  

ошибка маленькая, не <div id="clear"></div>, а <div class="clear"></div> конечно же


--------------------
Подарки: (Всего подарков: 9 )
Подарок
Подарил(а): La_gata
Подарок
Подарил(а): Бес в ребро
Подарок
Подарил(а): Опачки




Go to the top of the pageGo to the end of the page
 
+Quote Post
t_reks©
сообщение 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 )
У пользователя нет подарков




Go to the top of the pageGo to the end of the page
 
+Quote Post
Транк
сообщение 14.09.2010 - 17:06
Сообщение #7


Осваивающийся
*

Текущее настроение:

Вст. ник | Цитата

Группа: Участники
Сообщений: 100
Регистрация: 9.07.2009
Пользователь №: 28743

Награды: Нет
Подарки: 9

Пол: М


Репутация:   1  

Цитата(t_reks© @ 9.09.2010 - 11:23) *
вставка через таблицу :

<table align="center" border="0">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</table>

вместо точек ставим объекты
тег <td> ... </td> можно использовать по мере наличия и необходимости вставки объекта
если желаете использовать три изображения по центру и одно ( два...десяток ) строкой ниже,то таблицу дублируем,и в новой таблице-новые объекты


привет из 90х! )) уже хтмл5 на носу, а у вас табличная модель в ходу, да еще с внутренними аттрибутами )) не учите человека гадостям )
уже давно мухи отдельно, котлеты отдельно. то есть макет и форматирование.


--------------------
Подарки: (Всего подарков: 9 )
Подарок
Подарил(а): La_gata
Подарок
Подарил(а): Бес в ребро
Подарок
Подарил(а): Опачки




Go to the top of the pageGo to the end of the page
 
+Quote Post
Гость_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




Go to the top of the pageGo to the end of the page
 
+Quote Post

Closed TopicStart new topic
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 




> Статистика
Board Stats

Подарок форуму

10 евро

100 евро

10000 евро

1000000eur

  


Текстовая версия Сейчас: 29.03.2024 - 10:30