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



 

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

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

Открыть тему
Тема закрыта
> Проблема с выравниванием
method_hb
method_hb
Topic Starter сообщение 19.3.2009, 17:51; Ответить: method_hb
Сообщение #1


Возникла проблемка, короче есть два дива, ставлю одному флоат лефт и другому лефт

они выравниваются друг под другом, их ширина 400 пиксов, потом значит ставлю еще одну картинку ставлю ей флоат райт и хочу чтобы она выровнялась по правому краю от дивов, а она выровнивается по правому краю, под дивами, а я хочу чтобы она выровнялась справа от дивов, как это можно сделать? помогите пожалуйста
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 20.3.2009, 0:15; Ответить: Webmaster_hb
Сообщение #2


весь код пожалуйста
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
method_hb
method_hb
Topic Starter сообщение 20.3.2009, 12:31; Ответить: method_hb
Сообщение #3


Html код:

<body>
<div class="container">
<div class="top">
<div class="logo"></div>
<div class="ramka_left">
<div class="text_orange">Описание</div>
</div>
<div class="text1">Технические характеристики</div>
<div class="ramka_grey">
<div class="text_grey">Область применения</div>
</div>
<div class="text2">+38 050 000 1 000</div>
</div>
<div class="right">
<div class="ramka_green_verh"></div>
<div class="ramka_green">
<div class="text3">Наши контакты:
Тел.: +8 (044) 444-65-55
Тел/Факс: +7 (044) 439-22-11
E-mail: buy@device.com.ua
</div>
</div>
<div class="ramka_green_niz"></div>
<div class="ramka_orange_verh"></div>
<div class="ramka_orange">
<div class="text4">
<a href="#">Как проехать?</a> <br/>
<a href="#">Обратная связь</a>
</div>

</div>
<div class="ramka_orange_niz"></div>

</div>
<div class="line"></div>
<div class="text5">Измерение точки росы</div>
<div class="content">
<div class="ramka">
<div class="text_ramka">Приборы измерения влажности</div>
</div>
<div class="main_text"><span class="baykal">БАЙКАЛ-2ВМ</span> <br/>
гигрометр кулонометрический стационарный, предназначен
для измерений объемной доли влаги в азоте, кислороде,
водороде, углекислом газе, воздухе и их смесях, а также
в инертных и других газах, не взаимодействующих с
фосфорным ангидридом, и представляет собой
стационарный прибор непрерывного действия.

<p><span class="bold">Диапазоны измерений объемной доли влаги:</span> <br/>
0…1; 1…10; 10…100; 100…1000 млн-1.
Основная приведенная погрешность: для области
измерений от 0 до 1 млн-1 - не более ± 10 %;
для области измерений от 1 до 10 млн-1 - не более ± 4 %;
для области измерений от 10 до 100 и от 100 до
1000 млн-1 - не более ± 2,5 %.</p>

<p>Измерений от 0 до 1 млн-1 - не более ± 10 %;
для области измерений от 1 до 10 млн-1 - не более ± 4 %;
для области измерений от 10 до 100 и от 100 до
1000 млн-1 - не более ± 2,5 %.</p>
</div>
<div class="pic"><img src="img/pic.gif" /></div>

</div>

</div>



</body>


CSS код:

[PHP] body {background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;}

.container{margin: 0 0 0 150px;}

.top {margin-top: 40px;}

.logo {background-image:url(img/logo.gif);
width:77px;
height:104px;
float:left;}

.ramka_left {background-image:url(img/ramka_orange.gif);
width:113px;
height:34px;
float:left;
margin-left:70px;
margin-top:25px;}

.text_orange {margin-top:8px;
color:#FFFFFF;
font-weight:bold;
text-align:center;}

.text1 {float:left;
margin-left:20px;
margin-top:33px;
font-weight:bold;}

.ramka_grey {float:left;
background-image:url(img/ramka_grey.gif);
width:178px;
height:34px;
margin-left:20px;
margin-top:25px;}

.text_grey {font-weight:bold;
text-align:center;
margin-top:8px;}

.text2 {font-weight:bold;
margin-left:20px;
margin-top:33px;
float:left;}

.right {float:right;
margin-top:50px;}

.ramka_green_verh {background-image:url(img/verh_green.gif);
width:206px;
height:14px;}

.ramka_green {background-color:#C4D851;
width:203px;
margin-left:3px;}

.ramka_green_niz {background-image:url(img/niz_green.gif);
width:206px;
height:14px;}

.text3 {margin-left:10px;}

.ramka_orange_verh {background-image:url(img/verh_orange.gif);
width:206px;
height:14px;}

.ramka_orange {background-color:#FFA030;
width:203px;
margin-left:3px;}

.ramka_orange_niz {background-image:url(img/niz_orange.gif);
width:206px;
height:14px;}

.text4 {font-weight:bold;
color:#FFFFFF;
text-align:center;}

.line {background-image:url(img/line.gif);
width:814px;
height:6px;
float:left;
margin-top:0px;
margin-right:30px;}

.text5 {float:left;}

.content {margin-top:0px;
float:left;
width:800px;
margin-top:30px;}

.ramka {background-image:url(img/ramka.gif);
width:412px;
height:84px;
padding-top:5px;
background-repeat:no-repeat;
float:left;}

.text_ramka {text-align:center;
font-size:30px;
color:#0567C8;}

.main_text {text-align:left;
width:412px;
margin-top:10px;
float:left;}

.baykal {font-weight:bold;
color:#0567C8;}

.bold {font-weight:bold;}

.pic {width:340px;
height:494px;
float:right;}[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
method_hb
method_hb
Topic Starter сообщение 20.3.2009, 12:34; Ответить: method_hb
Сообщение #4


Проблема в том что div class="ramka" и div class="text ramka"должны быть слева а div class="pic" должен находится справа, но он справа не хочет выравниватся, а выравнивается напротив div class="text ramka" но ниже div class="ramka"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 20.3.2009, 18:30; Ответить: Apay
Сообщение #5


не забывай в дивах ставить display:block; чтобы они не занимали все по горизонтали
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
method_hb
method_hb
Topic Starter сообщение 21.3.2009, 0:34; Ответить: method_hb
Сообщение #6


поставил дисплей блок, все равно ничего не помогло, может еще есть варианты, наверника же такая проблема как то решается?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 21.3.2009, 1:02; Ответить: Apay
Сообщение #7


<div class="pic">...</div> надо поставить перед <div class="ramka"><div class="text_ramka">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
method_hb
method_hb
Topic Starter сообщение 21.3.2009, 15:42; Ответить: method_hb
Сообщение #8


не понял и к чему это приведет?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 21.3.2009, 16:40; Ответить: Apay
Сообщение #9


если я правильно понял, это приведет к желаемому результату, в противном случае (если я неправильно понял проблему), опишите проблему конкретнее

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
 5 Prok 2334 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
 7 vanchester 1339 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
 1 Kord18 1426 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
 28 master-vek 4716 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
 17 okseo 2683 30.11.2017, 14:06
автор: okseo


 

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

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

RSS Текстовая версия Сейчас: 18.4.2024, 13:46

Дизайн

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