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
-
Убрать рамку у ссылок-изображений
Добрый день! Столкнулся с такой проблемой: Для всех ссылок указан следующий стиль A { text-decoration: none; border-bottom: 1px dashed white; } А для ссылок-изображений нужно сделать так, чтобы у них была рамка в 1 пиксель желтого цвета. Я попробовал это сделать таким образом: A IMG { border: 1px solid yellow; } При этом у ссылок-изображений появляется как нижняя белая рамка, которая чуть-чуть отстоит от изображения, так и желтая рамка, которая прилегает к изображению вплотную. Избавиться от нижней рамки попробовал вот таким способом: A IMG { border-bottom: none; } вставив этот код между первыми двумя блоками. Но результата это не дал…
0 votes3 answers -
HTML & CSS
Всем доброе время суток! Вот у меня вопрос, зачем нужно вначале странице писать вот этот код? Или для чего? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ИЛИ ЭТОТ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Просто когда я хочу вытянуть таблицу вверх на 100%, они не вытягиваются вверх, когда написано выше стоящие коды, в браузерах Mozilla, Opera и IE 7… А когда написано без этих кодов <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf…
0 votes3 answers -
Задать разный цвет ссылок в блоках
Здравствуйте! Подскажите, пожалуйста, как задать для блока меню цвет текста, отличный от цвета ссылок? СЕйчас пункты меню оформляются, как все ссылки на сайте... вот CSS: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: none; color:#2a76bd; } /*непосещенная ссылка*/ a:link{ text-decoration: none; co…
0 votes9 answers -
html 5 range+number
<form oninput="out2.value=parseInt(range2.value)+parseInt(number2.value)"> <p> <input type="range" name="range2"> <input type="number" name="number2"> <output name="out2" for="range2 number2 "></output> </p> </form> Если потянуть за ползунок range первым то вместо цифр выведется NaN, если же нажать на толе number - то все ок. Как исправить?
0 votes1 answer -
Как прикрутить иконки к адаптивному сайту
Скажите я новичок пытаюсь перекрутить иконки к сайту номеру тел скайпу иконки http://seoisra.hostenko.com/ Ну и при изменении экрана они гуляют на нужно что бы возле номера были с лева. Только я не пойму , мне нужно медиа запросами подгонять , прописывать каждое значение для разных экранов ? не могу сообразить как через bootstrap все наладить.
0 votes6 answers -
Выпадающий список работает некорректно в конструкторе Платформа ЛП
Доброго времени суток. Не могу справиться со вставлением кода выпадающего списка html и css в конструктор Платформа LP. Ссылка на страницу http://2cakggi5.plp7.ru/ Код работает без сбоев в браузере и открывается. Но когда вставляю в html-виджет, то список располагается в левом нижнем углу, под блоком виджета. Причём, располагается список сзади всех блоков и при этом поля и текст других блоков наезжают на него. Из за этого на него очень сложно навести курсор и выпадающее поле сразу исчезает, по наведении на него курсора. С JavaScript ещё не знаком. Можно ли подобное решить при помощи css? Как список вывести поверх других блоков? Помогите, кто знает. …
0 votes0 answers -
Не выходит поставить текст по центру
Всем привет. Начал учиться верстать, и столкнулся с такой проблемой, не получается поставить текст по центру в теге <nav>. В чем ошибка, почему не выходит, подскажите? код html: <body> <header class="conteiner"> <h1>reverse obscurity</h1> <nav class="nav1"> <ul class="menu"> <li> <a href="#">home</a> </li> <li> <a href="#">services</a> </li> <li> <a href="#">portfolio</a> …
0 votes2 answers -
Вёрстка сетки товаров.
Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML Скрытый текст <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> </div> ——————————————————————————- CSS Скрытый текст * { box-sizing:…
0 votes0 answers -
Проблемы в IE плавающих блоков
Проблема в IE. В остальных все нормально. Ткните пальцем где туплю. XTML: <div id="head"> <a class="motto" href="#" >Сайт - это просто!</a> <a class="logo" href="#" ><span>Хорошие сайты</span></a> <ul class="advnav"> <li><a class="home" href="#">home</a></li> <li><a class="sitemap" href="#">sitemap</a></li> <li><a class="mail" href="#">mail</a></li> </ul> <!--.menu -основное меню--> <ul class="menu"> <li> <a href="#">Услуги</a> </li> <li> &…
0 votes3 answers -
Как изменить фон?
Поставил Lightbox 2 (брал отсюда http://www.lokeshdhakar.com/projects/lightbox2/) Я хотел поменять темный полупрозрачный фон на белый без изменения параметра overlayOpacity=8, но ко конца не въехал как он строит задний темный фон. Может быть кто знает?
0 votes3 answers -
Знающие люди, ПОМОГИТЕЕ ...
Здравствуйте. как создать полоски по краям страницы, толщиной около 1-2 см, такие как на этом сайте: http://www.newbestmodel.com/ Всё перепробывал, не получается. Подскажите пожалуйста кто знает... очень нуно Заранее спасибо.
0 votes4 answers -
Позиционирование текста
Есть шапка, вот схема: 1. Требуется совет, правильно ли я сделал, что полосу, в которой будет меню слил с шапкой в единую картинку? Или лучше ее делать контейнером?
0 votes6 answers -
когда страничка загнана под расширение и когда подстраивается под расширение экрана или перимитр окна
есть сайты которые всегда имеют четкий заданный размер, а есть те которые подстраиваются под разрешение монитора или под окно браузера. как называется второй эфект? P.S. надо переделать готовый шаблон под 2-й вариант, или найти шаблоны которые заведомо подстраиваются под браузер.
0 votes2 answers -
Хитрое выравнивание
В ячейке таблицы стоит vertical-align: top; Но один div находящийся в этой ячейке нужно выровнять по нижнему краю ячейки. Как это сделать?
0 votes4 answers -
Google Chrome не хочет отображать текущий класс
Добрый день всем ! Помогите новичку. В общем такой вот код - <ul id="menu"> <li id="home"><span id="current"><a href="index.html"></a></span></li> <li id="work"><a href="work.html"></a></li> <li id="contact"><a href="contact.html"></a></li> <li id="blog"><a href="blog.html"></a></li> </ul> и стили - #home { background:url(i/home.gif) no-repeat; height:40px; width:117px;} #home a { display:block; height:100%;} #home a:hover { background:url(i/home-a.gif) no-repeat;} #home #current a{ background: url(i/home-a.gif) no-repeat;} соответственно для каждого п…
0 votes5 answers -
Непонятные вертикальные отступы передед дивом
Потратил больше часа, на поиск ошибки, но так и не смог найти. Суть в том, что между дивами образуются отпступы по вертикали как будто margin-top: указан. Но на самом деле его нет. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="Детские игровые комплексы"> <META name="keywords" content="Детские игровые комплексы"> <title>Детские игровые комплексы</title> <lin…
0 votes7 answers -
Селекторы CSS
Здравствуйте, дорогие! Надоело мне сворачивать и разворачивать на Абсурдопедии таблицу категории снизу ручками и решил я сделать для неё стиль в Stylish. Во время написания оного я столкнулся с такой вещью: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("absurdopedia.net") { /* Первый tr - заголовок. Его трогать нельзя. Да, вобщем-то, тогда и вопроса бы не было */ table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(2) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(3) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(4) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(…
0 votes10 answers -
Джедай ищет падавана в Киеве(!)
Временно не актуально.
0 votes5 answers -
неправильное отображение цвета фотографии Dreamweaver
здравствуйте дорогие форумчане.надеюсь не будете строго судить за мой вопрос я не знаток этого дела :3 в чем собственно проблема ...в прошлом году мой друг сайт portfolio написал для меня. так вот в разных устройствах и browser-ax цвета фотографии отображаются по разному. например : в chrome ,mozila,windows safari,opera, Internet explorer 12 version - открывается безупречно с хорошими цветами фото, а вот в safari (IPAD), Internet explorer 8 version, chrome browser for android ,и одной из версий мозилы , цвет фотографии тускнеет (Saturation) .и не только там..,в adobe dreamweaver live preview цвета загружаемых картинок тусклые, но когда загружаю сайт, они выглядят нормаль…
0 votes6 answers -
Помогите разобраться с tabs
Есть такой http://www.optimaservis.su/reagenty/ каталог на Табах. Когда посетитель кликает на ссылку подробно на товаре в табе ROCKMELT, а затем возвращается назад из-из checked он по опять попадает во вкладку Аквайс что надо сделать чтобы клиент перешедший на вкладку ROCKMELT и посмотрев подробное описание товара, при нажатии кнопки назад в браузере попадал назад во вкладку ROCKMELT? В самих каталогах обратные ссылки расставлены якорями... Ссылка на код тут http://jsfiddle.net/aLebxaxu/2/ Всю голову сломал второй день ковыряю. Какие средства для этого использовать не важно главное чтоб правильно работало и была возможность добавить еще вкладок...
0 votes6 answers -
Позиционирование элементов списка.
Добрый день! Имею вот такой нюанс https://jsfiddle.net/yqfyb014/2/ Не понимаю как при помощи CSS решить проблему с позиционированием. Так как я предполагал, что сделав отступ для первого элемента списка, я "паровозом" выровняю все остальные элементы. Но получилось, собственно, то, что на изображении. И хотелось бы понять-как достучаться до первого элемента каждой строки?
0 votes6 answers -
Непонятная проблема со свойством Action у тега Form при отправке
Добрый день! Есть небольшой проект связанный с регистрацией пользователей В общем пользователи заполняют форму описанную в reg.php. Форма формируется с помощью php echo "<form name=\"reg\" action=\"participation.php?action=insert\" method=post accept-charset=\"utf-8\"> Далее форма отправляет свои данные на participation.php Оба этих файла находятся в одном директории, но не в корне сайта примерно так site.ru/dir1/dir2 т.е они имеют адреса site.ru/dir1/dir2/reg.php site.ru/dir1/dir2/participation.php вот проблема в том что у большинства пользователей форма работает правильно и отправляет запрос на site.ru/dir1/d…
0 votes2 answers -
Расположение картинок в 3 ряда, друг под другом
Здравствуйте, прошу совета. Есть один div. В него с бека загружаются картинки. Нужно их расположить в 3 ряда, друг под другом. На картинке изображено как надо. У меня получатся расположить только в ряд с фиксированной высотой, то есть расстояния по высоте между картинками получаются большими не друг за другом. Прошу подсказать как сделать правильно.
0 votes2 answers -
Чем отличается /> и > в meta
Чем отличается написание от и как это влияет на работу сайта?
0 votes2 answers -
Нужно чтобы у div2 ширина была от div1 до div3
Есть три div'a: 1-й div - прилегает к левому краю; 3-й div - прилегает к правому краю; как сделать чтобы 2-й div был растянут от 1-го к 3-му div'у??
0 votes7 answers