-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Абсолютно не отличается от мозиллы Ты код изучи! первый это дефолтные бордеры. Кросбраузерный! второй это бордер поменял, он на 2 пикса естественно уже(так как дефолтные 2пикселя шириной) но тоже абсолютно одинаковой ширины во всех браузерах!
-
??? обьясни неспорю. Делал бы для себя то так и сделал бы. Но делаю не себе, поэтому надо приблизить к дизайну.
-
<!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=utf-8" /> <title>input</title> <style type="text/css"> input{ width:150px; padding:2px 4px; margin:0; font:12px/14px Arial,Tahoma,sans-serif; } .border{ border:1px solid #000; } </style> </head> <body> <div id="wrapper"> <input type="text" /><br /><br /> <input class="border" type="text" /> </div> </body> </html> Да вот самое обычное оформление текстового инпута
-
psywalker, извини за грубость. Но ты что сума сошел так делать??? То что советую сделать я - валидно, кроссбраузерно, меньше кода, правильно. А ты советуешь бред в конкретном случае. Угу... понял я твои маневры. Но мало где нужны резиновые инпуты.
-
<!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=utf-8" /> <title></title> <style type="text/css"> html{height:100%} body{ margin:0; height:100%; font-family:Arial,Tahoma,sans-serif; } #wrapper{ min-height:100%; width:960px; margin:0 auto; } * html #wrapper{ height:100%; } #header{ width:100%; overflow:hidden; } #main{ width:100%; overflow:hidden; padding:0 0 100px; } #footer{ height:100px; width:960px; margin:-100px auto 0; overflow:hidden; position:relative; } </style> </head> <body> <div id="wrapper"> <div id="header"> header </div> <div id="main"> </div> </div> <div id="footer">footer</div> <!-- тут должен быть лайтбокс --> </body> </html> Футер также можна поместить внутрь враппера, и абсолютом книзу прибивать(у тебя по такому методу сделанно). Но тогда врапперу релейтив надо дописать, а у футера маргин убрать, и ширину указать.
-
Все что нужно на боди: font:...; margin:0; background:...; - если есть height:100%; - если футер прижимаем к низу экрана
-
А ты прекращай практику так делать: body { font-family:Arial,Helvetica,sans-serif; height:auto !important; margin:0 auto; min-height:100%; padding:0; position:relative; width:900px; } Не жлобись, оберни все еще в один блок, и его уже центрируй и ширину ему задавай. Минимальное количество елементов это еще не показатель качества. А блок лайтбокса так возле боди и оставь. то что зеленым отметил - то лишнее, совершенно ненужные стили. У боди паддинги были в какомто одном нераспостраненном, и давно умершем браузере. Обнуляй у боди только маргин. Ну а релейтив ему тоже ненужен.
-
Никогда так не делай! psywalker, тебя как подменили, впервые вижу от тебя вредные советы.
-
Да для тестера это круче виагры Для инпута пиши ширину, паддинги, маргины. Если по дизайну ненадо маргина то просто обнули, так как есть не во всех браузерах, но есть. Ну а бордер если по дизайну нестандартный то меняй, если стандартный то оставляй дефолтный.
-
у инпутов еще и паддинги есть, и тоже разные в разных браузерах и бордеры
-
На самом деле это все подсказал Justnewone, просто ты его непонял. Мне до этого еще не приходилось пользоватся noscript.
-
Ну причем тут ты?
-
Я в шоке... Эти слова далеки от веб. Вот вы восхищались сайтами Лебедева. Вы у них хоть один сайт видели с таким подходом? Для кого? Не ровняйте по себе всех. Если вам комфортно работать на таком монике (и это понятно - ведь вы дизайнер), то не забывайте что программист комфортно себя чувствует и на 17". Вы подвинули дроп на 20 пиксов влево, но теперь для красоты и #topmenu-place тоже надо подвинуть на 20пикс влево
-
Кстати почему говоришь что нельзя менять хтмл? Как тогда картинки собирался вставлять?
-
Если ты хочешь поцепить на Н3 два бекграунда(серый фон на весь Н3 и белый только там где текст) то средствами css2.1 я незнаю как это решить. Если же серый фон это не фон самого Н3 а фон родителя, то метод решения уже был описан. ТС опиши ситуацию более конкретно.
-
можна так: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> #menu div.outline a{ padding:5px 30px; background:#eee; display:block; border-bottom:1px solid #ddd; color:#005050; } </style> <script type=text/javascript> function clickHandler(e) { var strelka, targetId, srcElement, targetElement; srcElement = e.srcElement ? e.srcElement : e.target; if (srcElement.className == "outline") { targetId = srcElement.id + "details"; strelka = srcElement.id + "str"; targetElement = document.getElementById(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; document.getElementById(strelka).src="ksmenu/expanded.gif"; } else { targetElement.style.display = "none"; document.getElementById(strelka).src="ksmenu/collapsed.gif"; } } } </SCRIPT> </head> <body> <DIV id=menu class=menu_left> <B style="cursor: pointer" id=Out1 class=outline onclick=clickHandler(event)><IMG id=Out1str src="ksmenu/treug.gif" width=7 height=10>Меню 1</B> <DIV style="DISPLAY: none" id=Out1details class=outline> <A href="menu11.shtml">Строка 1</A> <A href="menu12.shtml">Строка 2</A> <A href="menu13.shtml">Строка 3</A> <A href="menu14.shtml">Строка 4</A> <A href="menu15.shtml">Строка 5</A> </DIV> </DIV> <noscript> <style type="text/css"> #menu div{ display:block !important; } </style> </noscript> </body> </html>
-
я пока с работы домой дойду, то тут уже все сделают
-
Самый распостраненный размер монитора - 17" (1024х768). Почему ваши дизайны не оптимизированны под этот размер? Я не про ширину, а про высоту. Если на 19" приходится скролить вниз чтобы футер увидеть, то как себя будут чувствовать обладатели мониторов 17"? Да и в ширину неполучилось вам оптимизировать так как появляется горизонтальный скролл чтобы ширину подправить надо блок #stUI5_dv сместить левее пикселей на 20.
-
Да так действительно лучше.
-
Какого броска? Можна и сразу display:none писать в css, а display:blok джсом делать. Но тогда при отклоченном джс меню будет закрыто и недоступно. Именно как это решить и спрашивал ТС. Что за бросок? Незнаю, невидел, всеголишь решаю задачу ТС
-
Я тоже не силен в джс, поэтому мой код врядли можна назвать оптимальным, но всеже чтото набросал <!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=utf-8" /> <title>test</title> <script type="text/javascript"> <!-- function initScript(){ var _menu=document.getElementById('menu'); var _itemMenu=_menu.getElementsByTagName('ul'); var _btn=_menu.getElementsByTagName('a'); for(var i=0;i<_itemMenu.length;i++){ _itemMenu[i].style.display='none'; } for(var i=0;i<_btn.length;i++){ if(_btn[i].className.indexOf('btn')!=-1){ _btn[i].onclick=function(){ var _openBlock=this.parentNode.getElementsByTagName('ul'); if(_openBlock[0].style.display=='none'){ _openBlock[0].style.display='block'; }else{ _openBlock[0].style.display='none' } return false; } } } } if(window.addEventListener)window.addEventListener("load",initScript,false); else if(window.attachEvent)window.attachEvent("onload",initScript); //--> </script> </head> <body> <ul id="menu"> <li><a class="btn" href="#">lorem</a> <ul> <li><a href="#">lorem</a></li> <li><a href="#">lorem</a></li> <li><a href="#">lorem</a></li> <li><a href="#">lorem</a></li> <li><a href="#">lorem</a></li> </ul> </li> <li><a class="btn" href="#">lorem</a> <ul> <li><a href="#">lorem</a></li> <li><a href="#">lorem</a></li> <li><a href="#">lorem</a></li> <li><a href="#">lorem</a></li> <li><a href="#">lorem</a></li> </ul> </li> </ul> </body> </html>
-
Хм... ученик говоришь. Можна так: <html> <head> <title>Жанры компьютерныx игр</title> </head> <body link="#cecece" vlink="red" background="1.jpg"> <H1><P ALIGN=CENTER>Жанры компьютерныx игр</P></H1> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td><a href="2.html">Стратегии</a></td> <td><a href="3.html">Шутеры</a></td> <td><a href="4.html">Симуляторы</a></td> <td><a href="5.html">Квесты</a></td> <td><a href="6.html">MMORPG</a></td> <td><a href="7.html">Экшен</a></td> <td><a href="8.html">О Играx и геймераx</a></td> </tr> <tr> <td colspan="7"> <p>Как мне добавить текст на сам сайт, чтоб он был паралельно меню сайту, а то я добовляю текст. а он идет либо под меню, либу перед менЮ. мне надо как на всеX сайтаX!</p> <p>имено html, без всЯкиX помогите плиз, что вставить надо перед текстом</p> </td> </tr> </table> </body> </html> или так <html> <head> <title>Жанры компьютерныx игр</title> </head> <body link="#cecece" vlink="red" background="1.jpg"> <H1><P ALIGN=CENTER>Жанры компьютерныx игр</P></H1> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"><a href="2.html">Стратегии</a></td> <td align="center"><a href="3.html">Шутеры</a></td> <td align="center"><a href="4.html">Симуляторы</a></td> <td align="center"><a href="5.html">Квесты</a></td> <td align="center"><a href="6.html">MMORPG</a></td> <td align="center"><a href="7.html">Экшен</a></td> <td align="center"><a href="8.html">О Играx и геймераx</a></td> </tr> </table> <p>Как мне добавить текст на сам сайт, чтоб он был паралельно меню сайту, а то я добовляю текст. а он идет либо под меню, либу перед менЮ. мне надо как на всеX сайтаX!</p> <p>имено html, без всЯкиX помогите плиз, что вставить надо перед текстом</p> </body> </html>
-
фига ссе... только что рассмотрел это чудо <li><a href="2.html">Стратегии<BODY text=#F5F5F5></a> ТС наверное вам надо не на форум этого сайта, а сюда http://stepbystep.htmlbook.ru/ и читать впервую очередь все что касается html. Еще никого неотправлял туда. Но тут особый случай.
-
для начала можна попробовать позакрывать теги </li> </ul>
-
Я пргосто так понял что клиент какраз таки хочет чтобы было с тенью. Но на тех сайтах что делает ТС нет тени даже на маке. ТС, если я неправ то поправь.