psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
li { font-size: 3em; vertical-align: top;} p { font-size: .2em;} <ol> <li> <p>Компания Sony ComputeККомпания Sony Computer Entertainment Europe собирается переводить на русский язык проекты для консолей PlayStation, об этом говорится вКомпания Sony Computer Entertainment Europe собирается переводить на русский язык проекты для консолей PlayStation, об этом говорится вомпания Sony Computer Entertainment Europe собирается переводить на русский язык проекты для консолей PlayStation, об этом говорится вr Entertainment Europe собирается переводить на русский язык проекты для консолей PlayStation, об этом говорится в</p> </li> </ol>
-
так ты не описал проблему друг))
-
AjiTae я думал о кнопке, просто проблема ещё получилась в стрелочке,которая слева, на что её вешать?
-
AjiTae бла-бла-бла, решение сэр! :D
-
в ИЕ7 не работает из-за: clip:rect(20px,auto,auto,20px);
-
greengarden.ru - окончательный вариант :)
psywalker replied to Verder's topic in Discussion of works
Я об этом в начале написал)) -
Закройте тему, я ошибся, извиняюсь!
-
Разберёшься тада сам, мне лениво отбирать то, что касается твоего вопроса! Вот эмуляция Фиксида <!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>Untitled Document</title> <style type="text/css"> div.fix{ background: left top no-repeat; width: 200px; height: 200px; position: absolute; left: 20px; top: 30px;} html, body{ width:100%; height:100%; overflow:hidden; } .over{ position: relative; width: 99%; height: 100%; overflow: auto;} .one{ position: absolute; bottom: 0; right:0; background: #900;} </style> </head> <body> <div class="one">fdfddf</div> <div class="fix">1</div> <div class="over"><p></p></div> </body> </html> А вот отдельные варианты: 1-й вариант <!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>Position Fixed</title> <style type="text/css"> #wrapper { width: 642px; margin: 0 auto; padding-right: 243px; } #container { position: relative; z-index: 10; background: #00F; } #fixed { position: fixed; top: 0; left: 0; width: 100%; background: #960; } .fixed { position: relative; width: 240px; margin: 0 auto; top: 10px; left: 323px; background: #F00; } </style> <!--[if lt IE 7]> <style type="text/css"> #fixed { position: absolute; top: expression(parseInt(document.documentElement.scrollTop, 0) + "px"); left: 50%; margin-left: -321px; } </style> <![endif]--> </head> <body> <div id="wrapper"> <div id="container"> основное содержание страницы </div> <div id="fixed"> <div class="fixed"> блок, который надо зафиксировать </div> </div> </div> </body> </html> 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>form</title> <style type="text/css"> *{ margin:0; padding:0;} img { border: none; vertical-align: middle;} body { font: 12px Verdana, Geneva, sans-serif; color: #000; background: #C33;} p { margin: 7px 0;} form { width: 580px; background: #FCF; overflow: hidden; padding: 10px 4px;} form span { display: block; padding-left: 100px;} input[type="text"] { width: 440px; padding: 6px 5px; padding-left: 5px;} textarea{ width: 450px;} input[type="button"]{ float: right; padding: 3px 10px; margin-right: 10px;} input[type="radio"] { vertical-align: baseline;} select{ vertical-align: middle; width: 183px; padding: 5px;} label { width: 100px; float: left;} div { padding-left: 100px; margin: 3px 0 10px;} div label { float: none; 7vertical-align:middle; margin-right: 10px;} body{ padding:5em 0 0 0; } h1{ position:fixed; _position:absolute; top:0; _top:expression(eval(document.documentElement.scrollTop)); left:0; margin:0; padding:0; background:lime; } </style> </head> <body> <h1>dfasff sd fasffsdf</h1> <form action="#"> <p><label for="text">Тема</label><input type="text" value="Название темы" /></p> <p><label for="text">ВВ-коды</label><select><option>размер</option><option>размер2</option></select> <a href="#"><img src="form-over-img.jpg" alt="" /></a> <span>Подсказка: выше расположены кнопки быстрого форматирования</span> </p> <p><label for="text">Сообщение</label><textarea name="text" id="text" cols="30" rows="10"></textarea></p> <div>Тип топика: <input type="radio" /><label> Обычный</label> <input type="radio" /> <label>Обычный</label> <input type="radio" /><label>Обычный</label> <input type="radio" /><label>Обычный</label> </div> <input type="button" value="предпросмотр" /><input type="button" value="отправить" /> </form> </body> </html>
-
AMD Это если только у тебя времени до жопы, тебе 16 лет, как ему, тогда гуляй смело, а если тебе уже 25, то извини, но тут уже не до улицы...
-
так не пойдёт? http://psywalker.ru/Forum/button/ind.html Если что в ИЕ6 нужно просто уменьшить марджины: div div div { margin: 0 3px;}
-
Zippovich слушай дружище, а покажи картинку того, что хочешь получить, может я смогу заморочиться, я люблю такие темы, попробую помочь хотяб
-
greengarden.ru - окончательный вариант :)
psywalker replied to Verder's topic in Discussion of works
Если по коду, то 61-строка, блочный элемент происходит от строчного, это неправильно, должно быть наоборот... <span class="copy"> © 2009 — Greengarden</span> -
Извините Searcher, но ваш вариант к сожалению не стоит свеч ..
-
http://www.postroika.ru/html/35step2.html начинай с этой страницы и так далее...
-
Да вот и я об этомже, пока ИЕ будет умирать - button уже вымрет
-
yopopt Извини друг, а объясни, чем он лучше <input type="button" /> ? Да и вообще в каких случаях его уместно использовать и почему?
-
А почему нельзя использовать <input type="button" /> ? Просто я никогда не пользуюсь твоим элементом, чем он лучше, и вообще кажется, что он некорректно может отображаться в ИЕ?
-
Вот и продолжай отдыхать, ни к чему тебе всё это
-
слушай, а что за элемент такой: <button></button> ? Не слышал о таком
-
Присоединяюсь на все 100%;
-
Fu-tai Кстати насчёт вот этого примера я бы поспорил с вами, так как сам лично верстал этот макет и также сделал это меню таблицей, почему? Да потому что иногда бывают такие вещи, которые лучше делать таблицей, дабы добиться цели и нужного результата. Не думайте, что я люблю таблицы или использую её повсюду, нет, просто я иногда жертвую семантикой ради красоты и цели, приходится знаете-ли... Я пол-дня убил на то, что-бы сделать это меню списком, но потом понял, что этот вариант не прокатит (по крайней мере у меня), точнее добиться такого же эффекта списком не получиться..Потому-что задача диктует условия, которые под силу только таблице, или можно списком, но с небольшими косяками, а где-то и покрупнее..Так что если у вас найдётся время, посветите его этой задаче ради интереса, заодно и людей порадуете, потому-что все, кто верстал этот макет, верстали это меню именно Таблицей
-
Игорь Ермаков Послушай, с таким подходом к делу ты никогда не получишь нормальный опыт, сделай так чтоб ничего не убивалось, и сверстай нормально, если ты уже его месяц верстаешь, то тебе ещё и разбавить, чтоб ты вообще на год засел? болты тебе, а не макет , вот когда сделаешь по максимуму, как можешь хотя-бы, мы проверим, а потом следующий получишь!
-
дружище, как минимум наизусть! http://stepbystep.htmlbook.ru/
-
greengarden.ru - окончательный вариант :)
psywalker replied to Verder's topic in Discussion of works
Правый верхний угол у блока надо было сделать ПНГ, а так в целом Отлично на мой взгляд! -
Игорь Ермаков Да ты уже обещаешься месяц помойму, давай уже доверстай наконец, потом скину тебе не вопрос!