Storm
-
Posts
145 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Storm
-
-
А почему никто про setlocale не вспомнил?
-
Задайте 100% высоты для элемента html:
html, body { height: 100%; }
table { height: 100%; ...
Тогда strict-режим становится похож на transitional.
Хм, посмотрите код выше, там всё это есть, но тем не менее не работает
-
Похоже на то,что теги a нужно написать в одну строку или засунуть каждый в блочный элемент
-
Вопрос: реально ли реализовать такую задачу в табличной верстке?
Спасибо за содействие, но нужна табличная верстка.
-
Проблема та же, но ответа тут не нашел, поэтому продолжаю тему.
Вот простой код
<!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=UTF-8">
<style type="text/css">
<!--
* {margin:0;padding:0;}
html, body {height:100%;}
table {width:100%;height:100%;}
.content {height:100%;background:green;}
.footer {height:100px;background:gray;}
-->
</style>
</head>
<body>
<table>
<tr><td class="content">content</td></tr>
<tr><td class="footer">footer</td></tr>
</table>
</body>
</html>Задача: именно с таким доктайпом сделать футер прижатым к низу страницы.
Комментарии: в IE6 td.content растягивается на 100% высоты страницы; получалось реализовать это слоями, но на странице будет динамический контент (разъезжающееся меню, перезагрузка текстовой области страницы и др.) и в IE слой с футером остается на месте (т.е. не прижимается к низу при изменении контента страницы).
Вопрос: реально ли реализовать такую задачу в табличной верстке?
-
Про финтифлюшку ты прав, но читай выше:
С ходу такую задачу самостоятельно не решуСделать нужно сейчас, а, чтобы самому написать нужно время. Когда оно появится, обязательно восполню эту нишу познаний javascript. Но, согласись, что javascript библиотеки намного облегчают жизнь.
-
Лучше один раз научиться водить танк, чем каждый раз изобретать велосипед.
-
С ходу такую задачу самостоятельно не решу. Не хочу изобретать велосипед, если есть уже готовые решения, лучше которых у меня не получится.
Нашел библиотеку YAHOO http://developer.yahoo.com/yui/. Буду пытаться сделать на е? базе.
-
Во-первых, спирать не хочется, если есть библиотека, в которой это реализовано.
Во-вторых, посмотри js код на этой странице. Вынять из него только нужное будет довольно проблематично.
На ajaxrain.com посмотрел, ничего подходящего не нашел.
-
Доброго времени суток.
Подскажите, есть где-либо пример реализации или с помощью какой javascript библиотеки можно реализовать перетягивание с сортировкой блоков на странице, подобно тому, как это реализовано на igoogle.com? Интересуют именно блоки, которые можно тягать за заголовок.
-
Добрый день, уважаемые форумчане.
Помогите в поисках меню со следующим описанием:
горизонтальное меню, при наведении на пункт меню вертикально плавно выезжают подпункты, расположенные один под другим.
Такое меню, какое мне нужно, на этом сайте http://www.sothink.com/, но там накручено много не нужного мне, думаю, что есть меню попроще.
Искал на http://www.dhtmlgoodies.com/ и http://www.woweb.ru/, в Google, на форуме.
-
а на скрипт посмотреть можно?
-
Ну так возьми свой код, добавь в него title и проверь проходит ли в этом случае валидацию, если нет, смотри дальше, что я исправил. У тебя есть 2 варианта кода: валидный и невалидный, сравнивай их, учись искать ошибки, пригодится в будущем.
-
Вот, набросал.
Но в ИЕ работать не будет, так как не понимает он min-height, max-height.
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
body {margin:0;}
#main {min-width:800px;width:auto !important;width:800px;max-width:1280px;background:green;position:relative;}
#left {width:50px;height:50px;background:gray;position:absolute;bottom:0;left:0;}
#right {width:50px;height:50px;background:gray;position:absolute;bottom:0;right:0;}
#text {position:relative;z-index:2;}
/*]]>*/
</style>
</head>
<body>
<div id="main">
<div id="left"></div>
<div id="right"></div>
<div id="text">sfgsdfsdf fg sdf sdf asdsadsd sadf asd</div>
</div>
</body>
</html> -
Ты увидел, что мой код проходит валидацию?
-
Исправил немного, в таком виде код проходит валидацию
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META HTTP-EQUIV="Cache-Control" content=no-cache>
<meta http-equiv="imagetoolbar" content="no">
<meta name="keywords" content="some">
<link rel="shortcut icon" href="/images/dark_blue.ico">
<style type="text/css" media="all">
@import url(css/engine.css);
</style>
<style type="text/css" media="all">
@import url(css/style.css);
</style>
<style type="text/css">
html, body {
margin: 0px;
height: 100%;
}
#background {
position: absolute;
width: 100%;
height: 100%;
no-repeat;
background-attachment: fixed;
}
#body {
width: 100%;
height: 100%;
z-index: 1;
margin:0;
}
#table {
margin:50px 0px; padding:0px;
text-align:center;
}
.png { filter:expression(PNG(this)) }
</style>
<script language="javascript" src="{THEME}/css/png.js" type="text/javascript"></script>
<script type="text/javascript" src="/engine/skins/default.js"></script>
<script type="text/javascript" src="css/hltable.js"></script>
<style type="text/css">
th {border: 1px solid black; border-collapse: collapse;}
th {}
.hoverRow { background-color: #b3d9dc; }
.clickedRow { background-color: #a1cbeb; }
</style>
<SCRIPT language="JavaScript" type="text/javascript">
var bookmarkurl="http://mylink"
var bookmarktitle="Templates"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
</SCRIPT>
</head>
<body id="background" background="images/backgr.jpg" style="background-repeat : repeat-x;">
<table align="center" width="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="816">
<table cellpadding="0" cellspacing="0">
<tr>
<td width="10" style="background:url(images/01.png);" height="10" class="png"></td>
<td width="780" style="background:url(images/02.png);" height="10" class="png"></td>
<td width="10" style="background:url(images/03.png);" height="10" class="png"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>Разбирайся...
-
Почему не сделать во внешнем блоке фон, а по его бокам блоки с картинками скругления, прижатые один - влево, другой - вправо. Разрешение увеличивается, внешний блок растягивается, прижатые к краям блоки с картинками раздвигаются, показывается фон.
-
Вс? сверху до и какой-нибудь полноценный блок, в котором есть ошибки
-
Код надо посмотреть, так трудно сказать.
-
выложи код
или замени на этот доктайп и пройди повторную валидацию
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-
код в студию
Скорее всего доктайп вот этот
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
,а при его использовании надо закрывать теги, которые не имеют закрывающего тега.
Например
<img src="image.jpg" alt="" />
-
<tr onClick="location.href='http://www.google.ru'" onmouseover="this.style.cursor='pointer'"><td>
text data
</td></tr> -
Фон
in HTML Coding
Трудности не составит, только лучше самому научиться решать такие тривиальные задачи, чтобы не обращаться каждый раз за помощью.
<!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" xml:lang="en" lang="en">
<head>
<title>TITLE</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
body {margin:0;}
/*]]>*/
</style>
</head>
<body>
<div style="margin:0 auto;width:1024px;"><img src="image.jpg" width="1024" height="1320" alt="" /></div>
</body>
</html> -
Фон
in HTML Coding
Я-то могу, а ты можешь?
Многа букаф, а блок то маленький...
in PHP
Posted
Была когда-то у нас такая задача. Решили с помощью javascript. Циклически по одному слову вставляли текст в блок и высчитывали высоту блока, если на определенной итерации высота превышала критическую, фиксировали текст предыдущей итерации.
Правда блок у нас был небольшой, поэтому работало всё достаточно быстро. Само собой, если текста в блоке много, метод может быть неприемлемым.