[HTML, Css] - Задай вопрос, получи ответ

DiffuSer · 5 Sep 2008

Как сделать внутри ячейки таблицы отображение формы, код которой в другом файле? Причем чтобы вписывалось нормально (либо со скроллами) в размер ячейки и работало по принципу фрейма (данные обновлялись только в поле, а не вся страница). Зобыл..

banned · 5 Sep 2008

DiffuSer, iframe, frameset, php include?

mff · 5 Sep 2008

DiffuSer said:

Как сделать внутри ячейки таблицы отображение формы, код которой в другом файле? Причем чтобы вписывалось нормально (либо со скроллами) в размер ячейки и работало по принципу фрейма (данные обновлялись только в поле, а не вся страница). Зобыл..
Click to expand...
HTML:
<tr>
 <td>
  <div style="width:100%; height:100px; overflow:auto;  scrollbar-face-color: #675547;scrollbar-shadow-color: #e3d9d0; scrollbar-highlight-color: #e3d9d0; scrollbar-3dlight-color: #e3d9d0; scrollbar-darkshadow-color: #e3d9d0; scrollbar-track-color: #e3d9d0; scrollbar-arrow-color: #ffffff;"></div>
</td>
</tr>

OnArs · 6 Sep 2008

Здравствуйте!

....................

PHP:

<FRAMESET rows="1,1"> <FRAME src="site2.ru"> </FRAMESET>

Это правильно?

//////////////////////////////////////

Уже разобрался
//////////////////////////////////////

c0rp$e · 6 Sep 2008

DDoSька said:

<br> - это не символ,так что в таблице символов не найдешь =)
а так выход один :"< br >"
ЗЫ:кажеться так,я вот правда,с ";" не помню...=)
Click to expand...

а так выход один :"< br >" не канает...
про br я образно сказал, нужен перенос на следующую строку...

mff · 6 Sep 2008

c0rp$e said:

какой код из специальной таблицы символов заменяет тег <br> ?
т.е.
левая угловая скобка - < < < <
а что заменяет перенос строки?
Click to expand...

Не слышал такой замены, но есть перенос строки на
php, JavaScript: \n
html: сдесь можно обойтись без <br> используя стиль, например для тега <a> пример:
HTML:
<a href="#" style="display:block;">1</a>
<a href="#" style="display:block;">2</a>
<a href="#" style="display:block;">3</a>
<a href="#" style="display:block;">4</a>

GumaNoiD · 6 Sep 2008

need help

Вот index.html

Code:

<body>
<div class="main">
<p class="logoup"></p>
<p class="textmain"></p>
<p class="logodown"></p>
</div>
<div id="bar">
<p class="logo"></p>
<p class="logo2"></p>
<ul class="menu">
<p class="стиль6">Menu</p>
<p class="text2"><a href="#">menu</a></p>
<p class="text2"><a href="#">menu</a></p>
<p class="text2"><a href="#">menu</a></p>
<p class="text2"><a href="#">menu</a></p>
<p class="text2"><a href="#">menu</a></p>
</ul>
<p class="text2">_________________</p>
<ul class="menu">
<p class="стиль6">Друзья</p>
<p class="text2"><a href="#">друх</a></p>
<p class="text2"><a href="#">друх</a></p>
<p class="text2"><a href="#">друх</a></p>
<p class="text2"><a href="#">друх</a></p>
<p class="text2">&nbsp;</p>
</ul>
<p class="logo3"></p>
<p class="logo4"></p>
</div>
</body>

А вот css

Code:

.logoup {
	width:486px;
	height:92px;
	background-image: url(leftheader.gif);
	background-position: left;
	valign:top;
	margin: 0px auto;
	background-repeat: no-repeat;
}
.textmain {
	width:486px;
	height:472px;
	background-image: url(mainBG.gif);
	background-position: left top;
	background-repeat: no-repeat;
	valign:top;
	margin: 0px;
}
.logodown {
	width:486px;
	height:72px;
	background-image: url(left_footer.gif);
	background-position: left;
	valign:top;
	margin: 0px;
}
.logo {
	width:124px;
	height:93px;
	background-image: url(right_header.gif);
	background-repeat: no-repeat;
	valign:top;
	margin: 0px;
}
.logo2 {
	width:124px;
	height:72px;
	background-image: url(rightheader2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	valign:top;
	margin: 0px;
}
.logo3 {
	width:124px;
	height:102px;
	background-image: url(left_foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	top: 23px;
	bottom: 0px;
	clip: rect(25px,auto,0px,auto);
}
.logo4 {
	width:124px;
	height:72px;
	background-image: url(left_footer-17.gif);
	background-position: left top;
	background-repeat: no-repeat;
	valign:top;
	margin: 0px;
}
body,td,th {
	color: #FFFFFF;
}
a:link {
	color: #9db72c;
	text-decoration: none;
}
.text {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 65px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(mainBG.gif);
	background-repeat: no-repeat;
}
.text2 {
	font-family: Tahoma;
	font-size: 12px;
	color: #9db72c;
	line-height: 5px;
}
.text2:hover {
	color:#809138;
	text-decoration: underline;
}
a:visited {
	color: #9db72c;
	text-decoration: none;
}
a:hover {
	color: #9db72c;
	text-decoration: none;
}
a:active {
	color: #9db72c;
	text-decoration: none;
}
#bar {
	width: 125px;
	background-image: url(bg.gif);
	position: absolute;
	top: 8px;
	left: 69%;
}
#main {
	width: 486px;
	margin-left:25%;
	left: 25%;
	top: 0px;
	bottom: 0px;
}
.bar {
	width: 125px;
	background-image: url(bg.gif);
	margin: 0 auto;
	position: absolute; top: -100px; left: 25%;
}
body {
	background-color: #424242;
}
.СЃС‚РёР»СЊ1 {
color: #76833d
}
.СЃС‚РёР»СЊ6 {
	font-family: Tahoma;
	font-size: 12px;
	color: #9db72c;
	line-height: 25px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.СЃС‚РёР»СЊ7 {
	color: #9db72c;
	font-family: Tahome;
	font-size: 12px;
	line-height: 5px;
}
a {
	font-size: 12px;
	color: #9db72c;
}
.menu li {
	color: #FFFFFF;
	font-family: Tahoma;
	background-color: #4e4e4e;
	width:124px;
	height:139px;
	font-size: 12px;
	padding: 0px;
	valign:center;
	margin: 0px;
}
.main {
	width: 486px;
	margin: 0 auto;
}

При откртии этой страницы в разных браузерах можно увидеть кривоту =)
Как исправить,кто подскажет?

astrologer · 6 Sep 2008

Code:

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>etc</li>
</ul>

GumaNoiD · 6 Sep 2008

astrologer там точечко перед текстом идёт =))
Всё поправил ток в ИЕ криво =(
как применять стили в ul и li ?

astrologer · 6 Sep 2008

как применять стили в ul и li ?
Click to expand...

Так же, как и везде - разумеется, можно добавить классы, id, и т.д. - я просто показал верную структуру списка:
ul > li, ol > li, но не ul > p.

astrologer там точечко перед текстом идёт =))
Click to expand...

"Точечко" перед элементом списка убирается ul.menu { list-style: none; }

mff · 6 Sep 2008

GumaNoiD said:

astrologer там точечко перед текстом идёт =))
Всё поправил ток в ИЕ криво =(
как применять стили в ul и li ?
Click to expand...

Хах сталкивались все с этой проблеммой! Мой тебе совет - стапай на сайт артема лебедева и изучи код, обрати внимание как он решил эту проблемму! Тег li - недопустим, использовать следует div

GumaNoiD · 6 Sep 2008

mff said:

Хах сталкивались все с этой проблеммой! Мой тебе совет - стапай на сайт артема лебедева и изучи код, обрати внимание как он решил эту проблемму! Тег li - недопустим, использовать следует div
Click to expand...

ох ты иш какой умный
лучше бы в асю зашёл =))

astrologer · 6 Sep 2008

mff said:

Тег li - недопустим, использовать следует div
Click to expand...

Отличный совет - eсли выкинуть половину тегов, жить будет легче

GumaNoiD · 6 Sep 2008

<div class="menu">
<div class="стиль6">Menu</p>
<div class="text2"><a href="#">menu</a></div>
<div class="text2"><a href="#">menu</a></div>
<div class="text2"><a href="#">menu</a></div>
<div class="text2"><a href="#">menu</a></div>
<div class="text2"><a href="#">menu</a></div>
</div>
Click to expand...

таг чтоль?

GumaNoiD · 6 Sep 2008

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>

<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="main">
<p class="logoup"></p>
<p class="textmain"></p>
<p class="logodown"></p>
</div>
<div id="bar">
<p class="logo"></p>
<p class="logo2"></p>
<ul class="menu">
<li class="style6">Menu</li>
<li class="text2"><a href="#">menu</a></li>
<li class="text2"><a href="#">menu</a></li>
<li class="text2"><a href="#">menu</a></li>
<li class="text2"><a href="#">menu</a></li>
<li class="text2"><a href="#">menu</a></li>
</ul>
<ul>
<li>_________________</li>
</ul>
<ul>
<li class="style6">Друзья</li>
<li class="text2"><a href="#">друх</a></li>
<li class="text2"><a href="#">друх</a></li>
<li class="text2"><a href="#">друх</a></li>
<li class="text2"><a href="#">друх</a></li>
<li class="text2"> </li>
</ul>
<p class="logo3"></p>
<p class="logo4"></p>
</div>
</body>
</html>
Click to expand...

.logoup {
width:486px;
height:92px;
background-image: url(leftheader.gif);
background-position: left;
valign:top;
margin: 0px auto;
background-repeat: no-repeat;
}
.textmain {
width:486px;
height:472px;
background-image: url(mainBG.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logodown {
width:486px;
height:72px;
background-image: url(left_footer.gif);
background-position: left;
valign:top;
margin: 0px;
}
.logo {
width:124px;
height:93px;
background-image: url(right_header.gif);
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logo2 {
width:124px;
height:72px;
background-image: url(rightheader2.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logo3 {
width:124px;
height:102px;
background-image: url(left_foot.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 24px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 0px;
top: 23px;
bottom: 0px;
clip: rect(25px,auto,0px,auto);
}
.logo4 {
width:124px;
height:72px;
background-image: url(left_footer-17.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #9db72c;
text-decoration: none;
}
.text {
font-family: Tahoma;
font-size: 12px;
color: #FFFFFF;
padding-top: 10px;
padding-right: 65px;
padding-bottom: 10px;
padding-left: 10px;
background-image: url(mainBG.gif);
background-repeat: no-repeat;
}
.text2 {
font-family: Tahoma;
font-size: 12px;
color: #9db72c;
line-height: 5px;
}
.text2:hover {
color:#809138;
text-decoration: underline;
}
a:visited {
color: #9db72c;
text-decoration: none;
}
a:hover {
color: #9db72c;
text-decoration: none;
}
a:active {
color: #9db72c;
text-decoration: none;
}
#bar {
width: 125px;
background-image: url(bg.gif);
position: absolute;
left: 69%;
top: 10px;
}
#main {
width: 486px;
margin-left:25%;
left: 25%;
top: 0px;
bottom: 0px;
}
.bar {
width: 125px;
background-image: url(bg.gif);
}
body {
background-color: #424242;
}
.style1 {
color: #76833d
}
.style6 {
font-family: Tahoma;
font-size: 12px;
color: #9db72c;
line-height: 25px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.style7 {
color: #9db72c;
font-family: Tahome;
font-size: 12px;
line-height: 5px;
}
a {
font-size: 12px;
color: #9db72c;
}
.menu li {
color: #FFFFFF;
font-family: Tahoma;
background-color: #4e4e4e;
width:124px;
height:139px;
font-size: 12px;
padding: 0px;
valign:center;
margin: 0px;
}
.menu {
color: #FFFFFF;
font-family: Tahoma;
background-color: #4e4e4e;
width:124px;
height:139px;
font-size: 12px;
padding: 0px;
valign:center;
margin: 0px;
}
.main {
width: 486px;
margin: 0 auto;
}
Click to expand...

Вот так валидатор ошибок не находит но визуально...

mff · 7 Sep 2008

Вот:

HTML:

<style type="text/css">
div.listitem1 {display:list-item; list-style:decimal outside; margin-left:23px; font:12px Arial, Helvetica, sans-serif;}
div.listitem2 {display:list-item; list-style:square outside; margin-left:17px; font:12px Arial, Helvetica, sans-serif;}
</style>
<div class="listitem1">Отрыв достаточно массивных ледовых масс создает реальную опасность для жизни людей и может стать причиной весьма значительного материального ущерба (повреждения автотранспорта, нижележащих архитектурных элементов);</div>
<div class="listitem1">Повышенная механическая нагрузка на элементы кровли из-за накопления льда приводит к сокращению ее срока службы;</div>
<div class="listitem1">Задержка воды на поверхности кровли в осенне-весенний период и при оттепелях из-за закрытости водостоков и желобов приводит к протечкам и значительному материальному ущербу; наиболее часто повреждаются жилые этажи непосредственно под кровлей, части фасада здания вблизи водостоков и ендов;</div>
<div class="listitem1">Необходимость механической очистки кровли, из-за которой резко снижается срок службы кровли.</div> 
<div class="listitem1">Внедрение антиобледенительных систем на основе нагревательных кабелей при условии правильного проектирования, учитывающего особенности конструкции кровли, позволяет:</div>
<div class="listitem1">Исключить образование наледи и сосулек при сравнительно невысоких капитальных затратах и незначительном энергопотреблении;</div>
<div class="listitem1">Обеспечить работоспособность системы организованного водостока в течение зимы и межсезонья;</div>
<div class="listitem1">Исключить протечки, повреждение фасадов и водосточных труб.</div>
<br />
<div class="listitem2">Отрыв достаточно массивных ледовых масс создает реальную опасность для жизни людей и может стать причиной весьма значительного материального ущерба (повреждения автотранспорта, нижележащих архитектурных элементов);</div>
<div class="listitem2">Повышенная механическая нагрузка на элементы кровли из-за накопления льда приводит к сокращению ее срока службы;</div>
<div class="listitem2">Задержка воды на поверхности кровли в осенне-весенний период и при оттепелях из-за закрытости водостоков и желобов приводит к протечкам и значительному материальному ущербу; наиболее часто повреждаются жилые этажи непосредственно под кровлей, части фасада здания вблизи водостоков и ендов;</div>
<div class="listitem2">Необходимость механической очистки кровли, из-за которой резко снижается срок службы кровли.</div> 
<div class="listitem2">Внедрение антиобледенительных систем на основе нагревательных кабелей при условии правильного проектирования, учитывающего особенности конструкции кровли, позволяет:</div>
<div class="listitem2">Исключить образование наледи и сосулек при сравнительно невысоких капитальных затратах и незначительном энергопотреблении;</div>
<div class="listitem2">Обеспечить работоспособность системы организованного водостока в течение зимы и межсезонья;</div>
<div class="listitem2">Исключить протечки, повреждение фасадов и водосточных труб.</div>

DiffuSer · 9 Sep 2008

Как вставить скрипт Php в Html, чтобы он выполнился и сразу же вывел результат?

Extremal · 9 Sep 2008

В файле .htaccess или в в httpd.conf
добавь\измени вот это:
Code:
AddHandler application/x-httpd-php .php .html .htm

<*!alex!*> · 14 Sep 2008

Здравствуйте... подскажите, как закодировать url ? т.е. надо чтобы отобралось типа %25%34 итп, англипйские символы... Надо для того чтобы кинуть Админу, линк, с хсс...

mff · 14 Sep 2008

base64_encode
base64_encode -- кодирует данные в кодировке MIME base64.
base64_decode()
base64_decode() декодирует encoded_data и возвращает оригинал данных.

?

[HTML, Css] - Задай вопрос, получи ответ

DiffuSer Elder - Старейшина

banned Banned

mff Elder - Старейшина

OnArs Banned

c0rp$e Elder - Старейшина

mff Elder - Старейшина

GumaNoiD Elder - Старейшина

astrologer Elder - Старейшина

GumaNoiD Elder - Старейшина

astrologer Elder - Старейшина

mff Elder - Старейшина

GumaNoiD Elder - Старейшина

astrologer Elder - Старейшина

GumaNoiD Elder - Старейшина

GumaNoiD Elder - Старейшина

mff Elder - Старейшина

DiffuSer Elder - Старейшина

Extremal Elder - Старейшина

<!alex!> New Member

mff Elder - Старейшина

Useful Searches

[HTML, Css] - Задай вопрос, получи ответ

DiffuSer Elder - Старейшина

banned Banned

mff Elder - Старейшина

OnArs Banned

c0rp$e Elder - Старейшина

mff Elder - Старейшина

GumaNoiD Elder - Старейшина

astrologer Elder - Старейшина

GumaNoiD Elder - Старейшина

astrologer Elder - Старейшина

mff Elder - Старейшина

GumaNoiD Elder - Старейшина

astrologer Elder - Старейшина

GumaNoiD Elder - Старейшина

GumaNoiD Elder - Старейшина

mff Elder - Старейшина

DiffuSer Elder - Старейшина

Extremal Elder - Старейшина

<*!alex!*> New Member

mff Elder - Старейшина

<!alex!> New Member