Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Писане в ЦСС меню

Последователи

31 юли 200917 г.

Здравейте написах един ЦСС файл за едно меню, в който пише следното

<style type="text/css">

body {padding: 0px; margin: 200px 0px 0px 0px;}


ul.main {

width: 543px; height: 134px;

border: 1px solid #C1C1C1; padding: 1px;

list-style-type: none;

}


ul.main li {float: left;}


a.btn {

display: block; width: 135px; height: 80px;

background-color: #E5E5E5; padding-top: 70px;

font-size: 10px; font-family: Verdana, Arial, serif;

text-decoration: none; color: #333;

}[/codebox]

ето и кода зе менюто

[codebox]<center>
<ul class="main">
<li style="margin-right: 1px;">
<a href="#" class="btn" id="btn1" onmouseover="changeWidth(180, 120, 120, 120);"

onmouseout="normalWidth();">Начало</a>
</li>
<li style="margin-right: 1px;">

<a href="#" class="btn" id="btn2" onmouseover="changeWidth(120, 180, 120, 120);"

onmouseout="normalWidth();">За мен</a>
</li>
<li style="margin-right: 1px;">
<a href="#" class="btn" id="btn3" onmouseover="changeWidth(120, 120, 180, 120);"

onmouseout="normalWidth();">Програми</a>
</li>
<li style="margin-right: 0px;">
<a href="novini.html" class="btn" id="btn4" onmouseover="changeWidth(120, 120, 120, 180);"

onmouseout="normalWidth();">Новини</a>

Въпрсо ми е как да пиша върхо него като овелича height: 134px; на height: 600px;

Някакви идей

Редактирано 31 юли 200917 г. от keneffa (преглед на промените)

31 юли 200917 г.

Въпрсо ми е как да пиша върхо него като овелича height: 134px; на height: 600px;
Някакви идей

Извинявай, но нищо не разбрах от въпроса ти.

31 юли 200917 г.

Автор

ето тук така изглежда сайта как да пиша в оградената част тя е с черно написъл съм кодовете

31 юли 200917 г.

Защо трябва хоризонтално меню да има височина 600px ?

31 юли 200917 г.

Автор

ами да пиша отдоло защото иначе нестава да направя менюто и същата рамка отдоло

31 юли 200917 г.

ами да пиша отдоло защото иначе нестава да направя менюто и същата рамка отдоло

Сложи един div в който ще се намира менюто, и още един в който да пишеш.

<html>

	<head>


		<style type="text/css">


			body {

				padding: 0px;

				margin: 200px 0px 0px 0px;

			}



			#container {

				width: 545px;

				margin: 0px auto 0px auto;

				border: 1px solid #C1C1C1;

				padding:0;

			}


			#content {

				width: 543px;

				margin: 0 auto 0 auto;

			}


			ul.main {

				width: 543px;

				height: 125px;

				padding: 0;

				margin:0;

				vertical-align:top;

				list-style-type: none;

			}


			ul.main li {

				float: left;

				text-align:center;

				}


			a.btn {

				display: block;

				width: 135px;

				height: 60px;

				background-color: #E5E5E5;

				padding-top: 70px;

				font-size: 10px;

				font-family: Verdana, Arial, serif;

				text-decoration: none;

				color: #333;

			}


		</style>


	</head>


	<body>


		<div id="container">


			<ul class="main">

				<li style="margin-right: 1px;">

					<a href="#" class="btn" id="btn1" onmouseover="changeWidth(180, 120, 120, 120);"


					onmouseout="normalWidth();">Начало</a>

				</li>

				<li style="margin-right: 1px;">


					<a href="#" class="btn" id="btn2" onmouseover="changeWidth(120, 180, 120, 120);"


					onmouseout="normalWidth();">За мен</a>

				</li>

				<li style="margin-right: 1px;">

					<a href="#" class="btn" id="btn3" onmouseover="changeWidth(120, 120, 180, 120);"


					onmouseout="normalWidth();">Програми</a>

				</li>

				<li style="margin-right: 0px;">

					<a href="novini.html" class="btn" id="btn4" onmouseover="changeWidth(120, 120, 120, 180);"


					onmouseout="normalWidth();">Новини</a>

				</li>

			</ul>


		<div id="content">

			  sdasdasd asd asd as

			   dasd asda

			   asd dasd asd

		</div>


		</div>


	</body>


</html>