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



 

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

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

Открыть тему
Тема закрыта
> Обтекание
Langepas_hb
Langepas_hb
Topic Starter сообщение 13.5.2008, 22:26; Ответить: Langepas_hb
Сообщение #1


Проблема заключается в том что я не могу убрать обтекание меню не перенося контент под меню.
http://jeeper.narod.ru/index.html
body
{background-attachment:fixed;}

/*Левое меню*/
.left_menu
{float:left;}
.left_menu_item
{text-align:left;}
.left_submenu_item
{margin-left:20px;}
/*Конец левое меню*/

/*Центральная колонка*/
.content
{text-align:center;
font-weight:bold;
font-size:36px;
text-decoration:underline;}
/*Конец центральная колонка*/

/*Нижнее меню*/
.bottom_menu
{text-align:center;}
.bottom_menu_item
{margin:2px;}
/*Конец нижнее меню*/

.banner_row
{border:none;}
img
{border:none;}

/*Ссылки*/
a
{text-decoration:none;
color:#ff6;
font-size:18px;
font-weight:300;}
/*Конец ссылки*/
<html>
<head>
<title>Фото-сайт AntiStatik`а</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="http://jeeper.narod.ru/style.css">
<script src="http://jeeper.narod.ru/menu.js" type="text/javascript"></script>
</head>
<body background="bgimg.jpg">

<span class="left_menu">
<script language="javascript" type="text/javascript">
viewMenu();
</script>
</span>

<div class="content">
<div class="content_news">
Мы открылись!
</div>
<span class="content_item">
<script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=423990></SCRIPT>
Окончание опроса - 30 мая 2008 года.
</span>
<span class="content_item">
<script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=423994></SCRIPT>
Окончание опроса - 30 мая 2008 года.
</span>
</div>

</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 14.5.2008, 9:51; Ответить: Exterior
Сообщение #2


Langepas, во-первых, неправильное построение блоков - <div> в <span> никто не вкладывает, т.к. это текстовые блоки (на форуме обсуждался этот вопрос), неудивительно, что работает не так как задумывалось; если уж так хочется использовать <span>, то хотя бы в стиле указать свойство [I]display:block[/I], а уж потом браться за обтекание, например, установить float:right (или left для плотного прилегания контента к меню) для класса content; ну а чтобы контент не съезжал вниз при уменьшении разрешения или окна браузера, заключить и меню и контент в дополнительный контейнер и в его стиле указать для Opera и FF min-width, а для IE - expression;

во-вторых, возвращаясь к теме ссылок в меню, зачем каждый отдельный пункт помещать в <div>? Достаточно все меню заключить в единый <div>, назначить стиль, в котором указать общий стиль ссылок (div a:hover{...} a:link{...} и т.д.) для всего контейнера (сразу отпадает масса кода), а в конце каждой ссылки просто ставить <br>; или как альтернатива сделать меню с использованием списков.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 14.5.2008, 16:39; Ответить: Webmaster_hb
Сообщение #3


Exterior, добавлю, чтобы не ставить в конце каждого пункта меню <br>
можно просто для div a:hover{...} поставить display:block
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Langepas_hb
Langepas_hb
Topic Starter сообщение 14.5.2008, 19:18; Ответить: Langepas_hb
Сообщение #4


Webmaster, Exterior можете дать правильный код???
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Langepas_hb
Langepas_hb
Topic Starter сообщение 14.5.2008, 22:08; Ответить: Langepas_hb
Сообщение #5


С этим я разобрался. Webmaster, Exterior спасибо за помощь. Но есть другой вопрос. У меню фиксированная ширина. Как сделать чтобы контент занимал все остальное справа(типа:меню 175px, а контент все остальное)??
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 15.5.2008, 0:34; Ответить: Exterior
Сообщение #6


(' post='6575 @ 15.5.2008, 01:08)
меню 175px, а контент все остальное

в стиле для класса content убрать float и вставить margin-left: 175px;

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Обтекание картинки списком – маркеры остаются на левой стороне
3 Lehach_hb 6550 8.2.2013, 11:13
автор: -Lehach-
Открытая тема (нет новых ответов) адекватное обтекание картинки списком как?
6 sikwel_hb 20899 8.2.2013, 0:48
автор: -koder-kim-


 



RSS Текстовая версия Сейчас: 16.4.2024, 17:24
Дизайн