Jump to content

an1401

Newbie
  • Posts

    27
  • Joined

  • Last visited

Everything posted by an1401

  1. Всем добрый день! Оцените пожалуйста верстку. Особое внимание на кроссбраузерность. Знаю что в ie6-7 ужасно(как это исправить это у меня второй вопрос )
  2. Вопрос. Как с помощью стилей сделать вывод списка в 2,3,4 и т.д. столбца?
  3. Согласен, возьму на заметку. По кроссбраузерности: знаю что в ie ниже восьмого отстойно смотрится, ну а если брать ie8+, и остальные ... Как в них оцените?
  4. Буду рад любой критике Смотреть тут
  5. Добрый день! И все же у меня никак не получается сделать такое: прием используемый выше, не дает желаемого результата. Если делать выделение тэга li фоном, то все пункты меню становятся одинаковой ширины, что в данном случае не подходит, так как названия пунктов меню разные(одно, два слова)... Что посоветуете в этом случае?
  6. а если вместо треуголка будет типа вот этой фигура: как в этом случае ее реализовать? Картинкой. круто, спасибо
  7. а если вместо треуголка будет типа вот этой фигура: как в этом случае ее реализовать?
  8. Вроде разобрался как увеличить? Подскажите по css? что для чего li a:hover:after{ content: ' '; —--? position:absolute; —- понятно. border-left: 10px solid transparent; —-? border-right: 10px solid transparent; —--? border-top: 5px solid #2B6DB7; —-? bottom:-4px; —-- понятно left:43%; —- понятно }
  9. А размер треугольника снизу можно как нибудь увеличить, через ваш предложенный вариант?
  10. Спасибо, если придерживаться заданного дизайна, внешний вид меню можно отредактировать? Возможно это реализовать например через фоновые картинки элементов? Например эту картинку порезать как нибудь и присвоить фоном элементам, ну чтобы было как в заданном дизайне?
  11. желательно, под все, ie6 можно лесом
  12. Здравствуйте уважаемые, у меня такой вопрос... Нужен результат вот такой: при навидение на ссылку у ней появляется вот такой фон. Никак не пойму как это сделать, помогите пожалуйста советом. код: <div id="top_menu"> <ul> <li><a href="/">Главная страница</a></li> <li><a href="/">О компании</a></li> <li><a href="/">Услуги</a></li> <li><a href="/">Популярное</a></li> <li><a href="/">Контактная информация</a></li> </ul> </div>
  13. спасибо вопрос закрыт
  14. нет, все просто съезжает влево на 10 рх, но при добавлении к контент содержимого, полоса появляется и все страницы выглядят одинаково, вопрос именно в том что при пустык страницах полосы нет, и все вроде бы ок, но там где полоса идет сдвиг влево на 10рх...
  15. Здравствуйте, у меня такой вопрос, При появлении вертикальной полосы прокрутки, дизайн страницы сдвигается влево на 10рх, как можно это исправить с помощью css?
  16. Нифига ребята , да вы за пару секунд все сварганили. Спасибо за помощь, щас час буду разбирать что к чему :D слушай а че это у тебя за прога такая интересная?
  17. Повторю вопрос. Как должна себя вести таблица или див, в случае, если ее высота больше, чем высота дива? Либо убирай у дива высоту. Из кода выше: высота дива height="247px" высота таблицы height="247px"
  18. ну что бы по дизайну типа цвет и толцина полосок была как на .jpg
  19. т.е. можно прописать у tr отдельно нижние и верхние грацы?
  20. из-за фона все так и поехало так как он не тянеться, пардон но это на мой взгляд очевидно. а без фона как все это сделать то )))))
  21. дак у меня у дива фон статичной высоты он не тянется... margin:0px; поставил))) а как с границами у табла поступить, что б былло как в оригинале?
  22. На счет класссов, это я быстро накидал))) А дак как поступить все же ? не использовать табл?
  23. Здравствуйте, у меня такая задачка интересная)))) Есть прайс лист в jpg в дизайне сайта, нужно его сверставть в html, что бы была возможность в дальнейшем его редактировать через админку. Вот jpg: ну я решил сделать это следующим образом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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"> <!-- #prais1 { background-image: url(img/prais%20lazernai%20gravirovka_test.jpg); background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; } .стиль1 {font-size: 18px} .стиль2 {font-size: 14px; } .стиль4 {font-size: 12px; } .стиль5 {font-size: 10px; font-weight: bold; } .стиль6 {font-size: 12; } --> </style> </head> <body> <div id="prais1" style="position: relative; left:250px; top:25px; width:661px; height:247px;"> <table width="661px" height="247px" border="1" cellpadding="0" cellspacing="1"> <tr> <td colspan="2"><p align="center" class="стиль1 стиль2">Лазерная и механическая гравировка</p></td> </tr> <tr> <td colspan="2"><p align="center" class="стиль4"> В таблице приведены цены на изделия, выполненные методом механической гравировки, а также расходные материалы для этих изделий</p></td> </tr> <tr> <td width="468"><p align="center" class="стиль5">Наименование изделия</p></td> <td width="146"><p align="center" class="стиль5">Цена, рубли</p></td> </tr> <tr> <td class="стиль2"><p align="left" class="стиль6">Пломбир простой под свинец</p></td> <td class="стиль2"><p align="center" class="стиль6">189,0</p></td> </tr> <tr> <td class="стиль2"><p align="left" class="стиль6">Пломбир простой под свинец</p></td> <td class="стиль2"><p align="center" class="стиль6">189,0</p></td> </tr> <tr> <td class="стиль2"><p align="left" class="стиль6">Пломбир простой под свинец</p></td> <td class="стиль2"><p align="center" class="стиль6">189,0</p></td> </tr> <tr> <td class="стиль2"><p align="left" class="стиль6">Пломбир простой под свинец</p></td> <td class="стиль2"><p align="center" class="стиль6">89,0</p></td> </tr> </table> </div> </body> </html> Вот что получилось: Таблица тянется!!! Меня уто не устраивает, нужно что бы все было как на оригинале.... Может у кого есть какие идеи?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy