RE:Въпрос дизайн

B

botevis2

Registered
Значи написах наново защото в старата дадох точка и немога да пише повече моля да извинение.Това кода как да направя така че менюто да може да расте надоло




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//BG" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SelfGrant.com</title>
<meta http-equiv="content-type"
content="text/html;charset=windows-1251"/>
<style type="text/css">
body
{background-color:red;
margin:0 auto;
padding:0px}
#glaven
{background-color:green;
margin:20px auto;
;width:550px}
#goren
{background-color:blue;
;height:100px
;width:550px}
#liav
{background-color:green;
float:left;
font-family:verdana;font-size:15px;
width:180px;
;height:250px}
#desen
{background-color:silver;
float:left;
font-family:verdana;font-size:15px;
width:370px;
;height:250px}
#clear{clear:both;}
#dolen
{background-color:yellow;
width:550px;
height:30px}



</style>
</head>
<body>
<div id="glaven"></div>
<div id="goren"></div>
<div id="liav"> година, когато неизвпубликуването на години на 20ти вset листи, съдържащи Lorem Ipsum пасажи, популярен е и в наши дни във софтуер за печатни издания като Aldus PageMaker, който включва различни версии на Lorem Ipsum.</div>
<div id="desen">до голяма степен има нормално рае по-лесно, за разлика от нормален текст на английски език като "Това е съдържание, това е съдържание". Много системи за публикуване и редактори на Уеб страници използват Lorem Ipsum като примерен текстов модел "по подразбиране", поради което при търсене на фразата "lorem ipsum" в Интернет ще бъдат открити много сайтове в процес на разработка. Някой от тези сайтове биват променяни с времето, а други по случайност или нарочно(за забавление и пр.) биват оставяни в този си незавършен вид.</div>
<div id="clear"></div>
<div id="dolen"></div>

</body>
</html>
 
Как така да "расте"? Ако искаш да ти се увеличава винаги, когато текста е повече, просто махни height-a на дивовете, в който ти е текста. Ето така:

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//BG" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SelfGrant.com</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8"/>
<style type="text/css">
body {
	background-color:red;
	margin:0 auto;
	padding:0px;
}

#glaven {
	background-color:green;
	margin:20px auto;
	width:550px;
}

#goren {
	background-color:blue;
	height:100px;
	width:550px;
}

#liav {
	background-color:purple;
	float:left;
	font-family:verdana;
	font-size:15px;
	width:180px;
}

#desen {
	background-color:silver;
	float:left;
	font-family:verdana;
	font-size:15px;
	width:370px;
}
#clear { 
	clear:both;
}

#dolen {
	background-color:yellow;
	width:550px;
	height:30px;
}



</style>
</head>
<body>
<div id="glaven"></div>
<div id="goren"></div>
<div id="liav"> година, когато неизвпубликуването на години на 20ти вset листи, съдържащи Lorem Ipsum пасажи, популярен е и в наши дни във софтуер за печатни издания като Aldus PageMaker, който включва различни версии на Lorem Ipsum.</div>
<div id="desen">до голяма степен има нормално рае по-лесно, за разлика от нормален текст на английски език като "Това е съдържание, това е съдържание". Много системи за публикуване и редактори на Уеб страници използват Lorem Ipsum като примерен текстов модел "по подразбиране", поради което при търсене на фразата "lorem ipsum" в Интернет ще бъдат открити много сайтове в процес на разработка. Някой от тези сайтове биват променяни с времето, а други по случайност или нарочно(за забавление и пр.) биват оставяни в този си незавършен вид.</div>
<div id="clear"></div>
<div id="dolen"></div>

</body>
</html>
 
Ако напиша auto няма ли да по добре.

Значи примерно на моя дизайн има 5 менюта,давам дизайна на някой и той иска да направи повече от 5 менюта как ще стане работата тези менюта 6,7,8... да бъдът същите като тези (1,2,3,4,5 (стила)):)?
 
botevis2 каза:
Ако напиша auto няма ли да по добре.

Значи примерно на моя дизайн има 5 менюта,давам дизайна на някой и той иска да направи повече от 5 менюта как ще стане работата тези менюта 6,7,8... да бъдът същите като тези (1,2,3,4,5 (стила)):)?
Увеличете...

Просто ще копира стила, ще му смени името и ще добави новите <div>-ове с новите имена.
 
Ми, ако направиш вместо да ти е id да ти е class и можеш този клас да го ползваш навсякъде пример:
Код: 
<style>
.kutiika {
 background-color: yellow;
 border: 1px solid black;
 width: 100px;
 height: 150px;
}
</style>
<div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div>
 
Fakeheal каза:
Ми, ако направиш вместо да ти е id да ти е class и можеш този клас да го ползваш навсякъде пример:
Код: 
<style>
.kutiika {
 background-color: yellow;
 border: 1px solid black;
 width: 100px;
 height: 150px;
}
</style>
<div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div>
Увеличете...

Мушни го между кода горе и да превършваме :)
 
Код: 
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//BG" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SelfGrant.com</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8"/>
<style type="text/css">
body {
   background-color:red;
   margin:0 auto;
   padding:0px;
}

#glaven {
   background-color:green;
   margin:20px auto;
   width:550px;
}

#goren {
   background-color:blue;
   height:100px;
   width:550px;
}

#liav {
   background-color:purple;
   float:left;
   font-family:verdana;
   font-size:15px;
   width:180px;
}

#desen {
   background-color:silver;
   float:left;
   font-family:verdana;
   font-size:15px;
   width:370px;
}
#clear {
   clear:both;
}

#dolen {
   background-color:yellow;
   width:550px;
   height:30px;
}

.kutiika {
 background-color: yellow;
 border: 1px solid black;
 width: 100px;
 height: 150px; 

</style>
</head>
<body>
<div id="glaven"></div>
<div id="goren"></div>
<div id="liav"> година, когато неизвпубликуването на години на 20ти вset листи, съдържащи Lorem Ipsum пасажи, популярен е и в наши дни във софтуер за печатни издания като Aldus PageMaker, който включва различни версии на Lorem Ipsum.</div>
<div id="desen">до голяма степен има нормално рае по-лесно, за разлика от нормален текст на английски език като "Това е съдържание, това е съдържание". Много системи за публикуване и редактори на Уеб страници използват Lorem Ipsum като примерен текстов модел "по подразбиране", поради което при търсене на фразата "lorem ipsum" в Интернет ще бъдат открити много сайтове в процес на разработка. Някой от тези сайтове биват променяни с времето, а други по случайност или нарочно(за забавление и пр.) биват оставяни в този си незавършен вид.</div>
<div id="clear"></div>
<div id="dolen"></div>
<div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div><div class="kutiika"></div>	
	
</body>
</html>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе