Jump to content

Sven

Newbie
  • Posts

    20
  • Joined

  • Last visited

Everything posted by Sven

  1. Не совсем то, нужно определить для каждого разрешения монитора свой код
  2. Всем привет. Имеется следующая картина. Есть макет шириной в 2100 пикселей и высотой в 1900, нужно сверстать точь в точь. Я это сделал, но у самого монитор "футбольное поле" (1920*1080). Вот тут нужно думать и о 1024*768, например. Слышал и читал, что можно определить ширину браузера с помощью javascript и вывести инфу в зависимости от условия, но тут другая проблема - я плохо разбираюсь в js. Я думаю суть ясна, прошу Вашей помощи. Заранее благодарен P.S. Информации надо будет вывести строк 5-10 или сразу весь <body></body>
  3. Всем привет. Столкнулся с проблемой верстки вертикального меню. Сейчас выполнено в таком духе <td class="cat_box"> <ul> <li><a href="/catalog/furniture/office/">Офисная мебель</a></li> <li><a href="/catalog/furniture/textile/">Текстиль</a> <ul> <li><a href="/catalog/furniture/bath/">Для ванной</a></li> <li><a href="/catalog/furniture/bedroom_txt/">Для спальни</a></li> <li><a href="/catalog/furniture/co_/">Ковры</a></li> </ul> </li> </ul> </td> .cat_box { background: #ffffff; border: 1px solid #f0efef; border-top: 0px; color: #00549b; } .cat_box a { color: #00549b; text-decoration: none; font: 17px Georgia, "Times New Roman", Times, serif; display: block; } .cat_box a:hover { color: #ffffff; text-decoration: none; font: 17px Georgia, "Times New Roman", Times, serif; } .cat_box ul li:hover { color: #ffffff; text-decoration: none; font: 17px Georgia, "Times New Roman", Times, serif; background: #f58320; display: block; padding-top: 5px; padding-bottom: 5px; margin-left: 3px; margin-right: 3px; padding-left: 37px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } .cat_box li li:hover{ color: #f58320; text-decoration: none; font: 17px Georgia, "Times New Roman", Times, serif; display: block; padding-top: 5px; padding-bottom: 5px; } .cat_box ul { list-style-type: none; padding: 0px; } .cat_box ul li { padding-left: 40px; display: block; padding-top: 5px; padding-bottom: 5px; } Проблема в следующем. При открытом подменю, когда наводим на один из пунктов подменю - выделяется полностью весь тег <li> В чем проблема я понимаю, но не получается решить её. Скрин проблемы Нужно выделять строку (как сейчас есть), на тег <a> не получается такое прикрутить, получилось лишь на <li> Заранее всем спасибо.
  4. В общем нужно чтоб ВЕЗДЕ скруглились углы, может кто знает какие-либо методы? Заранее спасибо
  5. В общем, когда вставил тот костыль что есть в первой ссылке из поиска гугла - всё разъехалось к чертям. Если можете, покажите пожалуйста на моем примере. UPD: Всё, разобрался, немного изменив тот код - получилось
  6. Я ж написал что гугли, но у меня не получилось (наверное так правильней будет)
  7. Добрый день. Перед тем как писать - я гуглил, но мне ничего не помогло. Проблема в том что не получается прижать футер к низу. Вот страница где нужно исправить http://club-mobile.info/test/ т.е. нужно, когда мало контента, чтоб футер всё равно прижимался. Вот скрин: Стрелочками указано что куда сместить. Заранее благодарен.
  8. Оффтоп: ТС, напишите пожалуйста какие у вас модули стоят. Понравился сайт по конструкции.
  9. Двиг нужен исключительно для облегчения работы. Т.е. добавления новостей и работ, возможно в будущем будет книга отзывов. Не знаю на каком двиге это сделать, пытался на ВП - сильно муторное дело.
  10. Всем привет. Наверное у многих есть свои сайты-визитки (если это так можно назвать) - где размещаются ваши работы, услуги и т.д. Посоветуйте какой-нибудь движок для этого, с которым вы работали. Заранее благодарен
  11. У меня же два цвета) Для неактивной и активной вкладки а z-index'om эту проблему никак не решить? Днло в том, если указать з-индекс для само вкладки - уголок, который должен быть поверх - исчезает под вкладки
  12. Спасибо, попробую нарезать существующие картинки.
  13. d0ublezer0, почти. Справа поверх следующей, а слева на заднем плане А как это получится назначить - если свойство задается в CSS?
  14. Это не так Я сам не люблю когда за меня делают, просто прошу указать на мою ошибку. http://allmobile.devart.pro/forum/ Вот сам сайт, менюшка именно в ИЕ хандрит
  15. У Вас ширина кнопочек полная, а к моим кнопкам полную ширину нельзя применить (Она = 300px), поэтому справа на каждую вкладку накладывается еще одно изображение, точнее кусочек изображения - чтоб вкладка выглядела закругленной...но в ИЕ почему-то это не работает - сама вкладка становится поверх этого кусочка, установка z-index для вкладки - не помогает
  16. Ссылку дать не смогу, извините. Сама вкладка это одна картинка, но та часть которая накладывается сверху га следующую вкладку - накладывается с помощью z-index, но в ИЕ почему-то не работает. Чем это можно заменить?
  17. Есть еще предложения? Очень нужен совет
  18. d0ublezer0, дело в том, что каждая вкадка идет одной картинкой и каждая вкладка должна накладываться на следующую (т.е. правый край), но в ИЕ как вы видите не хочет, картинка вылазит вперед. На вашем примере не понял немного
  19. Всем привет, прошу помочь в следующих проблемах. Отображение вкладок в ИЕ Отображение в Хроме Код <ul id="top_menu"> <li><a href="/">Портал</a><b> </b></li> <li class="current"><a href="/forum">Форум</a><b> </b></li> <li><a href="">Кнопка</a><b> </b></li> <li><a href="">Доска объявлений</a><b> </b></li> <li><a href="">Каталог телефонов</a><b> </b></li> </ul> CSS ul#top_menu { list-style:none; display:block; margin:0; padding:0; } ul#top_menu li { background:transparent url(/top_menu_bg.png) no-repeat scroll left bottom; display:block; float:left; height:21px; margin-right:2px; margin-top:7px; overflow:visible; padding:5px 20px 0 27px; position:relative; } ul#top_menu li a { text-decoration:underline; font-size:11px; color:#7B7B7B; } ul#top_menu li b { background:transparent url(/top_menu_bg.png) no-repeat scroll right bottom; display:block; height:26px; position:absolute; right:-20px; top:0; width:20px; z-index:2; } И еще одна проблемка в хроме, не пойму откуда берется пиксельный пробел Код <table width="955px" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="announces" width="955px"> <table> <caption>Новости</caption> <tr> <td style="padding: 0px 0px 0px 20px; vertical-align: middle;"> <a href="#"><img src="/img1.jpg" width="96" height="60" style="background: #ffffff; padding: 4px; border: 1px solid #f87909;"></a> </td> <td width="10px"></td> <td style="vertical-align: middle;"> <strong></strong><p>Text</p> </td> <td width="25px"></td> <td style="vertical-align: middle;"> <a href="#"><img src="/img1.jpg" width="96" height="60" style="background: #ffffff; padding: 4px; border: 1px solid #f87909;"></a> </td> <td width="10px"></td> <td style="vertical-align: middle;"> <strong></strong><p>Text</p> </td> </tr> </table> </td> </tr> </table> <div class="shadow"></div> CSS .announces { background:#FBFBFB url(n_a_bkg.png) repeat-x 0px 21px; padding:0;} .announces table { border:1px solid #94A3AA; width:100%; padding: 0px 0px 10px 0px; width: 955px;} .announces caption { background:transparent url(/title_bkg.jpg) repeat scroll 0 -162px; text-align:left; padding:3px 10px; font-weight:bold; color:#FFFFFF; } Заранее благодарен.
  20. Спасибо, помогло margin: 0. Вроде пробовал ставить, но ничего не происходило. Спасибо за помощь
  21. Доброе время суток, уже сколкьо времени не могу разобраться в чём проблема. Имеется меню создано с помощью ul, li. В Опере, ФФ, Хроме - всё хорошо, а в ИЕ получается двойной отступ (Или мне так кажется) Код меню <dl class="left_menu"> <dt class="lm_title"><span><b class="lmt_ico"> </b><b class="lmt_sh"> </b>Заголовок</span></dt> <dd> <ul class="sub"> <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> </dd> </dl> Код CSS .left_menu {font: 12px Arial, Helvetica, sans-serif; } .left_menu li {padding: 0;} .left_menu a:link, .left_menu a:visited {color: #717171;} .left_menu a:hover {color: #000000;} .sub {padding: 3px 8px 12px 35px;} .sub li {padding: 2px 0 2px 22px; border-bottom: 1px dotted #a8a59d; background: url(/forum/images/im/lm_arrow.gif) 0 8px no-repeat; white-space: nowrap; } .lm_title span {height: 25px; line-height: 25px; color: #ffffff; background: url(/forum/images/im/lm_title.png); padding-left: 33px;} .lmt_ico {background: url(/forum/images/im/lmt_ico.png); width: 17px; height: 25px; position: absolute; top: 0; left: 0;} .lmt_sh {background: url(/forum/images/im/lmt_sh.png); width: 89px; height: 7px; position: absolute; bottom: -7px; left: 10px;} - Opera ,всё отлично - IE, меню съехало вправо Помогите пожалуйста решить вопрос
×
×
  • 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