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
-
Разные стили для разных ссылок (с атрибутами hover, visited и т.д.)
Обычно я стили оформляю так: html: <p class='heading'>xxx</p> <p class='content'>xxx</p> css: p.heading {xxx: xxx} p.content {xxx: xxx} А как оформить разные стили для: <a class='main_link'>xxx</p> <a class='sub_link'>xxx</p> ? Просто a - всё ок, но а если с hover, visited? Пробовал следующие варианты: a.main_link:hover a:hover.main_link
0 votes2 answers -
Текст
Подскажите,как сделать,чтобы текст не вылазил за границы блока или таблицы?
0 votes4 answers -
Подскажите начинающему
Добрый день, извените за нюбский вопрос но всеже, никак не могу решить вопрос: есть див с ширеной 90% надо его отцентрировать и растянуть на всю высоту страницы, чтото у меня не получается( Вот код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>TEST</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div style="display:block; width:100%;"> <div class="main">bla bla bla</div> </div> </center> </body> </html> Вот CSS: body, html{background-color…
0 votes8 answers -
выотса в зависимости от количества строк
Как можно кроме как таблицы сделать одинаковое расстояние до картинки, чтобы картинки были на одном уровне? мне пока только таблица пришла на ум, и возможно с помощью js смотреть высоту. В конце <li> имеется картинка. Есть какие то способы как можно растянуть этот треугольник? я подумал пока о том, чтобы внутрь <li> запихнуть <div> например, прибить его в правый угол, в <div> картинку, и растягивать этот <div> на высоту <li>. картинку ограничить в длине, а по высоте пусть тянется. сомнительно правда как то.
0 votes8 answers -
проблема с высотой (height:100%) при 2 background-image
Всем привет. Такая проблема возникла, необходимо поставить два баграунда. Один снизу в блоке по центру, простая однопиксельная повторяющаяся полоса, а другой - картинка накладывающийся сверху, необходимо контент наложить на первый, что бы он (первый) продолжался вниз до бесконечности, при: <body> <div class="bg1"> <div class="bg2"> <div class="content"> </div> </div> </div> </body> *{ margin:0;padding:0 } html, body{ height:100%; } .bg2{ background-image: url("../images/background_second.jpg"); background-repeat:no-repeat; /*height:100%;*/ height:100%; } .bg1{ background-image: …
0 votes11 answers -
Вертикальное меню для сайта
помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "position: fixed" не помогает, отображается неправильно, криво. пытался сделать так: <div style="width: 100%; height: 51px"> <!-- Меню --> </div> <div style="width: 500px; height: 100%; overflow: auto"> <!-- Контент --> </div> но что если на сайт зайдёт человек, у которого дисплей с расширением например 1600х900? будет пустое место под вторым блоком, вообще отображаться будет неправильно. нашёл в инете JS-скрипт, который изменяет высоту блока в зависимости от расширения дисплея, поставил, но он не работает у меня почему-то.
0 votes8 answers -
Выравнивание для firefox
Здравствуйте! Столкнулся с проблемой, при вставке в Wordpress кода ротации тизеров. На хроме и сафари сайт отображается нормально. А все остальные браузеры(проверял в сервисе) отображают баннеры вправо, тем самым закрывая сайдбар. Пытался выравнить код через div - эффекта нет. Подскажите, как выравнить блок в нормальное положение?(сразу после поста)
0 votes11 answers -
При наведение изменить фон
В меню есть одно место где дизайнер нарисовал косую линию. Линия разделяет пункты меню. Меню имеет три состояния: холодное, при наведение, активное. У всех трех состояний разные бэкграунды. Все нормально за исключением этой косой линии. Установленная ширина пункта меню не позволяет нормально подставить нужный фон при наведение и когда пункт активен. Вот рисунок Белая линия на проблемном месте это разделитель пунктов, пунктам задана ширина и из-за этого при наведение изображение подставляется только на заданную ширину, остается уголочек без нужного фона. Вроде понятно? Как сделать, чтобы фон подставлялся правильно? Без js, желлательно только css.
0 votes13 answers -
Как отметить действие по умолчанию для нативного элемента select в мобильных устройствах?
Ребят, есть несколько проблем, связанные с select2 на мобильных. К сожалению, заказчик попросил оставить на мобильных именно select2. 1) Как сделать так, чтобы варианты выбора в select2 выпадали именно вниз, а не вверх? Т.е. вот так НЕ надо: http://take.ms/RxNi0 2) В мобильных, опять же, когда щёлкаешь на селект, то пользователей выбирает количество комнат два раза. Т.е. сначала выпадает варианты выбора селекта, а потом нативные (которые на мобильных): https://monosnap.com/file/opKnC5yFg3TN02npA6vbTGLhG11aah . Как сделать так, чтобы убрать нативный (мобильный), а оставить только выпадушку от select2? 3) Пользователей опять делает два действия, сначала выпа…
0 votes1 answer -
Ссылка на телефон и WhatsApp
Как сделать ссылку на телефон, чтобы при нажатии, пользователь мог выбрать позвонить либо написать в WhatsApp?
0 votes3 answers -
CSS3
Слышал что уже используется, наш?л несколько статеек по некоторым свойствам. Хотелось бы почитать о всех свойствах, мож знает кто где есть их описание, с примерами, можно и без.)))
0 votes4 answers -
Divы
как сделать так чтоб всё было в %, и никуда не уезжало? мусолю этот код уж не первый день, с дивами не работала раньше а также чтоб в #sitebar и #main вставить фото тож в % и что не как? и может что то нужно добавить? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500…
0 votes1 answer -
бэкграунд на длину заголовка
Объясните пожалуйста, как сделать бэкграунд на длину заголовка, размещённого в тэгах <h3></h3>. То получается на всю длину дива. Спасибо.
0 votes4 answers -
меню сделанное на CSS под все браузеры.
Как сделать так, чтобы меню навигации созданное с помощью CSS корректно отображалось на всех браузерах. У меня у самого Опера, все нормально работает, а вот проверяли на Explorer'е - нифига подменю не вылазеет, чо делать, подскажите пожалста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ …
0 votes4 answers -
JavaScript
Подскажите пожалуйста каким образом пишется эффект меняющий автоматически картинки на одной позиции как на данном сайте http://www.r-line.ru/ очень срочно
0 votes3 answers -
Позиционирование со знаком минус (-)
Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо
0 votes8 answers -
Скруглённые края блока в EI (border-radius)
Пдскажите пожалуйста на реальном примере как решена проблема, что IE не понимает border-radius - http://eukanuba.com/en-US/product-landing/dog.jspx - у левого меню края скруглены. Если внимательно смотреть, то при загрузке страницы в IE они сначала квадратные, а потом скругляются. Как они добились этого?
0 votes5 answers -
что означает КАСКАДНЫЕ таблицы стилей?
Что означает слово каскадные? Нашёл определение, то что каскад - это водопад и при чём он здесь?
0 votes10 answers -
Как в XML файл вставить другой XML файл ?
С помощью какой или каких команд XML можно вставить в файл XML содержимое другого файла XML ?
0 votes3 answers -
Приоритеты для идентификаторов и классов
если у меня есть такое объявление стилей: body a { color: purple; } #link { color: black; } .red a { color: red; } .blue { color: blue; } то при использовании в тэге р link ссылка будет черного цвета. Если я уберу id="link", то по идее ссылка должна быть синего цвета (явно указываю ее класс, т.е. class="blue"), а она красного цвета, т.е. применяется стиль .red a. Почему ?
0 votes2 answers -
Ширина изображения.
Здравствуйте! При указании ширины изображения в каскадной таблице или в самом теге img при помощи параметра width можно указывать ширину в пикселях и процентах. В последнем случае, имеется ввиду процент от ширины экрана браузера. А есть ли возможность регулировать ширину изображения в процентах но только от ширины ячейки таблицы, в которой оно находится?
0 votes2 answers -
Нумерованные списки, картинки и текст
Можно ли нумерованный список сверстать так, чтобы цифры от списка были всегда спозиционированы к верху внутренностей элемента списка. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100" style="display: block;"/> </li> <li> <img src="http://www.google.com/logos/spring09.gif" width="276" height="135" style="display: block;"/> </li> </ol> А все благодаря, вставленному display: block в стиль к картинкам. Но, если добавить текст после картинки. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100…
0 votes3 answers -
Отображение begun'а в Mozilla
Добрый день. Возникла такая проблема: не удается уменьшить ширину Бегуна в Мозилле. Нужно уменьшить до 200px, а он уменьшается максимум до 214, пробовал по всякому, и через стили, и через js, ничего не выходит. В других браузерах все ок. Вид бегуна http://autocontext.begun.ru/autocontext2.js Версия Mozilla: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.1) Gecko/20090624 Firefox/3.5 (.NET CLR 3.5.30729) Спасибо.
0 votes0 answers -
danwer или xampp
С html и css разобрался на уровне "продвинутого чайника". Сейчас хочу перейти к изучению php и mysql чтобы сайт был функционален а не просто картинки со словами. Что лучше ставить, в чем разница, какие плюсы и минусы у программ?
0 votes3 answers -
Создание локального сервера!?
Всем доброго времени суток. Лазил по инету и узнал что можно создавать локальный сервер с помощью Денвера. Потом наткнулся на один топик на форуме, уже даже не помню на каком и прочитал что Денвер это по-простецки, и если хочешь что бы сайт был функционален и быстрей соображал лучше сервер настраивать и ставить самому. Можете пожалуйста подсказать можно ли ставить сайт на Денвер или лучше создать сервер самому? И если можно ссылку на инструкцию по созданию простого сервера и его настройке без Денвера.
0 votes8 answers