psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Нижняя граница строки в таблице фоном....
psywalker replied to alexander.parphenuyk's question in HTML Coding
Даа ппц, вершина гениальности! -
Ребята наши говорят что придётся тебе файл стилей сделать для ИЕ специальный, а подключить его так же, как и обычный, между элементом <head></head> <!--[if IE]><link type="text/css" href="css/ie.css" rel="stylesheet" media="all" /><![endif]-->
-
Тааакс, чё ты там намутил всё не так, поэтому и не получается. Изначально подход не верный к трём колонкам. Нука подхватика код дружище нужный <!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"> *{ margin: 0; padding: 0;} body { min-width: 700px;} #left_bg { float: left; width: 300px; background: red;} #right_bg { float: right; width: 300px; background: red;} #content { overflow: hidden; background: blue; zoom:1; } </style> </head> <body> <div id="left_bg">Left</div> <div id="right_bg">Right</div> <div id="content">Тут какой-то контент</div> </body> </html>
-
Нижняя граница строки в таблице фоном....
psywalker replied to alexander.parphenuyk's question in HTML Coding
придётся тебе делать промежуточную строку, в которой будет ячейка, длинюющаая на всю таблицу, вот ей (td) и задавай -
Молодец, попробуй
-
Тебе нужно два дива разных замутить, и один наложить на другой
-
А нука попробуйка изменить и сделать под себя <!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"> *{ margin: 0; padding: 0;} ul { list-style: none; text-align: center;} ul li { display: inline-block; width: 200px; height: 300px; text-align: left; border: 1px solid #000; margin: 0 10px; } ul li a { display: block; color: red; padding: 4px 3px;} </style> <!--[if lte IE 7]> <style type="text/css"> ul li { display: inline; } </style> <![endif]--> </head> <body> <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> </ul> </body> </html>
-
Ты мне скрин покажешь или нет?
-
мои помощники говорят zoom:1;
-
покажи скрин того, что хочешь получить
-
Горькая правда
-
Ну молодец, ковыряйся конечно-же, но тайны никому не выдавай
-
Падение в месяц около 1% - это значит, что сдохнет через 2 года, не раньше!
-
аа, ты про это, неужели прям понравилось так?
-
Каким портфолио, откуда?
-
Да уж, это точно
-
Круто!
-
Searcher Да, но есть проблемы 1) Нельзя поставить высоту и рамки 2) Внутри нельзя размещать блочные элементы Поэтому мой пример надёжнее в этом плане
-
Вот дружище держи, как обещал вчера. Только не пойму в чём прикол, в общем когда в отдельные комментарии для ИЕ пишу свойство display: inline;, то пример работает, а когда пишу в общих стилях например так: //display: inline; - то в ИЕ они проигрывают общим. хм..ну ладно, будем разбираться в общем, а пока вот тебе решение твоей задачи: <!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"> *{ margin: 0; padding: 0;} ul { list-style: none; text-align: center; white-space: nowrap;} ul li { display: inline-block; width: 200px; height: 300px; text-align: left; border: 1px solid #000; margin: 0 10px; } ul li a { display: block; color: red; padding: 4px 3px;} </style> <!--[if lte IE 7]> <style type="text/css"> ul li { display: inline; } </style> <![endif]--> </head> <body> <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> </ul> </body> </html>
-
ага, и ещё 10 лет ждать, как минимум, пока это будет ИЕ поддерживать
-
А вот это как тебе? <!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"> *{ margin: 0; padding: 0;} ul { list-style: none; text-align: center;} ul li { display: inline-block; width: 200px; height: 300px; text-align: left; border: 1px solid #000;} </style> </head> <body> <ul> <li>Пункт 1</li> <li>Пункт 2</li> </ul> </body> </html> Чё то правда к ИЕ6-7 подобраться не могу, спать уже хочу, давай завтра вобщем добьём, может кто и поможет ещё
-
Значит плохо пробовал, давай ссылку на страницу
-
В смысле?
-
Вот я думаю кстати, что никак, сам лично делаю в таких случаях так: в LI помещаю DIV, и их уже там выравниваю если надо, вот типа как тут например: http://psywalker.ru/Portfolio/Sandex/main-page.html Вот это меню так сделано: <ul class="learn"> <li> <div> <img alt="" src="img/block1_bg.png" ilo-full-src="http://psywalker.ru/Portfolio/Sandex/img/block1_bg.png"/> <h2>Management<br/> Consulting</h2> <a class="learn_more" href="#">Learn more</a> </div> </li> <li> <div> <img alt="" src="img/block2_bg.png" ilo-full-src="http://psywalker.ru/Portfolio/Sandex/img/block2_bg.png"/> <h2>Market<br/> Assesment</h2> <a class="learn_more" href="#">Learn more</a> </div> </li> <li> <div> <img alt="" src="img/block3_bg.png" ilo-full-src="http://psywalker.ru/Portfolio/Sandex/img/block3_bg.png"/> <h2>Regulatory<br/> Support</h2> <a class="learn_more" href="#">Learn more</a> </div> </li> </ul> Надеюсь кстати, что кто нибудь и правда подскажет нам путь легче, чем этот, буду очень рад увидеть его
-
ага, а он думает сейчас за него всё сделают, а он даже палец о палец не ударит при этом