X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Float
sol_mw
sol_mw
Topic Starter сообщение 23.5.2009, 19:04; Ответить: sol_mw
Сообщение #1


замаялся....уже не знаю что делать....
вот такая таблица:

##############
# 1 # 2 # 3 # 77#
########### 77#
# 4 # 5 # 6 # 77#
##############

1-7 картинки, причем 7 на 2 строки


хтмл:
<div id="1"><img src="img/bluzka00304.jpg" height="237" width="180"/></div>  
<div id="2"><img src="img/bluzka00302.jpg" height="237" width="180"/></div>
<div id="t3"><img src="img/bluzka00305.jpg" height="237" width="180"/></div>
<div id="4"><img src="img/bluzka00303.jpg" height="237" width="180"/> </div>
<div id="5"><img src="img/bluzka00306.jpg"height="237" width="180"/> </div>
<div id="6"><img src="img/newclear.jpg" height="237" width="180"/></div>
<div id="7" height="235" width="475"><img src="img/fbluzki.jpg" /></div>
</div>

пытаюсь задать расположение при помощи float:

css:
#1{
    
    float: left;
}
#2{
    
    float: left;
}
#3{
    float: left;
}

#4{
    
    float: left;
}
#5{
    
    float: left;
}
#6{
    float: left;
}

#7{
    float: right;
}



пробовал менять значения, дошел до того что менял на угад........не получаеться...подскажите плз
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 23.5.2009, 19:47; Ответить: ZiTosS
Сообщение #2


<html>
<head>
<style type="text/css">

*
{
margin: 0px;
}

#t1
{
float: left;
margin: 2px;
width: 180px;
height: 235px;
background: #c6c6c6;
}

#t2
{
float: right;
width: 450px;
height: 475px;
background: #000;
margin: 2px;

}

</style>
</head>
<body>
<div id="t1"></div>
<div id="t1"></div>
<div id="t1"></div>
<div id="t2"></div>
<div id="t1" style="clear: left;"></div>
<div id="t1"></div>
<div id="t1"></div>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sol_mw
sol_mw
Topic Starter сообщение 24.5.2009, 2:14; Ответить: sol_mw
Сообщение #3


решено.
ZiTosS спасибо
кто знает почему при уменьшении масштаба страницы колесиком мышки блоки позиционированные при помощи флоат съезжают вниз?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 28.5.2009, 1:49; Ответить: ZiTosS
Сообщение #4


sol, Есть такой косяк, можете сделать их фиксированного размера, тогда съезжать не будут. Возможно доктайп поможет, но не уверен.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) float:left работает не корректно!
 3 Joyard 9427 6.12.2013, 13:30
автор: -amymmth-
Открытая тема (нет новых ответов) Обтеканик(float)
 3 stillex 2994 29.4.2013, 14:35
автор: -gen-5-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 20.4.2024, 11:23

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet