-
Posts
13707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Да, прикольный фикс)))) Структура становиться менее читаемой.
-
Нет, это неправильно. От этого страдает семантика.
-
Да, погоди, не надо никаких height: 1%, я же тут привёл логику этого браузера. http://forum.htmlbook.ru/index.php?s=&...st&p=182831 Если ты делаешь ссылку блочной, и при этом ширина ей ненужна. Поставь ей ширину width: 100%; и всё. Вот самое нормальное решение.
-
Возьми мой последний пример, протести. У тебя есть отступы?
-
Вот у меня отступов нет. <!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>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссылка как блочный элемент */ padding: 5px; /* Поля вокруг надписи */ text-decoration: none; /* Убираем подчеркивание у ссылок */ color: #666; /* Цвет текста */ zoom:1; } </style> </head> <body> <ul> <li><a href="linkcl.html">Cyп-харчо</a></li> <li><a href="linkc2.html">Лилибдж</a></li> <li><a href="linkc3.html">Чихиртма</a></li> <li><a href="linkc4.html">Шашлык</a></li> </ul> </body> </html>
-
ок, а где стоит флоат, а где абсолют? Вот так? <!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>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ float: left; position: relative; } A { display: block; /* Ссылка как блочный элемент */ padding: 5px; /* Поля вокруг надписи */ text-decoration: none; /* Убираем подчеркивание у ссылок */ color: #666; /* Цвет текста */ position: absolute; } </style> </head> <body> <ul> <li><a href="linkcl.html">Cyп-харчо</a></li> <li><a href="linkc2.html">Лилибдж</a></li> <li><a href="linkc3.html">Чихиртма</a></li> <li><a href="linkc4.html">Шашлык</a></li> </ul> </body> </html>
-
А можешь привести полный код.
-
А ты ничего не путаешь? В твоём примере выше нет никаких абсолюта и флоатами и зума?
-
Есть. Когда не прописываешь ссылке например ширину, то она сама выбирает отступы, т.е. отталкивается от чего то IE-шного. Это один из их глюков. Тут надо смириться)
-
Хааа, ну ты и приколист, спросил тоже, откуда он берётся) Влад, ЭТО IE А мир спасает как обычно zoom: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>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} #img { float: left; width: 300px; height: 600px; background: red;} #wrap { overflow: hidden; zoom:1;} .float { float: left; width: 100px; height: 100px; background: #000; margin: 2px;} </style> </head> <body> <div id="img"></div> <div id="wrap"> <div class="float"></div> <div class="float"></div> <div class="float"></div> <div class="float"></div> <div style="clear: both;"></div> <div class="float"></div> <div class="float"></div> <div class="float"></div> <div class="float"></div> </div> </body> </html>
-
Ну а чё, прикольный макетик и нетрудный. Прикольнись конеша)
-
Dinow, когда то верстал его тоже. Если интересно, посмотри http://psywalker.ru/Portfolio/BusinessName.../main-page.html
-
Вот когда то её тоже верстал, и пытался семантику изобразить))) http://psywalker.ru/SAITS/Raira/main-page.html
-
http://forum.htmlbook.ru/index.php?s=&...st&p=182044
-
Можно. Нужно делать через абсолют.
-
Ну да, вообще фигня, ни о чём.
-
Ага, спасибо Влад. Только с английским вот беда(((
-
А вот такой эффект замутил. Только смотреть в ИЕ! http://psywalker.ru/Zercalo/1.html
-
Vlad, а объясни плиз принцип действия matrix в CSS3, что за цифры и что они все значат? -moz-transform: matrix(1, 0, 0, -1, 0, 0);
-
Ну и что, ведь это тут не главное. Главное сама идея то ведь пашет?
-
Лови дружище http://psywalker.ru/Zercalo/P1013005.gif