psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Verder, ну ты отмачиваешь, как обычно styleroom понял, иди учись
-
Тут всё понятно: вот тебе ссылочка, почитай ОБЯЗАТЕЛЬНО внимательно все разделы, для азов вполне хватит: http://softwaremaniacs.org/blog/category/web/primer/ По твоей проблеме я вижу просто тебе нужно побольше знаний, там ничего сложного в принципе нет: Есть контейнер с position:relative;, значит все контейнеры с position:absolute; находящиеся в нём , будут позиционироваться относительно его, вот и всё, а им уже в свою очередь ты можешь задавать z-index 1,2,3..., и чем он будет выше, тем ближе к тебе будет этот контейнер, у которого самый большой z-index
-
http://www.tigir.com/alpha_png.htm#stepbystep
-
sc@r@bey Можешь задавать position: absolute; блоку #top , но тогда он будет Позиционироваться относительно body, а не #content-inner, а если ты хочешь, чтобы он позиционировался Относительно #content-inner, тогда задай #content-inner position: absolute; или position: relative;
-
Боюсь, что всё из-за того, что ктото в стилях прописал глобальные правила для всех input , в том числе и <input type="checkbox" /> input { background:#FFFFCC none repeat scroll 0 0; border:1px solid #B3B9C3; color:#407DBA; padding:0; } 1) background:#FFFFCC - Фон для всех импутов 2) border:1px solid #B3B9C3; - Рамка для всех импутов Попробуй переназначить правила именно для input , с которыми у тебя проблема
-
Замутил такой Не валидный пример, не пойдёт? <!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>Div seredina</title> <style type="text/css"> *{ margin: 0; padding: 0;} div.one, div.two, div.three { height: 50px; border: 1px solid #00F; margin-bottom: 10px;} div.one { background: #900;} div.two { background: #903;} div.three { background: #906;} div#form { width: 300px; position: absolute; top: 30px; left: 50%; margin-left: -150px; visibility: hidden; } div#form form { visibility: hidden;} div#form input { display: block; width: 90%; margin: 10px auto;} div#form a { color: #000; font: bold 16px Verdana, Geneva, sans-serif; display: block; text-align: center; visibility: visible; } div#form a:hover form { visibility: visible;} </style> </head> <body> <div class="one">1</div> <div class="two">2</div> <div class="three">3</div> <div id="form"> <a href="#">Ссылка для формы <form action=""> <input type="text" /> <input type="password" /> <input type="submit" /> </form> </a> </div> </body> </html>
-
vvsh 1) Добавь Position: relative; 2) А можно на код посмотреть?
-
Игорь Ермаков А где он??
-
3ABAPKA Сделаю за 80 у.е. :)
-
1) А то, что я использую элемент <label> к Импутам - это нормально, правильно? 2) А иногда я использую <p> и засовываю в него Импут и Лэйбл, и использую <р>, как разделитель строк например, это правильно? 3) Я слышал, что использовать <p> в формах нельзя, потому что <p> предназначен для других целей, а в книжках как раз таки яростно используюм <p>, а всётаки кто прав? s0rr0w А я заметил, что вы поместили в <label><input type="radio" name="r1"> Радио 1</label> - это считается правельным?
-
rash А заказчики не против таких раскладов, ну вообще в целом?
-
rash И никогда никаких проблем не возникало с этим делом? Какие нибудь хотяб минусы имелись?
-
s0rr0w 1) Значит я пральна сделал? 2) А получается, что все содержимые формы всегда Табличные данные? 3) Ну а вообще какие минусы делать таблицу в форме или форму таблицей? rash А считаете это нормальным, а почемубы тада это не взять за правило?
-
Justnewone Ну вот смотрите например ситуация: http://psywalker.ru/xtrm/support.html , там форма в середине 2 колонки, слева Поля, справа Импуты, я сделал таблицей, по две ячейки, Но ведь можно было бы и по другому? Я просто не хотел делать например Лэйблам float: left; назначать, ну и ваще не хотел гемора с Дивами, Как считаете, тут моё действие оправдано?
-
Nekromancer 1) А что значит Контент в твоём понимании? 2) Почему форма и всякие инпуты относятся к контенту?
-
Ну а вообще это считается нормальным, ведь век таблиц уже прошёл и надо стараться верстать Дивами, но иногда таблица так выручает от всякого гемора?
-
Ребят, ситуация следующая: Один мой хороший знакомый кодер часто делает Формы в таблице, и говорит, что это правильно и чаще всего избавляет от ненужного гемора, так вот вопросы: 1) Правильно ли делать Формы в Таблице? Например есть две колонки, в Левой вопросы, а в Правой imput type="text" ? 2) Вообще таблицы подходят или предназначены для этого дела? 3) А как вы делаете , расскажите свои варианты, интересно послушать
-
Lich Не нервничай дружище, будет тебе Фикс: 1) Вот тебе эмуляция Фикс: Вставь в background: left top no-repeat; свою картинку и радуйся жизни)) <!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;} </style> </head> <body> <div class="fix">1</div> <div class="over"><p>Контент</p></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>Untitled Document</title> <style type="text/css"> 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>Фиксированный Заголовок</h1> </body> </html> Только не забудь для проверки страницу Хорошенько заполнить контентом 3) Всё правильно Браузеры делают, так и должно быть, а если ты хочешь Позиционировать элемент относительно body, тогда тебе просто Нужно вынуть твой Див из Родителся с position:relative; и вставить куда нибудь в body, вот тогда он будет Позиционироваться относительно body
-
rus Всё это потому что изначально свёрстано неправильно, много уже запущено и искать ошибки нет смысла эти, По хорошему нужно просто взять и переверстать, он не сложный, зато многое будет понятно
-
Lich Не может быыть, как этоо таааааккк???????? :)
-
s0rr0w А как думаете, в будущем возможно такое, что Css себя изживёт, тоесть какие нибудь программеры придумают какую нибудь машину, которая сама будет верстать сайты по запросам автора и верстальщики останутся без работы?
-
На те мою коллекцию, там есть всякие интересные книжки http://psywalker.ru/BOOKS.rar , а Дубакова забудь, это уже старьё, всётаки щас 2009 и вёрстка изменилась p.s. Особенно советую обратить внимание на эту книжку, она есть в моей коллекции: http://www.ozon.ru/context/detail/id/3881079/ изучи её наизусть, тогда увидишь плоды
-
klierik Да ты чё, этот профи такие сайты, как орешки щёлкает, ты его обидел считай :) homm Расскажи, как это сделать?
-
s0rr0w Вы нас пытаетесь запутать, никакая вы не Бестолочь :)
-
s0rr0w Вот вы попали под раздачу, столько вам вопросов посыпалось, вы на расхват прям)) Спасибо вам ОГРОМНОЕ за ответы, думаю, они смогут как то повлиять на моё видение всего этого дела..
