yopopt
-
Posts
1,151 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by yopopt
-
Почему градиент не равномерен? Не вижу такого. Логотип ставите отдельным слоем поверх всего, а вс? что между домом и правым коричневым столбом можно тянуть или повторять куда хочешь и как хочешь.
-
Поисковый запрос: min-width.
-
Вс? работает. Вот набросал примерчик: <!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"> #main, #second { margin-right:50px; float:left; } #main div, #second div { height:100px; width:200px; border: 1px solid black; } .test { background-color:blue; } .red { background-color:red; } </style> <script type="text/javascript"> <!-- changeclass = function(oldclass, newclass, id) { var node = ((id === undefined) ? document.getElementsByTagName('body')[0] : document.getElementById(id)).getElementsByTagName('*'); for(var i=0; i<node.length; i++) { if(node[i].className != '') node[i].className = node[i].className.replace(oldclass, newclass); } return false; } // --> </script> </head> <body> <div id="main"> <a href="#" onclick="return changeclass('test', 'red', 'main');">Сменить класс в блоке #main</a> <div class="test">test</div> <div class="q">q</div> <div class="test">test</div> <div class="qq">qq</div> <div class="test">test</div> </div> <div id="second"> <a href="#" onclick="return changeclass('test', 'red');">Сменить класс во вс?м документе</a> <div class="test">test</div> <div class="q">q</div> <div class="test">test</div> <div class="qq">qq</div> <div class="test">test</div> </div> </body> </html> Функции changeclass() передются аргументы: искомый класс(старый); новый класс; id элемента в котором искать. Первые два являются обязательными, последний нет. Если он не задан, то поиск производится в теге body. Надеюсь Вы разбер?тесь как он работает. Думаю скрипт далеко не идеален(сделан на коленке за 15 минут), так что есть простор для творчества. Upd: Нда, в который раз убедился что стоит подумать, а потом лишь писать... Упростил скрипт.
-
Как сделать чтобы ячейка была сылкой со всеми вытекающими...?
yopopt replied to RIVA's question in HTML Coding
Я это и имел ввиду. То есть если сделать ссылку с помощью яваскрипта, то поисковик не сможет по ней перейти и соответственно проиндексировать ту страницу, на которую она вед?т. -
Картинка не догружается до конца, что делать?
yopopt replied to Пьяный мастер's question in HTML Coding
По моему разумней будет заливать новую картинку на фтп под другим именем, а когда она закачалась, переименовать и удалить старую. -
Как сделать чтобы ячейка была сылкой со всеми вытекающими...?
yopopt replied to RIVA's question in HTML Coding
Я же написал, что это мое мнение. Но я могу объяснить. Мне кажется, что как и везде, так же и в ХТМЛ все должно отвечать за свои действия. Но это мелочь. А отвечая на вопрос RIVA, и предлагаю, повесить onClick() на что даст возможность нормально работать с и в тоже время прописать события, если такие необходимы для тега. Но самое главное, это единствиенный, мне известный, и думаю правильный ответ, на изначально поставленный вопрос.Правильный ответ: растянуть ссылку на всю ширину и высоту ячейки и не зависеть от настроек браузера пользователя. Ведь если яваскрипт выключен пользователь не увидит ничего. Поисковики тоже окажутся за бортом и не проиндексируют ссылку. -
document.getElementById('lefttextdiv').id = 'lefttextdiv_';
-
Ставить отдельную программу для чтения rss по моему лишнее. Удачней, когда это функция в IM-клиенте или почтовике.
-
Миранда
-
Ок, не могу сказать что хорошо разбираюсь в данном вопросе, так что откажусь от дальнейшей полемики. Просто у меня чтение текста с justify никогда не вызывало затруднений...
-
Пиши в соответствующую тему. Например сюда http://forum.htmlbook.ru/index.php?showtopic=4388 или сюда: http://forum.htmlbook.ru/viewforum.php?id=18
-
Когда это было то? Давно... Взять можно здесь: http://www.templatemonster.com/free-templates.php http://www.internet-technologies.ru/templates/
-
Примеры, конечно, хорошо, но лучше взять готовый psd-макетик и сверстать его, потом другой, третий. Прич?м выбирайте макеты как можно более разнообразные. Через некоторое время и n-ное количество макетов, вновь сверстайте первый. С накопившимся опытом изменится в?рстка. А если разницы не увидите, значит Вам не доста?т той самой смекалки, о которой говорил Dimitry Wolotko. Или возьмите и создайте где-нибудь на народе сайты себе и своим родственникам, друзьям. В общем, практика очень важна. P.S. Сам я начинал с просмотра исходных кодов сайтов. И вовсе не думал этим заниматься, просто было интересно как оно работает. Это потом уже пошло чтение спецификаций и статей. Так-что как изучать правильно я не советчик, лишь думаю что с помощью в?рстки макетов более быстро и качественно.
-
Как сделать чтобы ячейка была сылкой со всеми вытекающими...?
yopopt replied to RIVA's question in HTML Coding
Нельзя в ссылку запихивать таблицу. -
А вот за началом следить не надо, оно должно быть выравнено по одной линии, чтобы его не приходилось искать. Вообще подобного рода рассуждения есть, например, у Рудера... Объясните мне, зачем искать конец строки? Я же е? с начала читаю...
-
Давайте вообще выравнивать по центру. Тогда легко будет следить не только за концом строк, но и за началом. Откройте любую книгу художественной литературы и сразу увидите что текст равномерно выровнен по обоим сторонам страницы, а там где слово не влезает в е? ширину, оно аккуратно перенесено по слогам, а не вс? полностью. Я имею ввиду, что "мягкий перенос" позволяет выравнивать текст как в книгах, с переносами по правилам нашего языка и без чрезмерного расширения пробелов. Для узких колонок(примерно в 25% от ширины экрана) самое то.
-
Удобно. Вместе с justify читать текст становится приятней. Как в книге. На сколько я знаю не поддерживается только браузерами на движке Gecko.
-
В настройках Оперы надо включить строку состояния. Или извращаться как предлагает D.S.Denton.
-
margin: auto не выводит в IE6 и IE7 блок по середине
yopopt replied to ВысотНик's question in HTML Coding
text-alidin: left; - нет такого, есть text-align А по теме: добавьте text-align:center; родительскому контейнеру(в данном случае это body). -
Когда-то я писал похожий пример. Вот, посмотрите: http://vsevsegdaok.net/test/primer.html Код примера: <!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> <style type="text/css"> * { padding: 0; margin: 0; } p { font-size: 300%; } #head { background-color: #000; color: #fff; height: 90px; width: 100%; margin-bottom: 50px; } #pngmenu { height: 50px; width: 100%; position: absolute; top: 90px; } #fixpngmenu { height: 50px; width: 100%; position: fixed; top: 0; } #gradient { background: url("gradient.png") repeat-x; height: 50px; width: 100%; } #menu { background-color: #eff; height: 20px; text-align: center; border: 1px solid #000; } #menu li { display: inline; } #content { } </style> <!--[if lte IE 6]> <style> body { background: url(about:blank) 0 0 fixed no-repeat; } #pngmenu { top: expression("90px"); } #fixpngmenu { position: absolute; top: expression(parseInt(document.documentElement.scrollTop, 10) + "px"); } #gradient { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient.png", sizingMethod="scale"); background: none; } </style> <![endif]--> </head> <body> <div id="head"> Это заголовок </div> <div id="pngmenu" class="fixed"> <ul id="menu"> <!-- Это меню :) --> <li>Услуги и цены</li> <li>Новости</li> <li>Как нас найти</li> <li>Наши работы</li> <li>Написать нам</li> </ul> <div id="gradient"></div> </div> <div id="content"> <!-- Это контент --> <p>Lorem ipsum dolor sit amet consectetuer magna urna convallis Vivamus tincidunt. Congue a nibh nibh tempus Curabitur fermentum malesuada penatibus et vel. Volutpat adipiscing Nam Curabitur orci tincidunt nec tincidunt ut urna ac. Lorem vitae fringilla ut metus Morbi dignissim mauris a Sed eu. Sagittis tortor sapien sagittis quis ante leo libero volutpat ante a. Gravida velit tincidunt.</p> </div> <!-- Это скрипт :) --> <script type="text/javascript"> <!-- var menu = document.getElementById("pngmenu"); window.onscroll = function() { if (document.documentElement.scrollTop >= 90) { menu.setAttribute("id","fixpngmenu"); } else { menu.setAttribute("id","pngmenu"); } } --> </script> <!-- Скрипт закончился --> </body> </html>
-
Нет.
-
Можно реализовать так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Title</title> <script type="text/javascript"> scrollthis = function(len) { document.getElementById('text').scrollTop += len; return false; } </script> </head> <body> <div id="text" style="width:200px;height:100px;overflow:scroll;"> <p>Lorem ipsum dolor sit amet consectetuer magna urna convallis Vivamus tincidunt. Congue a nibh nibh tempus Curabitur fermentum malesuada penatibus et vel. Volutpat adipiscing Nam Curabitur orci tincidunt nec tincidunt ut urna ac. Lorem vitae fringilla ut metus Morbi dignissim mauris a Sed eu. Sagittis tortor sapien sagittis quis ante leo libero volutpat ante a. Gravida velit tincidunt.</p> </div> <a href="#" onclick="return scrollthis(10);">вниз</a> <a href="#" onclick="return scrollthis(-10);">вверх</a> </body> </html> Функции scrollthis() переда?тся количество пикселей(в данном примере 10), на которые нужно прокрутить текст.
-
OnMouseOver- нужно чтоб в определенном месте появлялся скрытый текст.
yopopt replied to reload39's question in JavaScript
Пожалуйста! Однако можно сделать вс? ещ? проще. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Title</title> <script type="text/javascript"> showhide = function(id) { var div = document.getElementById('list').getElementsByTagName('div'); for(var n=0; n<4; n++){ if(div[n].style.display != 'none') div[n].style.display = 'none'; } document.getElementById(id).style.display = 'block'; } </script> </head> <body> <h3 style="cursor:pointer;" onclick="showhide('showme1')">А теперь сюда</h3> <h3 style="cursor:pointer;" onclick="showhide('showme2')">А теперь сюда</h3> <h3 style="cursor:pointer;" onclick="showhide('showme3')">А теперь сюда</h3> <h3 style="cursor:pointer;" onclick="showhide('showme4')">А теперь сюда</h3> <div id="list"> <div id="showme1" style="display:none">текст1</div> <div id="showme2" style="display:none">текст2</div> <div id="showme3" style="display:none">текст3</div> <div id="showme4" style="display:none">текст4</div> </div> </body> </html> Здесь функция showhide() перебирает все дивы в объекте с идентификатором "list" и устанавливает им display:none;. После чего объекту, id которого переда?тся функции, устанвливается display:block;. -
Если уж так ставить вопрос, то modx вам в руки...
-
OnMouseOver- нужно чтоб в определенном месте появлялся скрытый текст.
yopopt replied to reload39's question in JavaScript
А, извиняюсь. Не понял задачи. Простейший вариант данного кода: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Title</title> <script type="text/javascript"> showhide = function(id) { var q = document.getElementById(id); // Записываем в переменную "q" обращаение к переданному функции id, чтобы меньше писать. if(q.style.display == 'block' || q.style.display == '') { // Проверяем, какое значение display установлено и установленно ли вообще. Если проверка прошла успешно и блок виден, делаем его невидимым. q.style.display = 'none'; } else { // Если проверка показала, что блок не видим делаем его видимым. q.style.display = 'block'; } // Так-же данный код можно записать проще(хотя кому как...): // q.style.display = (q.style.display == 'block' || q.style.display == '' ? 'none' : 'block'); } </script> </head> <body> <h3 style="cursor:pointer;" onclick="showhide('showme')">А теперь сюда</h3> <div id="showme" style="display:none">Тут, тоже, может быть все, что угодно :)</div> </body> </html>