Я - начинающий, подскажите, как..... - HTML и CSS - Страница 42

titan2012 · 08.02.2012, 15:59

вот что смог сделать, мож поковырять код подогнать уже под свое решение

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<style type="text/css">


#menu {width:750px; height:30px; background:#000; border-bottom:1px solid #aaa;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {float:left;} 

#menu li {display:inline-block; display:inline; }
#menu ul ul {position:absolute; display:none; left:0; top:30px; border:1px solid #aaa;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative; }

#menu ul {background:#000;}

#menu span,
#menu a {display:block; font:bold 12px arial,sans-serif; color:#fff; line-height:30px; text-decoration:none; padding:0 10px 0 20px; border-left:1px solid #aaa;}
#menu ul ul a {border:0;}

#menu ul.level1 li.level1-li a.level1-a {float:left; }

#menu ul li:hover > ul {display:block;}
#left{ width:550px; height:30px;}

#menu li:hover {background:#aaa; color:#000; cursor:default;}
#menu a:hover {background:#aaa url(arrow.gif) no-repeat 3px center; color:#000;}
#menu li:hover > a,
#menu li:hover > span {background:#aaa url(arrow.gif) no-repeat 3px center; color:#000;}

</style>
</head>

<body>
<div id="menu">
	<ul class="level1">
		<li class="level1-li"><a class="level1-a" href="">Пункт 1</a></li>
		<li class="level1-li"><span>Пункт 2</span>
			<ul id="left">
				<li class="level1-li"><a href="">подпункт 2.1</a></li>
				<li class="level1-li"><a href="">подпункт 2.2</a></li>
				<li class="level1-li"><a href="">подпункт 2.3</a></li>
				<li class="level1-li"><a href="">подпункт 2.4</a></li>
			</ul>
		</li>
		<li class="level1-li"><span>Пункт 3</span>
			<ul id="left">
				<li class="level1-li"><a href="">подпункт 3.1</a></li>
				<li class="level1-li"><a href="">подпункт 3.2</a></li>
				<li class="level1-li"><a href="">подпункт 3.3</a></li>
				<li class="level1-li"><a href="">подпункт 3.4</a></li>
				<li class="level1-li"><a href="">подпункт 3.5</a></li>
			</ul>
		</li>
		
	</ul>
</div>

</body>
</html>

TranceSmile · 08.02.2012, 20:27

Цитата:

Сообщение от MS2

Добрый день.
Мне нужно сверстать сайт вида

исключительно DIV'ами. Шапка по высоте имеет фиксированный размер, Высота блоков Меню и Информации должна изменяться в зависимости от размера окна браузера.

Был написан код:
HTML

Код:

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
		<link rel="stylesheet" type="text/css" href="NewFile.css"/>
	</head>
	<body>
		<div id='main-content'>
			<div id='header'>
				<h1>Шапка</h1>
			</div>
			<div id='menu'>
				<h1>Меню</h1>
			</div>
			<div id='info'>
				<h1>Информация</h1>
			</div>
		</div>
	</body>
</html>

CSS

Код:

html,body {
	margin				: 0;
	padding				: 0;
	height				: 100%;
}
#main-content {
	border		   		: 5px ridge #8b7e96;
	position       		: fixed;
	height			   	: 98%;
	width		 	  	: 99%;
	margin				: 2px;
}
#header {
	margin				: 2px;
	padding				: 2px;
	height				: 100px;
	background			: #FFEF97;
	border		   		: 5px ridge #8b7e96;
}
#menu {
	margin-left			: 2px;
	width				: 300px;
	height			   	: 85%;
	border		   		: 5px ridge #8b7e96;
	float				: left;
	background			: #FFC597;
}
#info {
	margin				: 2px 2px 2px 317px;
	border		   		: 5px ridge #8b7e96;
	padding				: 2px;
	height			   	: 84%;
}

Подскажите, пожалуйста, как решить следующие задачи:
1. Растянуть внутренние DIV'ы с Меню и Информацией по всей высоте внешнего DIV'a и при этом внутренние DIV'ы имели бы один размер по высоте.
2. Сделать так, чтобы при уменьшении размеров окна браузера внутренние DIV'ы Меню и Информация не выходили за границы внешнего DIV'a.

Вы наверное гуглом не умеете пользоваться
Или хотя бы пред идущие посты посмотрели
Вот зайдите http://csstemplater.com/

KarlMarks · 23.02.2012, 16:18

Здравствуйте! Только-только начинаю постигать азы css. Интересует вот такой момент - есть строка, к примеру
ТРАНСПОРТ
при щелчке на нее открывается список подкатегорий, то есть
ТРАНСПОРТ
Легковые авто
Грузовые авто
Автобусы
Мотоциклы
При повторном щелчке список закрывается. Это достигается силами css, или это уже javascript? И, если не сложно, пример кода. Спс.

Van-89 · 04.03.2012, 11:27

Помогите плиз сделать в HTML резиновую страницу...

Страница из трёх дивов...
По бокам рисунки будут...
Постоянно всё вылезает то вниз то куда еще то...

TranceSmile · 04.03.2012, 13:44

http://csstemplater.com/

Van-89 · 04.03.2012, 14:23

Цитата:

Сообщение от TranceSmile

http://csstemplater.com/

Спасиб но к сожалению в этом конструкторе нету того что мне нужно...

ReaktiVe_SworD · 04.03.2012, 19:06

Итак мой код:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<HEAD> <!-- -->
<TITLE>Сайтик</TITLE>
</HEAD>
<BODY>
	<table width="95%" align="center" cellspacing="0" cellpadding="0" border="1" bgcolor="#FFF8D2" height="100%">
	<tbody>
	<tr>
	<td bgcolor="#FFF8D2" height="42" colspan="3">
	<div align="center">
	<p>Шапка сайта(логотип и все такое)</p>
	</div>
	</td>
	</tr>
	<tr>
	<td width="24%">
	<table width="100%" cellspacing="0" cellpadding="0" border="0">
	<tbody>
	<tr>
	<td>
	<p>Ссылка 1</p>
	</td>
	</tr>
	<tr>
	<td>
	<p>Ссылка 2</p>
	</td>
	</tr>
	<tr>
	<td>
	<p>Ссылка 3</p>
	</td>
	</tr>
	<tr>
	<td>
	<p>Ссылка 4</p>
	</td>
	</tr>
	<tr>
	<td>
	<p>Ссылка 5 </p>
	</td>
	</tr>
	</tbody>
	</table>
	</td>
	<td width="53%">
	<p align="center">Основное содержание</p>
	</td>
	<td width="23%">
	<div align="center">
	<p>Реклама и все такое</p>
	</div>
	</td>
	</tr>
	<tr>
	<td colspan="3">
	<p align="center">Блок копирайта</p>
	</td>
	</tr>
	</tbody>
	</table>
</BODY>

Хотел сделать каркас сайт (просто учусь и тренируюсь)
Сделал. теперь захотелось чтобы он автоматически расширялся по разные экраны пользователей. - поставил везде проценты. Но в высоту не хочет увеличиваться. Почему?

Nikita1997 · 04.03.2012, 20:11

Доброго времени суток! Ребят такая проблема, у нас небольшой город и мы сделали свою лок сеть,без выхода в инет,я установил движок,залил скрипт соц сети типа в контакте,чтобы было понятней на денвире,как и где прописать код чтобы доменом был не айпишник а кпримеру никита.нет через www.10.12.345 она и так работает,но просто хочется www.myname.net, повторюсь выхода в инет нет чисто локально,у меня есть но к сети это не как не относится, если кто то знает помогите пожалуйста,мне сказали нужно пару строк прописать,так это я и сам знаю,но где и какие не знаю.
Зарание благодарен!!

kamiJlb · 22.03.2012, 18:08

У меня один вопрос что такое CSS таблицы? Можно ли в них использовать HTML коды? И вообще для чего они нужны?

Lesha · 22.03.2012, 21:44

Цитата:

Сообщение от kamiJlb

У меня один вопрос что такое CSS таблицы? Можно ли в них использовать HTML коды? И вообще для чего они нужны?

CSS
...............

23.02.2012, 16:18	#413
KarlMarks Регистрация: 17.03.2010 Сообщений: 3	Здравствуйте! Только-только начинаю постигать азы css. Интересует вот такой момент - есть строка, к примеру ТРАНСПОРТ при щелчке на нее открывается список подкатегорий, то есть ТРАНСПОРТ Легковые авто Грузовые авто Автобусы Мотоциклы При повторном щелчке список закрывается. Это достигается силами css, или это уже javascript? И, если не сложно, пример кода. Спс. Последний раз редактировалось KarlMarks; 23.02.2012 в 16:27.

04.03.2012, 13:44	#415
TranceSmile Смайлик :) Форумчанин Регистрация: 12.12.2010 Сообщений: 445	http://csstemplater.com/ Самый перспективный framework Yii (c)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Я - начинающий	Abuhalif	Общие вопросы .NET	2	17.07.2008 05:37
Начинающий программист	_Noname_	Свободное общение	3	03.03.2008 17:48
Нужен начинающий программист	LepihinMS	Свободное общение	0	01.03.2007 13:42

04.03.2012, 11:27	#414
Van-89 Пользователь Регистрация: 06.12.2011 Сообщений: 23	Помогите плиз сделать в HTML резиновую страницу... Страница из трёх дивов... По бокам рисунки будут... Постоянно всё вылезает то вниз то куда еще то...

04.03.2012, 20:11	#418
Nikita1997 Новичок Джуниор Регистрация: 04.03.2012 Сообщений: 1	Доброго времени суток! Ребят такая проблема, у нас небольшой город и мы сделали свою лок сеть,без выхода в инет,я установил движок,залил скрипт соц сети типа в контакте,чтобы было понятней на денвире,как и где прописать код чтобы доменом был не айпишник а кпримеру никита.нет через www.10.12.345 она и так работает,но просто хочется www.myname.net, повторюсь выхода в инет нет чисто локально,у меня есть но к сети это не как не относится, если кто то знает помогите пожалуйста,мне сказали нужно пару строк прописать,так это я и сам знаю,но где и какие не знаю. Зарание благодарен!!

22.03.2012, 18:08	#419
kamiJlb Новичок Джуниор Регистрация: 22.03.2012 Сообщений: 0	У меня один вопрос что такое CSS таблицы? Можно ли в них использовать HTML коды? И вообще для чего они нужны?