Проконсультируйте по верстке @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 7 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
DI-S Муж.
соучастник
6
Сообщения: 667
Зарегистрирован: 05.05.06
Откуда: Moscow
Заголовок сообщения: Проконсультируйте по верстке
Сообщение Добавлено: 27 Июль 2008, 16:06:43 
Есть див "шапка" резиновый, в нем две картинки, как их разнести по разным краям внутри этого дива(один влево, другой вправо)?

Код:
<div id="header">
   <img src="images/logo.png" />
   <img src="images/slogan.png" />
</div>


Я раньше делал, но было как-то с извратом: каждую картинку в див и их флотами...
Может есть простое решение?

p.s. без таблиц

_________________
хмм...
bong13
соучастник
0
Сообщения: 806
Зарегистрирован: 21.12.04
Откуда: Moscow
Сообщение Добавлено: 27 Июль 2008, 17:37:48 

Цитата:
каждую картинку в див и их флотами...


каждую картинку флотами? нет? не получается?
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 27 Июль 2008, 18:20:03 
любую одну флоатом, лучше ту, которая меньше по высоте. Для другой — контейнеру указать text-align, тогда высота дива не «схлопнется» и не нужен принудительный клир после картинок (только не забыть явно ширину контейнеру указать).
Или…
Одну — фоном контейнеру, для второй флоат и вовсе не нужен будет, тогда можно не заморачитваться возможностю «неумещания» картинок по ширине при минимальной ширине контейнера.
Или…
А вообще нужно знать окружение блока, что до, что — после и зачем…

_________________
клетчатый!
DI-S Муж.
соучастник
6
Сообщения: 667
Зарегистрирован: 05.05.06
Откуда: Moscow
Сообщение Добавлено: 27 Июль 2008, 21:17:44 
karamba, спасибо, когда делал сообразил, что не нужно лишних дивов, ведь имг и сам контейнер.
Фоном - это да, но эти картинки это все-таки контент, а не оформление...

Код:
css:
#header {text-align:right;}
.toleft {float:left;}

html:
<div id="header">
   <img class="toleft" src="images/logo.png" />
   <img src="images/slogan.png" />
</div>


А можно еще вопросик:
В ФШ картинка имеет фон RGB(204:0:0), вставляю на страницу с фоном #c00. Открываю в ФФ - све ок, открываю в ИЕ - вижу границу между моей картинкой и фоном, делаю принтскрин --> ФШ, фон моей картинки имеет RGB(198:0:0), а фон всей страницы RGB(204:0:0). Как исправить?

_________________
хмм...
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 27 Июль 2008, 22:47:54 

Цитата:
эти картинки это все-таки контент, а не оформление


Вам оттуда виднее. Однако, как я понимаю, <h1> или там <b> например — это гораздо лучше alt-а и title-а, если речь о поисковой оптимизации )

Насчет RGB: если картинка — пнг24, то вам поможет tweakpng (как именно)

оффтопик:
PS. Не стесняйтесь пользоваться поиском, в частности — по дефоруму.

_________________
клетчатый!
DI-S Муж.
соучастник
6
Сообщения: 667
Зарегистрирован: 05.05.06
Откуда: Moscow
Сообщение Добавлено: 27 Июль 2008, 23:27:43 
Спасибо. Не сообразил что это из-за пнг, надо было гиф попробовать, раньше с таким не сталкивался.

Ну мне кажется Логотип и Слоган по смыслу все же более к контенту относятся... (не важно...)

оффтопик:
p.s. да я обычно им и пользуюсь, видимо неправильно формулировал запрос. да еще gprs - долго очень...

_________________
хмм...
cosmic Муж.
участник
49
Сообщения: 1500
Зарегистрирован: 17.03.03
Откуда: Koenig City
Сообщение Добавлено: 1 Август 2008, 17:02:57 
karamba, Принудительный клир это уже прошлый век. Самое простое это overflow:hidden; _height:1%

_________________
Это были те времена, когда мужчины были мужчинами и сами писали драйвера для своих устройств. © Линус Торвальдс
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 7 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100