Flo
Newbie-
Posts
24 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Flo
-
у меня на страничке есть такая строчка <link rel="alternate stylesheet" type="text/css" media="screen,projection" href="../print.css" title="printview" disabled /> и валидатор (xhtml strict) пишет как-нибудь можно это исправить? disabled нужен для корректного включения/выключения стилей в ие на странице я использую прием описанный тут - http://cssing.org.ua/2007/04/07/print-vers...ith-javascript/
-
а еще стрикт ругается на <script language="javascript" type="text/javascript"> "required attribute "type" not specified" это как-то можно решить?
-
ооо, Tokolist ты волшебник =) а что это за метки и как они работают?
-
Tokolist, не-а, не помогает... код такой <script language="javascript" type="text/javascript"> var encoding="0"; var news_link = "http://rsslenta.ru/?event=viewrss&type=js&source_id=6035&my_css=2&post_date=1&open_blank=1&hidefeed_title=1&feed_compact=1&max_item=5&limit_chars=150"; </script> <script language="javascript" src="http://rsslenta.ru/js/view_rss.js"> </script> <noscript> <a href="http://rsslenta.ru/visitor/syndication/id/3657">Subscribe to RSS headline updates...</a> </noscript> - это скрипт из рсслента.ру, он вставляет рсс в нужное место страницы
-
с мыслями создать эту тему зашел на форум и наткнулся на пост Влада про валидацию (http://forum.htmlbook.ru/index.php?showtopic=4268) - хороший интересный пост... ну это так, к слову... в чем собственно вопрос... я хотел спросить соответствует ли примение на страницах валидируемых xhtml strict джаваскрипт кода? просто я что-то немного запутался... у меня есть полностью валидный код, но его портит один скрипт... (( просто для целостности восприятия не хотелось бы видеть внизу файрфокса красный крестик не пройденной валидации =)
-
для одного два? это как?!
-
намного проще это как? меньше 9 блоков? для масштабируемого блока по обеим координатам, по-моему, это сложно...
-
Палиндром, можно и ДВ, хорошая штука, только если сам внимательно следишь за своим кодом чтобы выучить тэги, лучше, конечно блокнот в общем ДВ тоже хорош... особенно не самый новый, попробуй 4ю версию, он вообще мусора не дает в коде вечером еще немного напишу, а ты пока придумай конкретные вопросы )))
-
пункты 2 и 3... когда ты нарисовал дизайн, у тебя есть графическое изображение, картинка... но она же статична, ты с ней ничего не можешь делать, картинка и все... а чтобы превратить это в ХТМЛ страницу (эта самая страница и будет твоим макетом) ты должен сделать ту самую загадочную и непонятную "нарезку" это значит что ты в графическом редакторе (тот же фотошоп) из твоей картинки "вырезашь" элементы и вставляешь в свой шаблон вырезал, например, шапку сайта, логотип, сохранил его в отдельный файл изображения и потом этот файл с помощью или через css (backgroung-image) вставил в свой шаблон (свою хтмл страницу) так же поступаешь с другими элементами сайта - уголками для закругления блоков, украшениями, графич. элементами меню и т.д. затем ты верстаешь сайт в обычном блокноте (или продвинутом блокноте с подсветкой, горячими клавишами и т.д.) ты сохдаешь структура сайта - пишешь свой хтмл код, а потом в том же блокноте прописыавешь стили для сайта с помощью css например твой хтмл будет такой <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Мой первый сайт!</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <p>Это мой первый сайт!</p> </body> </html> затем создаешь стили для сайта - файл style.css (обычный текстовый файл) p { color: red; text-decoration: underline; } теперь в твоем сайте будет написана строка, которая будет красная и подчеркнутая (благодаря стилям, которые мы написали: красная "color: red;", подчеркнутая "text-decoration: underline;") на этом сайте htmlbook.ru есть хороший справочник тэгов (то что в хтмл файле ты видишь , и т.д., т.е. все что между "<" и ">") - http://htmlbook.ru/html/и справочник разметки css (те свойства, что мы писали - color, text-decoration) - http://htmlbook.ru/css/
-
http://maddog-rts5.narod.ru/ на мой взгляд, достаточно тяжеловесное решение... никто так и не написал, какие идеи есть по поводу создания эффективного кода для девятиблокового масштабируемого макета (4 блока под уголки, 4 блока под края и центральный блок под контент) решение на табличках я уже выкладывал http://flo.thumb.googlepages.com/rezina.htm
-
вот так это сделано у меня на табличках http://flo.thumb.googlepages.com/rezina.htm
-
картинка прописана как фоновый рисунок в стилях top_b, left_b, right_b, bottom_b можно 4 разных картинки загружать, можно одну и фильтрами ее поворачивать
-
на табличках так <table width="100%" border="0" cellspacing="0"> <tr> <td width="15" id="left_top_corner"></td> <td id="top_b" height="15"></td> <td width="15" id="right_top_corner"></td> </tr> <tr> <td id="left_b" valign="top" width="15"></td> <td valign="top"> контент </td> <td id="right_b" width="15"></td> </tr> <tr> <td width="15" id="left_bottom_corner"></td> <td id="bottom_b" height="15"></td> <td width="15" id="right_bottom_corner"></td> </tr> </table> </div> </td> </tr> </table> и в ксс для соответствующей ячейки подгрузить повторяющимся фоном картинку
-
а, еще желательно отдельные блоки для уголков... уголки сглаживают переход между краями...
-
разве это тривиально разместить 4 резиновых дива внутри родительского? в инете шумиха по поводу наиболее удачного резинового шаблона в три колонки, а тут, считайте, задача в два раза усложнена
-
я все это понимаю )) меня, собственно, и интересует этот код со вложенными дивами повторяющиеся изображения есть, я реализовывал такой блок с помощью таблиц... мне интересно, как это сделать на дивах
-
масштабирование по обеим координатам... те ссылки, которые вы давали не подходят... там просто блок с закругл. краями... а мне необходимо края подгружать из графич. изобр. т.е. некоторый повторяющийся кусочек, который можно пустить бэкграундом и тогда будет тянутся... только, вот как это не коряво сделать на табличках, я не знаю
-
Ребята, как, собственно, эту область сделать масштабируемой на дивах? На табличках могу, а на дивах красиво это можно реализовать?
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Title</title> <style type="text/css"> .lefttextdiv { } #out1, #out2, #out3, #out4, #out5, #out6, #out7, #out8, #out9, #out10 { color: green; } #hover1, #hover2, #hover3, #hover4, #hover5, #hover6, #hover7, #hover8, #hover9, #hover10 { color: white; cursor: pointer; } </style> </head> <body> <div class=lefttextdiv id="out1" onmouseover="this.document.getElementById('out1').id = 'hover1';" onmouseout="document.getElementById('hover1').id = 'out1';"> <p id=textmenu>text1</p> </div> <div id=leftsubdiv_1></div> <div id=leftfreediv></div> <div class=lefttextdiv id="out2" onmouseover="this.document.getElementById('out2').id = 'hover2';" onmouseout="document.getElementById('hover2').id = 'out2';"> <p id=textmenu>text2</p> </div> <div id=leftsubdiv_2></div> <div id=leftfreediv ></div> <div class=lefttextdiv id="out3" onmouseover="this.document.getElementById('out3').id = 'hover3';" onmouseout="document.getElementById('hover3').id = 'out3';"> <p id=textmenu>text3</p> </div> <div id=leftsubdiv_3></div> <div id=leftfreediv></div> <div class=lefttextdiv id="out4" onmouseover="this.document.getElementById('out4').id = 'hover4';" onmouseout="document.getElementById('hover4').id = 'out4';"> <p id=textmenu>text4</p> </div> <div id=leftsubdiv_4></div> <div id=leftfreediv></div> <div class=lefttextdiv id="out5" onmouseover="this.document.getElementById('out5').id = 'hover5';" onmouseout="document.getElementById('hover5').id = 'out5';"> <p id=textmenu>text5</p> </div> </body> </html> в файрфоксе не работает такой код, а в опере и ИЕ работает почему?
-
хм... не работает в файрфоксе и навигаторе, в опере и ИЕ работает
-
спасибо, ребята! разобрался
-
так и есть а как решить проблему, используя классы? картина такая, есть несколько боксов описаных стилем lefttextdiv стоящих подряд... и при наведении мне надо менять на другой...
-
о, работает, только меняется стиль не текущего дива, а первого попавшегося на странице, самого верхнего (на странице несколько слоев такого стиля) как сделать, чтоьы менялся стиль только того дива на который наводят мышь?
-
в stylesheet.css описаны, допустим, два стиля для DIV #lefttextdiv { ... } #lefttextdiv_ { ... } как при наведении на div поменять текущий стиль "lefttextdiv" на "lefttextdiv_"