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
-
Использование в margin отрицательных значений
Сабж,это нормально или как-то это можно обойти?
0 votes6 answers -
Выравнивание картинки и текста-ссылки по вертикали
Здравствуйте! Помогите, пожалуйста, никак не могу разобраться, как можно повлиять на такую ситуацию. Кажется все просто, но я что-то упускаю из вида. Была таблица такого вида: <table cellpadding=0 cellspacing=0 align=center><tr> <td valign=middle><a href="ссылка"><img url="адрес картинки"></a></td> <td valign=middle><a href="ссылка">Название</a></td> </tr></table> Нужно переделать так, чтобы ячейка с картинкой и ячейка с названием стали одной ссылкой. Сделал такого вида: <table cellpadding=0 cellspacing=0 align=center><tr&g…
0 votes5 answers -
Dashed линия для заголовка. Как сверстать?
Здравствуйте, уважаемые форумчане! Подкиньте пожалуйста идею, как сверстать такой вот заголовок, чтобы было гибко (не зависело от текста): ссылка на картинку
0 votes8 answers -
Background обрезается
Здравствуйте, У меня возникла проблема с background -ом когда изменяется масштаб окна браузера. Когда масштаб большой (>100%) , background который находится на полосе прокрутке просто НЕТ, а когда масштаб маленький (<100%) он растягивается. Растягивается потому что стоит width:100%, background-size:cover; (>100%); А вот как сделать чтобы background всегда был на всё окно + с полосами прокрутки (<100%). Очень признательный буду если кто сможет помочь и объяснить? Как лучше верстать фиксированной, резиновой, адаптивной и отзывчивой вёрсткой?
0 votes1 answer -
2 прямоугольные трапеции, обращенные друг к другу
Поздравляю с Рождеством мастеров верстки! Подскажите: как сделать 2 прямоугольные трапеции, обращенные друг к другу? Скрин: Пока что не получилось, так как на скрине. Уже и с transform мучался и с clip-path. Может что-то не понимаю. https://jsfiddle.net/PlayboyZP/L24u0mrw/
0 votes1 answer -
Нижний отступ в слое
#title { left:0px; top:0px; border: 3px solid white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } <div id="title"><img src="/pictures/n-shap.jpg"></div> Проблема в том, что снизу между картинкой и бордером 3 пикселя пустоты. Как это исправить?
0 votes4 answers -
Подскажите как сделать?
Подскажите как сделать поиск по содержимому сайта, чтобы найденное вставлялось в текущее окно. Желательно расписать поподробнее, т.к. начинающий. За ранее благодарю!
0 votes8 answers -
как это понять ?
Изучая глубже HTML наткнулься на это =================================================================== <!ELEMENT A - - (%inline;)* -(A) -- якорь --> <!ATTLIST A %attrs; -- %coreattrs, %i18n, %events -- charset %Charset; #ПРЕДПОЛАГАЕТСЯ -- набор символов связанного ресурса -- type %ContentType; #ПРЕДПОЛАГАЕТСЯ -- информативный тип содержимого -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- имя целевой ссылки -- href %URI; #ПРЕДПОЛАГАЕТСЯ -- URI связанного ресурса -- hreflang %LanguageCode; #ПРЕДПОЛАГАЕТСЯ -- код языка -- rel %LinkTypes; #ПРЕДПОЛАГАЕТСЯ -- типы…
0 votes3 answers -
Хак для Оперы
Opera 9.27 не поддерживает конструкцию HTML:root DIV, которую понимают FF и Sa. Однако некоторые люди утверждают, что 9.62 версии Опера уже все поддерживает. У кого есть 9.50 версия или 9.62, проверьте пожалуйста следующий код. Если работает, цвет увидите оранжевый, нет - синий. <!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>Хаки</title> <style type="text/css"> HTML:root DIV { background: #fc0; /* Для Firefox и Safari */ padding: 10px; } DIV { background: #005b9a; /* Д…
0 votes5 answers -
Отступы
Помогите, пожалуйста! В мозиле отображается нормально, а в опере идет отступ сверху пикселей в 50. стили: div.header { margin:0 auto; float:left; width:33%; } body { margin: 0; padding: 0; background: #a68787 url(images/img01.gif) repeat-x left top; font-size: 13px; text-align: justify; color: #634e4e; } body, th, td, input, textarea, select, option { font-family: Arial, Times, serif; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #a68787; } h1 { font-size: 36px; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul,…
0 votes6 answers -
Почему div не отображается в ИЕ?
Помогите пожалуйста. Вот такое вот меню http://tri4.ax3.net/akado_ural/sub_akado-ural.html Вопрос: Почему в ИЕ7 <div class="white-line"></div> не отображается? Как это вылечить? Вопрос2: в ИЕ6 обработка ul:hover не работает?
0 votes5 answers -
градиент краев сайта
Подскажите как сделать фоновый рисунок (тень от основного контента ну и дракончики). пока что в мыслях только сделать две обертки. первой обертке левую сторону градиент сделать беграундом повторяющимся, и второй для правой стороны. или проще сделать одну линию на всю ширину? а дракончиков... можно в принципе сделать одной картинкой и в боди ее положить беграундом. сайт фикс. пробовал для обертки делать box-shadow, но тень тогда уходит во все стороны =) а надо только по бокам. PS: полоска в центре это контент =)
0 votes3 answers -
Некорректная подсветка синтаксиса CSS в Notepad++
Notepad ++ 8.1 x64, но проблема существовала и в предыдущих версиях. В таблице стилей форматирование, условно говоря, первого абзаца, отличается от остального текста. Т.е. (см. скришнот) в первом селекторе подсвечиваются ЗНАЧЕНИЯ свойств, во втором - СВОЙСТВА, в третьем - и сам селектор. Причём если добавлять или убирать/добавлять селекторы, менять их местами в таблице, то эта условная граница "перемещается", т.е. она не привязана к какому-то конкретному участку кода. Мне кажется, что это баг (или фича) NPP++ и не стОит искать в этом поведении какой-то логики. Подсвечивает, и ладно. Но может всё же есть рациональное объяснение этому странному поведению? В частности, если…
0 votes3 answers -
Microsoft.Net framework
Подскажите, что такое "Microsoft.Net framework". Что это такое и для чего он нужен?
0 votes4 answers -
Кусок меню отваливается в IE
Посмотрите http://junglecity.ru/newshop/ В опере и мозилле все в порядке. ИЕ видимо по своему трактует width самого меню. Поэтому все выходит больше 850px. Как с этим бороться? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>index</title> <style type="text/css"> BODY { text-align: center; margin-top: 20px; } #page { width: 850px; margin-right: auto; margin-left: auto; } #logo { text-align:left; margin-bottom: 20px; } #punkt { width: 834px; height: 41px; background: #009900; line-height:41px; } #punkt ul { display: inline; } #punkt ul li { padding: 3px 20px; border-le…
0 votes1 answer -
position:fixed
Как избавиться от дрожания при эмуляции position:fixed. Все решения, которые встречал основаны на обращении к body, а это не подходит (html подгружается в виде iframe).
0 votes3 answers -
Ячейка таблицы - ссылка
Нужно сделать так: чтобы ячейка таблицы была ссылкой с белым фоном и синим текстом, а при наведении фон менялся на синий а текст на белый (и в любой части ячейки курсор был как при наведении на ссылку). Помогите, как это сделать?
0 votes4 answers -
Изображение и ссылка в одну линию.
Есть изображение (~130x130px) и ссылка. надо из расположить в линию, как на рисунке: Пока удается добиться такого только при помощи таблицы. При помощи css получается вот так: То есть ссылка "прилипает" к нижнему краю изображения. Как сделать это при помощи css?
0 votes3 answers -
Пролемы вёрстки divaми
<head> <title><?php echo $title ?></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> *{ padding: 0; margin: 0; } .container{ width: 80%; margin: 0 auto; } .left{ float: left; width: 120px; background-color: #2FDD2F; min-height: 500px; } .right{ float: right; width: 120px; background-color: #2FDD2F; min-height: 500px; } .content{ font-family: "Times New Roman", Times, serif; margin-left: 120px; margin-right: 120px; min-height: 500px; text-align: justify; padding: 5px; } .header{ font-family: Arial, Helvetica, sans-serif; font-size: larger; letter-spacing: 1.5px…
0 votes9 answers -
как создать рекламное окно с помощью css без джаваскрипт
как создать рекламное окно с помощью css без джаваскрипт.надо чтобы окно еще и закрывалось при клике на какую-то его область или окно нельзя закрыть с помощью html+css ?Тогда наверно придется делать копию страницы,но уже с рекламой,а нажимая на рекламу перейдет на главную страницу?
0 votes8 answers -
Дочерне-родительские селекторы
Здравствуйте. Пример: <div class="main"> <ul> <li> <a href="http://site.ru">текст ссылки 1</em></a> </li> </ul> </div> Подскажите, как для div.main переопределить свойства, но только если внутри него (и внутри списка) есть ссылка на сайт site.ru? div.main ul li a[href^=http://site.ru] {...} изменить свойства ссылки, а нужно изменить свойства div.main.
0 votes3 answers -
И снова вопрос
Снова нужна помощь знающих, В общем вот такой кусок: Интересует 2 вопроса: 1. правильно ли делать через таблицу 2. как сделать такие прикольные границы между ячейками Мой код: HTML: <table width="98%" style="border: solid 1pt #810e05; font-family: Arial 11px; color: #cea9a2"> <tr style="background-color: #770000"> <td width="30%"></td> <td width="20%" valign="middle">Jouer ? la Roulette dans All Jackpots Casino</td> <td width="40%">200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td> <td width="10%" align="right"></td> </tr> <tr style="background-color: #440B06"> <td></td&…
0 votes11 answers -
новостной блок аки на тут.бае...
Какими способами можно реализовать такое же отображение новостного блока как на tut.by?
0 votes11 answers -
Button
Привет, как реализовать такую кнопку? Интересует находящийся справа элемент с указателем.
0 votes14 answers -
Расположение иконок
Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как. Текущий скрин.
0 votes6 answers