Sven
-
Posts
20 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Sven
-
Вывод страницы в зависимости от ширины экрана (браузера)
Sven replied to Sven's question in JavaScript
Не совсем то, нужно определить для каждого разрешения монитора свой код -
Всем привет. Имеется следующая картина. Есть макет шириной в 2100 пикселей и высотой в 1900, нужно сверстать точь в точь. Я это сделал, но у самого монитор "футбольное поле" (1920*1080). Вот тут нужно думать и о 1024*768, например. Слышал и читал, что можно определить ширину браузера с помощью javascript и вывести инфу в зависимости от условия, но тут другая проблема - я плохо разбираюсь в js. Я думаю суть ясна, прошу Вашей помощи. Заранее благодарен P.S. Информации надо будет вывести строк 5-10 или сразу весь <body></body>
-
Всем привет. Столкнулся с проблемой верстки вертикального меню. Сейчас выполнено в таком духе <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> Заранее всем спасибо.
-
В общем нужно чтоб ВЕЗДЕ скруглились углы, может кто знает какие-либо методы? Заранее спасибо
-
В общем, когда вставил тот костыль что есть в первой ссылке из поиска гугла - всё разъехалось к чертям. Если можете, покажите пожалуйста на моем примере. UPD: Всё, разобрался, немного изменив тот код - получилось
-
Я ж написал что гугли, но у меня не получилось (наверное так правильней будет)
-
Добрый день. Перед тем как писать - я гуглил, но мне ничего не помогло. Проблема в том что не получается прижать футер к низу. Вот страница где нужно исправить http://club-mobile.info/test/ т.е. нужно, когда мало контента, чтоб футер всё равно прижимался. Вот скрин: Стрелочками указано что куда сместить. Заранее благодарен.
-
Оффтоп: ТС, напишите пожалуйста какие у вас модули стоят. Понравился сайт по конструкции.
-
Двиг нужен исключительно для облегчения работы. Т.е. добавления новостей и работ, возможно в будущем будет книга отзывов. Не знаю на каком двиге это сделать, пытался на ВП - сильно муторное дело.
-
Всем привет. Наверное у многих есть свои сайты-визитки (если это так можно назвать) - где размещаются ваши работы, услуги и т.д. Посоветуйте какой-нибудь движок для этого, с которым вы работали. Заранее благодарен
-
У меня же два цвета) Для неактивной и активной вкладки а z-index'om эту проблему никак не решить? Днло в том, если указать з-индекс для само вкладки - уголок, который должен быть поверх - исчезает под вкладки
-
Спасибо, попробую нарезать существующие картинки.
-
d0ublezer0, почти. Справа поверх следующей, а слева на заднем плане А как это получится назначить - если свойство задается в CSS?
-
Это не так Я сам не люблю когда за меня делают, просто прошу указать на мою ошибку. http://allmobile.devart.pro/forum/ Вот сам сайт, менюшка именно в ИЕ хандрит
-
У Вас ширина кнопочек полная, а к моим кнопкам полную ширину нельзя применить (Она = 300px), поэтому справа на каждую вкладку накладывается еще одно изображение, точнее кусочек изображения - чтоб вкладка выглядела закругленной...но в ИЕ почему-то это не работает - сама вкладка становится поверх этого кусочка, установка z-index для вкладки - не помогает
-
Ссылку дать не смогу, извините. Сама вкладка это одна картинка, но та часть которая накладывается сверху га следующую вкладку - накладывается с помощью z-index, но в ИЕ почему-то не работает. Чем это можно заменить?
-
Есть еще предложения? Очень нужен совет
-
d0ublezer0, дело в том, что каждая вкадка идет одной картинкой и каждая вкладка должна накладываться на следующую (т.е. правый край), но в ИЕ как вы видите не хочет, картинка вылазит вперед. На вашем примере не понял немного
-
Всем привет, прошу помочь в следующих проблемах. Отображение вкладок в ИЕ Отображение в Хроме Код <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; } Заранее благодарен.
-
Спасибо, помогло margin: 0. Вроде пробовал ставить, но ничего не происходило. Спасибо за помощь
-
psywalker, т.е.?
-
Доброе время суток, уже сколкьо времени не могу разобраться в чём проблема. Имеется меню создано с помощью 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, меню съехало вправо Помогите пожалуйста решить вопрос