Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Выравнивание объектов
Форум Точек.нет - общение без границ ! > Техномир > Программирование > Архив
Baxyz®
При программировании одной страницы наткнулся на одну странность - при выравнивании 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>

» Кликните сюда для просмотра оффтоп текста.. «
Baxyz®
Неужели никто не в курсе? Я просто не так силён в html, а в инете пишется только про div
Rinio
Заходи сюда, может что полезное найдешь))) ag.gif

» Кликните сюда для просмотра оффтоп текста.. «
Транк
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;
}
Транк
ошибка маленькая, не <div id="clear"></div>, а <div class="clear"></div> конечно же
t_reks©
вставка через таблицу :

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

вместо точек ставим объекты
тег <td> ... </td> можно использовать по мере наличия и необходимости вставки объекта
если желаете использовать три изображения по центру и одно ( два...десяток ) строкой ниже,то таблицу дублируем,и в новой таблице-новые объекты
Транк
Цитата(t_reks© @ 9.09.2010 - 11:23) *
вставка через таблицу :

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

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


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

margin:0 auto; //(0-x - сколько хотите отступа от краев (вкл верх/низ)).
или если статика то прост
margin-left: Npx; // (N - отступ слева для того, чтобы выглядело примерно по центру)...

я обычно на работе и для себя верстаю все в статике, ток мобильные версии резинку

если что поедет - заключите этот див в <div class="clear"></div> , примеров с написанием самого класса в основном парочка, в нете найдете )


и топикстартеру маленькое дополнение... html - не язык программирования ;)
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Форум IP.Board © 2001-2023 IPS, Inc.