HTML Coding

29,542 questions in this forum

1. проблема картинки в теге H1(Firefox)

   Если вставить тег h1 так то все нормально: <h1><td><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></td></h1> а если так : <td><h1><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></h1></td> то появляется горизонтальная полоса в firefox скрин: Стиль для тега H1 - h1 { font-size:11px; display:inline;} Как можно это исправить п.с в IE в обоих случях нормально отображается сайт - wareznik.int.ru

   Asked by alex1442, March 6, 2011

   0 votes
   7 answers
2. Одинаковые имена классов.

   Всем привет. Есть такая штука, как jqueryUI. Требовалось изменить внешность некоторых плагинов под существующий дизайн. Т.к. кое-где нужно было сделать 2-4 варианта одного и того же плагина (причем они должны будут присутствовать на одной странице и стили для них должны лежать в одном файле), то для каждого из них сделал оболочку <div class='myClass'>... plugin ...</div>, соответственно в стилях оно стало выглядеть .myClass .ul-tab { ... }, .myClass1 .ul-tab { ... } и т.д. Заказчика этот вариант не устраивает по непонятным мне причинам, просит эту оболочку убрать. Как быть тогда, если везде названия классов одинаковые, а свойства у них разные ? Или туплю и их …

   Asked by lolka84, July 22, 2012

   0 votes
   6 answers
3. Несколько градиентов возможно накладывать в одном слое?

   Здравствуйте. Скажите, можно ли одному элементу задать два градиента в надежде получить их наложение? Например один линейный вертикальный, второй линейный под 45 градусов. Вот такой код не работает: background:linear-gradient(135deg, #53237f 2%,#7847a5 39%,#200e52 50%,#200e52 62%,#61318e 88%,#200e52 100%), linear-gradient(to bottom, #000000 0%,#d2c5e0 100%); Может назначить вложенному элементу один градиент,а обертывающему - второй?

   Asked by borus, April 21, 2013

   0 votes
   4 answers
4. Спойлер без лишних блоков и затуманивание

   Доброго времени суток. Возникла проблема, мне надо сделать спойлер, без лишнего блока, т.е. без разбиения текста на анонс и основную информацию. Смогла сделать только через ховером... а надо бы по клику >< И почему-то затуманивание не получается в месте обрезки сделать (если делаю через скрипт с разными блоками получается...) https://jsfiddle.net/p6dczm5k/2/ Спасибо )

   Asked by Mary_RND, October 4, 2016

   • css
   • html
   0 votes
   5 answers
5. Блок <div... поверх картинки

   всем привет ! как разместить несколько блоков поверх картинки на примере : #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; }

   Asked by dima2207, April 18, 2008

   0 votes
   5 answers
6. Ссылки с эффектом перекатывания

   Помогите!!! срочно нужно вставить ссылки в кнопки с эффектом перекатывания по типу: http://www.studyinenglish.pl/en/index.html мой код: <style type="text/css"> A.rollover1, .rollover2, .rollover3, .rollover4 { background: url('Knopku/Blue_together1.jpg'); /* */ display: block; /* */ width: 300px; /* */ height: 150px; /* */ } .rollover2 { background: url('Knopku/green_together2.jpg'); } .rollover3 { background: url('Knopku/yellow_together3.jpg'); } .rollover4 { background: url('Knopku/orange_together4.jpg'); } .rollover1:hover, .rollover2:hover, .rollover3:hover, .rollover4:hover { background-position: 0 -150px; } </style> </head> <…

   Asked by Edem, November 26, 2008

   0 votes
   10 answers
7. Проблемы с FF

   не могу понять но в чем дело но в разных браузерах отображение резко отличается для ниже приведенного кода <table width="210" height="100%" cellspacing="0" cellpadding="0" border="0"> <tr><a href="http://sait.ru"><img src="assets/images/1.1.gif" width="210" height="40" ></a></tr> <tr><a href="http://sait.ru"><img src="assets/images/1.2.gif" width="210" height="40" ></a></tr> <tr><a href="http://sait.ru"><img src="assets/images/1.3.gif" width="210" height="40" ></a></tr> </table> Опера и ie нормально его обрабатывают то мозила же проставляет промежутки между картинками, …

   Asked by Small_man, March 25, 2009

   0 votes
   13 answers
8. Проблемы с отображением текста по ссылке

   Всем доброго времени суток! Ребят, такой вопрос: Все банально: ставлю якорь вида: <a name="name1">...</a>. Ставлю ссылку на него вида: <a href="#name1">...</a>. В итоге при переходе по ссылке получаю текст статьи с нужной позиции(#name1), но та часть статьи, которая оказалась выше якоря name1 не видна. Подскажите пожалуйста как решить мою проблему.

   Asked by itcoders, October 11, 2009

   0 votes
   8 answers
9. Как сдвинуть фон сайта, но только на 500px

   Как сдвинуть фон сайта при прокручивании страницы, но только на 500px, а потом, чтобы он остановился?

   Asked by 34gosha61, November 30, 2013

   • css
   • background
   0 votes
   6 answers
10. Отцентровать "display:table-cell"

    Должно получиться следующее: Блоки должны быть по центру + отступы между ними Верстаю под IE9, этим блокам задал display:table-cell (IE9 flexbox не поддерживает, с полифилом что-то тоже не получается) Теперь их нужно отцентровать и добавить отступы между ними. Как это сделать? http://codepen.io/anon/pen/QNLYGw?editors=1100

    Asked by yaparoff, February 26, 2016

    0 votes
    8 answers
11. max-width, ie6 и ширина в процентах

    У меня такая проблема: есть див с картинкой в бекграунде и свойством width заданном в процентах. При расширении экрана когда ширина блока становится больше ширины картинки - вылазит ненужный background-color. Что бы этого избежать использовал свойство max-width, и для ie6 использовал width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 427 ? "427px" : "auto"); В этом случае max-width для ie6 работает, но отключается width заданное в процентах и как следствие блок нормально не сужается. Кто-нибудь может посоветовать как это решить...

    Asked by od_lazio, October 20, 2008

    0 votes
    3 answers
12. Программное изменение типа ссылки

    Задача программно изменить тип ссылок на файлы с относительных на абсолютные. Т.е. заменить не сами ссылки, а создать какой-то внешний управляющий модуль, который бы в зависимости от ситуации менял их тип. В частности, надо изменить путь к некоторым файлам изображений, которые в теле html-файла прописаны просто как "/папка/файл". Но html-файл и сопутствующие файлы располагаются на компьютере и еще на нескольких сайтах. В результате на одном сайте прописывается путь типа: "http://сайт/index/папка/файл", где "index/" надо убрать из пути. Т.е. надо переопределить ссылки под конкретное местоположение файлов, не меняя основного блока исходного html-файла (там, где прописаны вс…

    Asked by Joerrigo, November 18, 2009

    0 votes
    6 answers
13. спецификация html и доки

    На этом сайте очень много говорится про спецификацию html и стандарты верстки http://www.w3.org/ Есть какието итоговые статьи на эту тему ? на рус жел на w3 просто тонны инфы а интересует конкретно спецификация xHTML.

    Asked by vrazbros, August 19, 2007

    0 votes
    3 answers
14. 1000px Без Скроллера

    Здравствуйте, при верстке сайта на 1000px по ширине, мне нужно воткнуть по бокам сайта бордеры-картинки (по 20px с лева и с права). При просмотре сайта на разрешении более чем 1024 по ширине все отображаеться нормально. Но когда включаю разрешение 1024px по ширине, то появляеться скроллинг. Подскажите как можно сверстать так чтобы при разрешении 1024px был тока контент сайта (бордеров бордеров по бокам и без скролинга), а если ширина увеличивалась, то бордеры появлялись. вот ссылка сайта на котором хочу так сделать: http://ar.style-vip.com

    Asked by (ave)iy, August 27, 2008

    0 votes
    2 answers
15. Двуязыковый сайт

    Всем привет! Мне поставили задачу сделать двуязыковый сайт с блочной разметкой. Т.е. в верхней части (хэдере) два флага (Россия и Великобритания) при нажатии на которые будет переключаться язык. Как более компактно и логично сделать это, у меня нет опыта в этом? Использовать скрипты?

    Asked by ONIX, January 22, 2009

    0 votes
    12 answers
16. меню

    .......................

    Asked by cosonic, September 13, 2009

    0 votes
    6 answers
17. Поворот текста. -webkit-transform.

    Поворачиваю текст на 90 градусов вот так: <h1 style="-webkit-transform: rotate(90deg); display:inline-block;">Это текст</h1> Но поворачивается текст вокруг центра, и получается какая-то фигня: Было: Стало: Как повернуть текст так, чтобы левый верхний угол исходной совпадал с левым верхним уже повёрнутой: ?

    Asked by Atilla, August 12, 2010

    0 votes
    6 answers
18. Ссылки не окрашиваются, адекватность изображения в браузерах исчезла и вообще...

    Здравствуйте уважаемые знатоки Раньше делал сайт в программе Фронтпейдж. Но весомые замечания гуру этого форума убедили меня что лучше делать своими руками. Для начала я начал переделывать страничку своего сайта http://www.po-miry.ru/POHOD/PVD/raspisaniei.htm поскольку она была самая проблемная. Действительно, сейчас она стала гораздо лучше, но у меня появились вопросы, может кто и ответит 1) У меня ссылки в одной горизонтальной ячейке и двух вертикальных. Я хочу, чтобы они были разных цветов. Но в Опере они все зеленые, а в ИЕ непонятно какие. Как выполнить задуманное? 2) Написал, чтобы при наведении мышки ссылка подчеркивалась. В Опере подчеркивается. в ИЕ нет. Почему? …

    Asked by beze, February 9, 2009

    0 votes
    12 answers
19. img position

    я нуб в этом,только решил в конце концов разбираться с ксс,что нужно: надо что б эта картинка стояла в данном месте и при заполнении контента в блоке главном двигалась с ним,тобишь оставалсь всегда на месте,кому не лень предоставьте возможные варианты впиха этой картинки поверх всех слов) из этого: в вот это:

    Asked by PraY, September 14, 2010

    0 votes
    6 answers
20. Как сделать закругленный фон меню ?

    Здравствуйте! Как сделать закругленный фон меню ? Нужно сделать как здесь: У меня ничего не выходит, пробывал по разному, можете пожалуйста подсказать... Получается вот так: Архив с сайтом: СКАЧАТЬ

    Asked by aknur, January 8, 2011

    0 votes
    7 answers
21. Как вернуть стиль по умолчанию?

    Проблема такая - есть ряд инпутов, у которых рамка равна 1 пиксель, чёрная, сплошная. Инпутов целых 9 штук. Однако одним из этих инпутов является кнопка. А когда ей вот так проставить рамку явно, она становится довольно непривлекательной. Так вот, вопрос в том - как сделать так, чтобы к ней вернулся стиль по умолчанию? Самое главное, где-то видел недавно нечто подобное и никак не могу найти. Уже весь справочник перерыл, а никак не могу найти, что там прописать, чтобы стиль стал такой, как изначально, то есть чтобы к кнопке не применялось 1px solid #000000, а было так, будто этого свойства у неё нет.

    Asked by thekap, February 13, 2011

    0 votes
    11 answers
22. Отступ от низа экрана. Помогите найти.

    Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...

    Asked by stardg, September 9, 2011

    0 votes
    4 answers
23. Нужно обвести текст

    Подскажите как в css можно обвести текст.

    Asked by xDemix, November 3, 2012

    0 votes
    1 answer
24. Нужен опытный помощник, чтобы натаскать по front-end

    Добрый день. Я начинающий front-end разработчик. На работе задачи обычно одного уровня. Нет понятия насколько хорошо верстаю, пишу скрипты. На сколько в ногу с технологиями. Ребята, если кто-то готов поделиться опытом и научить делать отлично, пожалуйста отзовитесь. Мне нужен человек, который будет давать задания и потом проверять и обсуждать как можно было лучше. К критике отношусь адекватно. Хочу учиться. Заранее спасибо.

    Asked by gammiber, October 10, 2013

    • помощник
    • front-end
    0 votes
    9 answers
25. Окно заданного размера с помощью CSS

    Собственно сабж. Нужно чтобы при нажатии на ссылку выскакивало окно заданного размера. Хотелось бы все это сделать средствами CSS да еще и чтобы valid . Что скажите мудрецы?

    Asked by Old Nick, July 31, 2007

    0 votes
    4 answers