HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
absolute? Фиг вам - fixed!
Собственно есть проблемка, серьёзная, а решения в инєте нигд ене нашел, может кто-то сталкивался... Есть некоторая верстка, вверху страницы есть хеадер, спозиционированный как absolute. Так вот при переходе по внутренней ссылке на закладку в html документе этот абсолют ведет себя как фиксед, тобиш весь контент, тобиш остается вверху екрана когда должен был бы улететь далеко вверх за границы видимости. Наблюдается в фаерфоксе всех версий, експлорере 6-7(8 не пробовал). В опере все шоколадно. Может кто-то уже лечил?
0 votes26 answers -
Кроссбраузерность для Сафари
Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS
0 votes7 answers -
Сдуелать два слоя одинаковыми по высоте
В общем возник вот такой вопрос: какие есть варианты сделать два рядом стоящих слоя одинаковыми по высоте, например, есть такая раскладка: <style> div {float:left} .no1 {width:30%} .no2 {width:70%} </style> <div> <div class='no1'>content1</div> <div class='no2'>content2</div> </div> задача: сделать no1 и no2 одинаковыми по высоте, независимо, сколько в них содержиться информации. ps. для себя я эту задачу уже решил просто интересно, какие у кого еще есть предложения по этому поводу
0 votes8 answers -
Меню сайта
вот создал меню кнопки сделал в фотошопе.При наведении на кнопку она меняется Я правельно понимаю теперь нужно кнопки залить в папку IMEIGE и прописать код. <a class="shapka" href="http://www.express-mag.ru/index.php">'>http://www.express-mag.ru/index.php"> </a><a href="http://www.express-mag.ru/index.php" onMouseOut="MM_swapImgRestore()" onMouseOve"MM_swapImage('Image18','','Новая папка/knopka1.jpg',1)"><img src="Новая папка/knopka.jpg" name="Image18" width="199" height="40" border="0"></a> <td align="center" valign="middle"> <a class="shapka" href="http://www.express-mag.ru/index.php?show_price=yes">'>http://www.ex…
0 votes29 answers -
Валидация
Не могу проверить верстку валидатором. Выдает: Что в переводе Google означает: Подскажите, пожалуйста, что это за ошибка и где ее искать?
0 votes11 answers -
Шрифт и тень
возможно ли создать шрифт, который будет отбрасывать тень средствами css?
0 votes10 answers -
Прозрачные иконки
Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон
0 votes15 answers -
Как растянуть <div> в Firefox?
Имеется (с фиксированной шириной и нефиксированной высотой) с неким текстом, вложенный в другой ( тоже с фиксированной шириной и нефиксированной высотой). При изменении текста внутренний растягивается и раздвигает внешний. Но это происходит только в IE и Opera. В Firefox внешний всегда остается одного размера - даже при height:auto. Как быть? Применение таблиц исключено. Помогите, заранее благодарен.
0 votes6 answers -
как убрать горизонтальный скролл в Опере?
Здравствуйте! Возможно кто-то уже встречался с такой прблемой! Расскажите, что можно в этом случае сделать? Диву назначен стили overflow:auto; overflow-x:hidden; overflow-y:scroll; Ширина и высота фиксиованные. В ИЕ и ФФ применяются свойства overflow-x:hidden; overflow-y:scroll; и все выглядит как надо В Опере эти свойства не срабаотывают, но срабатывает overflow:scroll; Необходимо, чтобы было как в ИЕ и ФФ Можно ли убрать горизонтальный scrollbar?
0 votes7 answers -
Как сделать подчёркнутую пунктиром гиперссылку
Ещё раз доброго времени суток. вопрос по поводу тега A как сделать подчёркивание пунктиром? приём a{ border-bottom: 1px dotted #fff; } Почему-то не работает может быть кто нибудь сталкивался с подобной задачей? заранее спасибо за ответ.
0 votes13 answers -
html5 canvas интерактивная карта мира
Здравствуйте! Стоит задача поверх jpeg картинки сделать интерактивную карту мира: 1) полупрозрачная подсветка разными цветами территорий произвольных стран стран 2) реакция на клик по области Если использовать канвас и обводить страну LineTo(), это же с ума сойти можно. Есть в природе другие варианты решить такую задачу ?
0 votes2 answers -
не работает onclick="window.open...
onclick="window.open('/images/stories/ekonom1.jpg,'EKONOM','width=100,height=100')" когда нажимаешь ссылка открывается в этом же окне, если указывать target="_blank" то в IE открываеться просто новое окно не 100х100, а в опере открвается простое новое окно и окно размером 100 на 100 =)), а если не указывать target="_blank" то в опере просто открываеться в этом же окне. Код редактирую через админку джумлы.
0 votes4 answers -
Ссыка заглушка. Script
Добрый день! Есть фраза, которая меняет цвет при наведении курсором и раскрывает скрытый текст при нажатии. Скрипт раскрывает скрывает текст. Hover меняет цвет. Но Internet Explorer Hover для текста не воспринимает. Текст сделала ссылкой с заглушкой #. Все как надо, но если фраза и скрытый текст расположены в конце страницы, при раскрытии возвращает в начало страницы. Как это избежать?
0 votes7 answers -
Скрипт для установки стартовой страницы
Привет спецы! Нашёл вот в нете скрипт для установки стартовой страницы в браузере, но работает тока в IE и Mozilla/FireFox, что нужно в него добавить чтобы ещё и в Opera работал? Заранее СПАСИБО! <script language="javascript"> function gHomePage(objSrc) { var homepage = "http://www.site.com"; if (objSrc.style.behavior) { // MSIE objSrc.setHomePage(homepage); } else if (netscape && netscape.security && netscape.security.PrivilegeManager && navigator.preference) { // Mozilla/FireFox netscape.security.PrivilegeManager.enableP…
0 votes7 answers -
Как выровнять div по правому краю без float!
Привет, форумчане! Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования. Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination: http://joxi.ru/gmvjVqJuM9XQma Для вложенного блока установил свойство 'display: inline-block'. Пробовал сдвинуть с помощью text-align - не помогло И margin'ы тоже не выручают. Что посоветуете? Заранее спасибо!
0 votes13 answers -
проблемный background
Народ, помогите, пожайлуста, советом. Макет предусматривает вот такой фон: Никак не могу понять как сделать, проблема в масштабировании, мало того, что надо делать под любые разрешения, что еще можно решить сделав заведомо большую картинку и/или юзать js. Но ведь еще может быть ситуация, что на страницу выведется очень длинный текс и картинка кончится. Может есть у кого мысли?
0 votes16 answers -
Не работает в IE6 но работает в IE Почему?
Приветствую Помогите пожалуйста Создал страничку сайта в дивах CSS2 + HTML 4.0 Валидацию проходит Корректно отображаться в IE7 но совершенный бред получается в IE6 В чем загвоздка CSS /* общие установки */ html { margin: 0; padding: 0; } body { font: 75% georgia, sans-serif; line-height: 1.88889; color: #555753; background-image:url(body_bg.gif); margin: 0; padding: 0; text-align:center; } p { margin-top: 0; text-align: justify; } /* span в заголовках невидимы для пользователя, но значимы для поисковых машин сами заголовки представлены картинками */ h1, h2, h3 span { display:none; } /* отступ блоков */ h3 { height:39px; margin:0; padding:…
0 votes3 answers -
Что за стрелки в CSS коде?
li a.active > img {} li a:hover > img {} Не могу понять зачем нужны стрелки > и как они работают Подскажите плиз
0 votes2 answers -
Слой relative перекрывает слой fixed
На странице есть шапка с позицией fixed: .top_menu_p { position: fixed; left: 0; top: 0; padding: 0px; background: #ffffff; width: 100%;}Так же есть слайдер контента (jcarousel) с позицией relative: .jcarousel ul { position: relative; width: 20000em; list-style: none; margin: 0; padding: 0;}При пролистывании станицы, когда шапка подходит к слайдеру, он отображается поверх шапки. Как это исправить? У слайдера позицию relative не заменить, иначе не будет работать. КТо-нибудь сталкивался с такой проблемой?
0 votes3 answers -
Как адаптировать страницу под мобильные устройства?
Подскажите, пожалуйста, как адаптировать отдельную страницу или одностраничник под мобильные устройства? Я создала страничку подписки с резиновым дизайном, но при проверке в сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/ оказывается, что моя страничка не оптимизирована под мобильные устройства, там же указываются распространенные недостатки: - слишком мелкий шрифт; - не задана область просмотра для мобильных устройств; - ссылки слишком близко друг к другу; - контент шире экрана. Проверяла на мобильнике страничка целиком на нем видна без прокрутки. Но чтобы она показывалась в поиске, важно, чтобы она соответствовала стандартам гугла. Как это осуще…
0 votes5 answers -
О, Якоря!
Если на странице есть якорь со свойством display:none и видимый Как на этой же странице огранизовать ссылку, чтобы переводила на этот Якорь и делала его видимым? А еще тому, который видно - дисплей:ноне
0 votes28 answers -
Создание начального макета
Нужно создать вот такой вот макет что бы было без разделения (линий) между частями. Когда я делаю больше двух колонок, то у меня начинается белебера из-за недостатка опыта. Может быть есть тема в которой рассказывается по создание колонок. Работаю в Adobe Dreamweaver CS5 заранее благодарна всем.
0 votes33 answers -
504 Gateway Time-out
Здравствуйте! Сайт часто выдает ошибку 504 Gateway Time-out. Как устранить эту ошибку?
0 votes6 answers -
div float
Делаю шаблон к Joomla. Свой первый шаблон. ммм... возник вопрос по div и float. Есть большой див, внутри него еще два дива, которые распологаются на одной строке. <div id="header"> <div id="logoh">LOGO</div> <div id="authh">FORM</div> </div> CSS такой: #header { background: #fff; color: #000000; margin: 0 auto; position: relative; text-align: right; border-bottom: solid 4px #ccc; width: 1000px; } #logoh { width: 760px; float: left; background: #cccccc; border: 0px solid; border-color: #666666; height: 235px; background-image: url(../img/header.jpg); background-repeat: no-repeat; } #aut…
0 votes6 answers -
Align:center
Есть две строчки текста, которые нужно упорядочить по центру. На второй строчке еще есть маленький рисунок ( счетчик), так из-за этого рисунка вторая строчка распологается не по центру а сдвигается вправо на ширину рисунка. Saint-Petersburg, Kouvola target=_blank> alt="" width=88 height=15 border=0 align="left"> 2007 .niz { clear: both; width: 100%; text-align: center; font-size: 16px; background-image: url(gif/niz.gif); } Если я правильно понимаю, то получается что вторая строчка центрируется не относительной все ширины, а (вся ширина - ширина рисунка) Как это убрать? Заранее спасибо... Сорри если вопрос тупой..
0 votes11 answers