mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Ксожалению немогу понять куда это надо поставить чтобы работало... Я так уже пытался делать Мне надо чтото типа /_tagClass\b/; - но я так подозреваю что это выражение не примет "_tagClass" как переменную, а будет искать именно class="_tagClass"
-
psywalker, дай ссылку человеку. Я уверен что у тебя остались все примеры
-
http://forum.htmlbook.ru/index.php?showtop...F0%E0%E9%F2+PNG
-
ИЕ6 поддерживает background-position для PNG24!!! Но во время подключения фильтра мы также пишем background:none. Значит для ие6 там уже нет бекграунда, следовательно и позиционировать тут нечего! Тема уже была тут по поводу спрайтов с пнг. Ща если найду то дам ссылку.
-
предлагаю решение выравнивания высоты на джс. <!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> <title>sameHeight</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- .box, .block{ float:left; width:300px; padding:0 10px; } .element{ float:left; } --> </style> <script type="text/javascript"> <!-- function initScript(){ sameHeight({ tagName:'div', tagClass:'box' }); sameHeight({ tagName:'div', tagClass:'block' }); sameHeight({ tagName:'span', tagClass:'element' }); } function sameHeight(_options){ var _tagName=_options.tagName; var _tagClass=_options.tagClass; var maxHeight=0; var _elements=document.getElementsByTagName(_tagName) if(_elements){ for(var i=0;i<_elements.length;i++){ if(_elements[i].className.indexOf(_tagClass)!=-1){ _elements[i].style.height='auto'; if(_elements[i].offsetHeight>=maxHeight){ maxHeight=_elements[i].offsetHeight; } } } for(var i=0;i<_elements.length;i++){ if(_elements[i].className.indexOf(_tagClass)!=-1){ _elements[i].style.height=maxHeight+'px'; } } } } if(window.addEventListener){ window.addEventListener("load",initScript,false); }else if(window.attachEvent){ window.attachEvent("onload",initScript); } //--> </script> </head> <body> <!-- wrapper --> <div id="wrapper"> <div class="boxes" style="background:#ff0;height:1%;overflow:hidden;padding:0 10px"> <p>t</p> </div> <div class="box" style="background:#c33"> <p>Lorem ipsum dolor sit amet consectetuer sem tempus tortor hac nunc. Orci Sed dolor parturient In eget parturient sit Nullam ante elit. Non nec Nam tincidunt augue.</p> </div> <div class="box" style="background:#33c"> <p>Lorem ipsum dolor sit amet consectetuer nulla vel tincidunt urna semper. Vestibulum turpis tincidunt gravida eros vel Phasellus nunc sodales tempor dictumst. Nec nec id.</p> <p>Ridiculus est Maecenas Phasellus est In sed augue Suspendisse ante ac. Nulla volutpat Vestibulum Vestibulum odio id ullamcorper non dignissim tellus justo. Ut sed.</p> </div> <div class="box" style="background:#3c3"> <p>Lorem ipsum dolor sit amet consectetuer et Vestibulum ac nibh eu. Phasellus.</p> <p>Tincidunt Curabitur Vestibulum semper enim Cras ut laoreet Nulla mattis Integer. Magna laoreet eu libero pellentesque morbi ut euismod at neque sed. Leo vel tellus et.</p> </div> <div class="block" style="background:#33AF6B"> <p>Lorem ipsum dolor sit amet consectetuer nulla vel tincidunt urna semper. Vestibulum turpis tincidunt gravida eros vel Phasellus nunc sodales tempor dictumst. Nec nec id.</p> <p>Ridiculus est Maecenas Phasellus est In sed augue Suspendisse ante ac. Nulla volutpat Vestibulum Vestibulum odio id ullamcorper non dignissim tellus justo. Ut sed.</p> <p>Maecenas est ipsum rutrum Sed elit dictumst tristique volutpat In nisl. Natoque felis Cum et parturient amet iaculis In quis lacus quis. </p> <p>Curabitur Curabitur orci wisi ut lorem urna feugiat pretium vitae consectetuer. Hendrerit Nullam eget odio in risus in.</p> </div> <div class="block" style="background:#E3A133"> <p>Lorem ipsum dolor sit amet consectetuer et Vestibulum ac nibh eu. Phasellus.</p> <p>Tincidunt Curabitur Vestibulum semper enim Cras ut laoreet Nulla mattis Integer. Magna laoreet eu libero pellentesque morbi ut euismod at neque sed. Leo vel tellus et.</p> <p>Eu id lacus eu Vestibulum egestas vitae enim id mauris ut. Sagittis lorem Curabitur tincidunt semper justo nunc auctor orci gravida adipiscing. Pulvinar sem nunc et semper dapibus.</p> </div> <span class="element" style="background:#E31ED7"> span </span> <span class="element" style="background:#0C8EFF"> span<br /><br /> </span> </div> <!-- end wrapper --> </body> </html> Только нужна помощь JS-джедая . Надо делать проверку наличия класса не через indexOf, так как сталкиваемся с проблемой - при такой проверке "box" и "boxes" - одинаковые елементы. Это видно в моем примере. Вопрос знатокам джс - как осуществить такую проверку? Возможно это можна както красиво сделать через регулярное выражение?
-
1) попробуй в фф выделить текст для того чтобы скопировать. 2) плохо, так как код некрасивый получается.
-
div.left, div.center, div.right { float:left; margin-left:2%; min-height:40px; padding:20px 0; width:30%; } Добавь - position:relative, чтобы текст выделялся. и никак нельзя всунуть left в left_content center в center_content и right в right_content А вообще - здорово ты как всегда на высоте. Я бы всеже высоту равнял джсом
-
В каком смысле? Ведь в его примере нет скругленного бордера. Или я чтото пропустил?
-
Заполни колонки разным содержимым. Чтобы высота текста была разная.
-
Что такое ссылка на ноду? Просто я запутался так как ниже приведенный пример работает при клике на любой из элементов, а передается в трех случаях ссылка на имгу по разному <!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> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- input,img{display:block;} --> </style> <script type="text/javascript"> <!-- function sizeToggle(img){ if(!img.flag){ _width=img.width; _height=img.height; img.width=_width*2; img.height=_height; img.flag=true; }else{ img.width=_width; img.height=_height; img.flag=false; } } //--> </script> </head> <body> <div id="wrapper"> <img id="img" src="../autumn.gif" alt="" onclick="sizeToggle(this)" /> <input type="button" value="Button" onclick="sizeToggle(document.getElementById('img'))" /> <input type="button" value="Button" onclick="sizeToggle(document.images[0])" /> </div> </body> </html> P.S. меняю только ширину для удобства кликания по кнопочкам. Разобрался: <!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> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- input,img{display:block;} --> </style> <script type="text/javascript"> <!-- function sizeToggle(i){ var img=typeof i=='string'?document.getElementById(i):i; if(!img.flag){ _width=img.width; _height=img.height; img.width=_width*2; img.height=_height; img.flag=true; }else{ img.width=_width; img.height=_height; img.flag=false; } } //--> </script> </head> <body> <div id="wrapper"> <img id="img" src="../autumn.gif" alt="" onclick="sizeToggle(this)" /> <input type="button" value="Button" onclick="sizeToggle(document.getElementById('img'))" /> <input type="button" value="Button" onclick="sizeToggle(document.images[0])" /> <input type="button" value="Button" onclick="sizeToggle('img')" /> </div> </body> </html> Так можна указывать само название айдишника, спасибо
-
Какая суть этой строки: var img = typeof i == 'string' ? document.getElementById(i) : i; В чем будет принципиальное отличие если записать так: function sizeToggle(img) { if (!img.flag) { img.w = img.width; img.h = img.height; img.width = img.w * 2; img.height = img.w * 2; img.flag = true; } else { img.width = img.w; img.height = img.h; img.flag = false; } }
-
Чтобы с доктайпом не "летело" надо бы дописать elem.style.top=y+11+'px'; elem.style.left=x+11+'px'; А вообще дело не в абсолюте и не стилях. Дело в том что в ие джс не считает координаты курсора.
-
Как запретить перенос текста в определенном фрагменте?
mishka replied to Semreg's question in HTML Coding
Сайты делают для людей. Но положение сайта в поисковике определяет поисковый робот. А большинство юзеров попадают на сайт благодаря поисковым системам по запросу интересующих слов, фраз. Вот обдумайте какие слова будут набирать в поисковике юзеры, которым будет интересен ваш сайт. Те слова и заключайте в <h1>...<h6>, <strong>, <em>. Но и не переусердствуйте, так как это тоже может непонравится поисковикам -
ul.dropdown ul li:hover a, ul.dropdown ul li.hover a { color:#332119; }
-
Давай сюда ссылку, в ЛС нет ничего.
-
Как запретить перенос текста в определенном фрагменте?
mishka replied to Semreg's question in HTML Coding
Если забить на семантику то можна юзать тег <nobr>, но я бы использовал, как уже выше предложил Justnewone, <span class="nobr"> или <em class="nobr>. Но если сайт статичен, и небудет менятся, либо его ктото вручную будет менять то и вполне сойдет. -
и что же вы от этого хотите? Если бы в лишке был просто текст то он поменялся бы, но там ссылка! Значит: ul.dropdown li.hover , ul.dropdown li:hover { background-color: #e5cfa1; } ul.dropdown li.hover а, ul.dropdown li:hover а { color: #332119; } Както так...
-
Через запятую пиши: h1, h2, .no-margin{ margin:0 }
-
Лучше так не делать: *{zoom:1} Если так сделать то в ие небудет работать, к примеру <br />. Больше багов незнаю связанных с использованием зума, так как сам непользуюсь им. Применяй в то место где это нужно, а на все элементы ненадо.
-
Они и так инлайновые элементы. Должны по дефолту вряд становится.
-
* html - поймет только ие6 *+html - поймет только ие7 А всё что без *+html и * html вначале, будут понимать все ие <!--[if lte IE 7]> * html div{zoom:1;} <![endif]--> if lte IE 7 - если браузер IE версии меньше-равно 7 Хотя zoom для ие7 не помеха
-
Спрайтом сделать их. набери в поисковике чтото типа "спрайт css" или "спрайт html" както так
-
Firefox 3.5 17.65% Firefox 3.0 12.76% Не так сильно уступает, так что еще актуальна
-
Что делать, чтобы после клика на элемент меню сайт не "ездил"?
mishka replied to VasyOK{!}'s question in HTML Coding
мдя... Я то думал что ты мне про меню раскрывающееся по клику... А там оказывается при клике на "смесители" мы попадаем на другую страницу где все осталось тоже самое, только пункт "смесители" открыт. Так нехорошо. Потому что чтобы мне добратся до смесителя, мне надо пройти через ненужную страницу. Сделай акордионом. Либо если хочешь оставить так как есть то тебе нужен якорь. http://forum.htmlbook.ru/index.php?showtop...%FF%EA%EE%F0%FC -
Что делать, чтобы после клика на элемент меню сайт не "ездил"?
mishka replied to VasyOK{!}'s question in HTML Coding
Ну ты и партизан, с тя надо все под пытками вытягивать... Хоть немного намекни на что мне надо там кликнуть чтобы чтото расскрылось. Я там ненашел такого, только обычные ссылки.