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
-
Тег nofollow
Узнал что для Сео,для сохранения веса страницы лучше прописывать в ссылках идущих с моего сайта тег rel="nofollow",но как с этим тегом должна выглядеть ссылка полностью? счас у меня вот так: <a href="http://www.seversiti.ru/" title="Гостиница"><img src="images/banners/gostsever.jpg" border="0" alt="Гостиница" width="248" height="60" style="border: 0; margin: 1px;" /></a> а как будет с тегом rel="nofollow" ? Спс огромное тому кто подскажет)
0 votes3 answers -
Шрифт и разные браузеры
Сталкнулся с проблемой. В Опере и Фаерфоксе текст отображается поразному, из-за этого в Опере текст съезжает и не помещается в таблицы как задумано. Подскажите как с этим бороться. Если можно с примерами. Спасибо.
0 votes6 answers -
Сайт На Дивах - Перекрытие
Здравствуйте! На сайте с помощью абсолютов загнал блоки в дивы и разместил их по нужным мне местам(спасибо psywalker'у). Все отлично, да вот возникла очередная проблема! Центральная панель(тетрадные листочки и пачка сигарет) перекрыла левую и правую. Левую - хрен с ней, а вот на правой находится ссылка и 2 счетчика, которые должны быть действующими. Помогите справиться с проблемой. С уважением.
0 votes8 answers -
Вопрос про высоту элемента
Собственно, есть вот такой фидл: http://jsfiddle.net/74VxY/3/ И к нему вопрос: Почему у элементов <a> по бокам высота равна высоте строки, хотя я выставил у них height: 100%? Как растянуть их по высоте на весь родительский div, не прибегая к установке высоты в пикселях?
0 votes5 answers -
Проблема отображения в Firefox
Здраствуйте, в разработке сайтов новичок, даже не знаю в чем может быть проблема.. В браузере Firefox 4.0.1 сайт отображает некоректно, такое впечатление что стили вовсе не работают (цвет ссылок синий с подчеркиванием, фонового изображения нет).. Адрес сайта: http://marasyanechki.narod.ru
0 votes9 answers -
Резиновая ширина блока
Всем доброй ночи. Есть не резиновый сайт. 1 - сам сайт, ширина 1000 пикс; 2 и 3 - свободные ничем не заполненные поля по сторонам от сайта. Необходимо на место поля 2 вставить резиновый блок, который будет в зависимости от разрешения экрана иметь различную ширину, но всегда будет заполнять все пространство от левого края сайта до левого края дисплея. Подскажите как задать стиль этому блоку? P.S. Нашел вот что: <div id='myDiv' style='...'> </div> <script language='JavaScript'> w=screen.width/2-500; // 50% от ширины дисплея минус половина ширины сайта d=document.getElementById('myDiv'); d.style.width=w; </script> но данный скрипт работает ТОЛЬКО …
0 votes12 answers -
Управление less через Jquery
у меня в файле *.less есть переменная @color, так вот не знаю как к ней обратится через Jquery что внести в нее новые значения..
0 votes2 answers -
Оформление ol
Как оформляете данный список с учётом атрибутов start, type ?
0 votes12 answers -
Прокрутка блока зажатой кнопкой мыши
Хочу сделать блок с вертикальной прокруткой. Но без полосы прокрутки сбоку. Чтобы можно было зажать левую кнопку мыши на блоке и тащить его вверх или вниз. Как такое сделать? Можно ли обойтись без JS?
0 votes3 answers -
Размер шрифта
Всем привет) Можно ли сделать как-нибудь, чтобы при сужении экрана или блока, текст плавно уменьшал размер шрифта ? Так сказать резинка или адаптив.
0 votes6 answers -
Не работает vertical-align
Здравствуйте! Столкнулся с такой проблемой: vertical-align отказывается работать - при установке значения "middle" выравнивает по верхнему краю, не могу понять почему... Возможно, сталкивался кто-то? HTML: <div id="menu"> <a title="Главная страница" href="http://www.torawhite.ru/" target="_self" id="home"></a> <a href="#" target="_self" id="magazine">ЖУРНАЛ</a> <a href="#" target="_self" id="market">МАРКЕТ</a> <a href="#" target="_self" id="more">ЕЩЕ</a> </div> CSS: #menu { position: absolute; height: 30px; width: 268px; bottom: 5px; left: 0px; } #men…
0 votes4 answers -
Иконки анимация
Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией
0 votes2 answers -
Высота дива
Как сделать, чтобы при увеличении размера контента дива, он увеличивался бы по высоте, если в ксс указан overflow: hidden ? overflow: visible не подходит, т.к когда я его указываю, вся верстка "валится" в мозиле и опере. зы: Это надо сделать в дивах, которые поочередно расположены по горизонтали... Или альтернативный вопрос: как сделать чтобы верстка не валилась при overflow: visible ? =) .block_main{ position: relative; margin-top: 5px; margin-bottom: 5px; } .block_top_1{ margin-left: -10px; margin-top: -5px; margin-bottom: 5px; height: 32px; line-height: 18px; overflow: hidden; background: #FFF; border: 2px solid #f6f6f6; border-bottom: 1px solid #dddddd; } .block_con…
0 votes1 answer -
Шапка сайта
Пожалуйста, мне очень нужна ваша помощь, подскажите как мне реализовать, чтобы обьект выходил за пределы самой шапки.
0 votes7 answers -
Подгон поведения ФайрФокса под ИЕшное.
Опять я Есть примерно такой код: <html> <head> <style> .set { float: right; width: auto; background-color: red; padding: 5px; } .item { float: left; background-color: yellow; text-align: center; width: 150px; height: 150px; margin: 1px; float: left; } </style> </head> <body> <div class="set"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> </div> </body> </html> Есть два типа поведения в различных браузерах. В ИЕ (тот вариант, который мен…
0 votes3 answers -
картинка+ссылка, наведение другая картинка
Итак.... У меня возникла проблема. Мне нужно сделать ссылку в которой будет небольшая картинка и возле нее текст, но как сразу на нее навести то картинка меняется на другую.... буду очень признателен если подскажете как это сделать.
0 votes5 answers -
Favicon и Opera
Всем привет. Что то опера некорректно отображает фавиконку. Никто с таким не сталкивался? Вот как это выглядит а вот в ИЕ нормально Вот так добавляю в штмл <link rel="shortcut icon" href="favicon.ico" /> Идеи? Спасибо
0 votes2 answers -
Дочерний и смежный селектор CSS в IE7-8
Добрый день. Для корректной работы меню, на сайте использовал дочерние (.classA > .classB) и смежные(.classA + .classB) css селекторы. В браузерах Chrome, Opera, FireFox, Safari всё корректно отображается. В IE7-8, не смотря на заявленную поддержку оных селекторов, к сожалению, не работают. Вычитал здесь, что для корректной работы нужно выставить верный DOCTYPE. А вот какой не сказано. Отписался автору - пока молчит. Пробовал сам поиграть doctype'ами - эффекта нет. Подскажите, пожалуйста, куда копать и как всё таки заставить IE понимать данные селекторы. Заранее спасибо.
0 votes7 answers -
проблемы в IE
Доброго времени суток. Вопрос в следующем. Сверстал я тут одну страничку и почти везде она себя хорошо ведет кроме как в ИЕ7 и выше. Там три колонки и они все резиновые, смотрится везде более-менее хорошо но есть проблема. Если в ИЕ7 или выше начать изменять размер окна мышкой то бывает такие моменты что тот блок что посередине переваливается за самый правый блок. Что бы этот эффект увидеть зайдите по ссылке под ослом и поизменяйте размер окна мышкой. как избавиться от данного недуга? и еще вопрос. В одном месте я применил отрицательный маргин для того что бы вынести кусочек текста за блок. Во всех браузерах хорошо смотрится а вот осел почему то обрезает этот кусочек. Сей…
0 votes10 answers -
div 3 колонки
НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…
0 votes6 answers -
Форма в html
Создание хранилища данных на примере localStorage. (вроде как по принципу блокнота). http://jsfiddle.net/wBSyd/2/ Если не трудно, подскажите, где ошибка - почему не сохраняются записи. Где-то очень глубоко, чисто интуитивно догадываюсь, что собственно сохранять их как-бы и не где. Но вот конкретно - увы, не понимаю. Заранее благодарю за любую помощь - подсказку.
0 votes2 answers -
Фундаментальные законы HTML и CSS
Здравствуйте! Интересует вопрос о базовых законах HTML и CSS (на подобии такого тезиса, что нельзя блочные элементы "засовывать" в строчные). Прошу написать всё, что придёт в голову по этому вопросу, но очень был бы признателен, если кто-то кинет ссылку, где можно про это почитать.
0 votes4 answers -
Вложение div блоков в основном контенте
Всем привет. Может кто сможет помочь в данном вопросе. Изучаю в данный момент связку HTML и CSS, и появились два вопроса. 1) Иногда изучая какой-нибудь сайт или пытаясь по образцу переписать какой-нибудь макет, вижу примерно такой код: <div id="wrapper"> <div id="main"> <div id="sidebar"></div> <div id="content"></div> </div> </div> Вот мне и стало интересно, зачем внутрь одного блока (wrapper) вставлять ещё один блок-обёртку (main) для содержимого страницы. Ведь у двух этих родительских блоков одинаковая ширина и высота. Почему нельзя навигацию и основной контен…
0 votes4 answers -
Сделать типа вкладок...
вобщем нужно сделать для сайта одну такую штуку - есть несколько ссылок и табличка, в которой написан текст, при нажатии на разные ссылки ТЕКСТ должен меняться... дл ссылки 1 текст 1, для ссылки 2 - текст 2 ну и так далее Я с javascript просто никогда не работал) так) тока передирал готовые примеры)) вот что пробовал сделать.. <script type="text/javascript"> function changePreview(itemNumber) { document.getElementById('bl1').style.display = 'none'; document.getElementById('bl2').style.display = 'none'; document.getElementById('bl3').style.display = 'none'; document.getElementById('bl4').style.display = 'none'; document.getElementById('bl5').style.display =…
0 votes4 answers -
Блочная верстка, IE и ширина текста в колонке
Только в IE-7 ( в MF3.0 нормально), при изменении размера экрана( не знаю как правильно называется ) текст по ширине начинает "выпрыгивать" из колонки. Макет при этом не ломается. Причем нет никакой разницы "резиновый" макет(и/или колонка) или нет. Как с этим можно бороться и делает ти это кто-то вообще? Спасибо!
0 votes3 answers