Storm
-
Posts
145 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Storm
-
Была когда-то у нас такая задача. Решили с помощью javascript. Циклически по одному слову вставляли текст в блок и высчитывали высоту блока, если на определенной итерации высота превышала критическую, фиксировали текст предыдущей итерации. Правда блок у нас был небольшой, поэтому работало всё достаточно быстро. Само собой, если текста в блоке много, метод может быть неприемлемым.
-
А почему никто про setlocale не вспомнил?
-
Хм, посмотрите код выше, там всё это есть, но тем не менее не работает
-
Похоже на то,что теги 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>
-
Трудности не составит, только лучше самому научиться решать такие тривиальные задачи, чтобы не обращаться каждый раз за помощью. <!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>
-
Я-то могу, а ты можешь?