HTML Coding

29542 questions in this forum

1. text-shadow

   Привет! Мне запотешилось сделать тень для букв внутри них. Т.е. получить эффект вдавленности. Как правило, такой эффект достигается добавлением белого text-shadow со сдвигом по y на 1пк вниз. При этом буквы должны быть темнее фона, в котором они находятся. Примерно как здесь: http://clip2net.com/s/17vZh Однако у меня сложность в том, что буквы белые и на неоднородном фоне. Т.е. мне надо что-то подобное inset для box-shadow. Или может есть мысли как это сделать другим образом, т.е. поиграться с тенями и получить визуальный эффект того, что мне надо? У меня не хватило фантазии, какие цвета надо для этого использовать Чтобы было понятнее, какой фон, сделал прототип http:/…

   Asked by Softlink, August 19, 2011

   0 votes
   24 answers
2. TH и DOCTYPE - проблемы с отображением

   После добавления строки DOCTYPE в начало документа в таблице с тегом TH начали отображаться прямоугольники. ПОдскажи плз как можно поправить отображение ячеек с TH в таблице...

   Asked by DImaN, April 11, 2008

   0 votes
   14 answers
3. Футер переменной высоты и резиновый блок контента

   Привет. Вот обычный прижатый футер. http://jsfiddle.net/qLEd3/ Суть в том, что мне надо сделать следующее. Надо сделать, чтобы футер был также прижат, но он может быть любой высоты, а блок контента, если его высота меньше высоты окна минус высоты хедера и футера должен доставать до футера. Чтобы пояснить что я хочу получить, я сделал это на js. http://jsfiddle.net/qLEd3/3/ Как можно сделать то же самое без него, кто подскажет?

   Asked by Veseloff, April 27, 2014

   0 votes
   15 answers
4. Выравнивание по центру окна

   Народ, вопрос банальнейший! Я уже когда-то решил эту проблему, но не помню какой тэг использовал. Вот вам образец сайта - http://www.engl.com.ua — сайт еще жутко сырой - просто выложил, чтоб помогли. Кароче, надо просто выровнять сайт по центру окна браузера, а то он слева находится. Надо чтоб на всех разрешениях экрана сайт находился по центру(к примеру, как вот этот http://www.obuchenie.com.ua ) . Когда-то это уже делал - а сейчас - хоть убейте - НЕ ПОМНЮ каким тегом! И еще одно - как видите, на сайте слева, там где состыковывается бэкграунд(тэг repeat-y )(там где, типа, тень сбоку) видны "ступеньки" от того, что изображение плохо состыковывается. Помогите с этим справи…

   Asked by romero, October 13, 2007

   0 votes
   9 answers
5. После ссылки и открытия нового окна страничка встает на начало...

   Мужики, помогите, пожалуйста! Ситуация. Есть страничка на сайте. Она длинная, т.е. уходит ?вниз? на 4-5 экранов, может, больше. На страничке есть много фоток-превьюшек, нажимая на которые в новом окне раскрываются большие фотки. Так вот если превьюшка, например, находится далеко внизу, то при открытии нового окна станичка встает на самое начало! Что-то нет никаких идей?

   Asked by Ингви, May 27, 2008

   0 votes
   10 answers
6. Опера + подгружаемый файл .js + кодировка?

   Люди добрые, научите... Только в Опере почему-то и не рботает... вот страничка - http://www.auto.gesc.ru/12-test4.html подгружаются списки географических названий (довольно большие) таким образом - <script language="JavaScript" src="march.js"></script> <script language="JavaScript" src="march1.js"></script> В итоге два списка отображаются нормально, а третий - иероглифы... Наверное, это просто... но не для меня...

   Asked by rootv, August 4, 2009

   0 votes
   7 answers
7. всплывающие элементы

   добрый день! интересует вот такая тема. много где видел всплывающие блоки. вот тут, например, http://www.luchinsky.ru/overall/ при нажатии на ссылку в правом верхнем углу Сообщение, всплывает форма отправки почтой. Очень интересует конкретный пример. Пожалуйста, кто знает, расскажите подробно, как это делается? Заранее спасибо!

   Asked by dron, December 26, 2009

   0 votes
   12 answers
8. Расширение файла для HTML5

   Здравствуйте все! Подскажите, пожалуйста, можно ли у файла с HTML5 расширение оставлять .xhtml? Существует ли строгая (внутрення своя) проверка для HTML5? Спасибо. Прошу прощения, что не в ту ветку написал.

   Asked by LuxCore, July 6, 2011

   0 votes
   8 answers
9. Бегущая строка Хелп!

   Привет народ Есть вот такая бегущая строка из картинок: Как сделать так что бы после последней картинки сразу шла первая (без промежутка)? Зарание спасибо...

   Asked by CoolBoy, May 24, 2008

   0 votes
   8 answers
10. footer к низу во всех браузерах.

    Ребята, привет! Предмет разговора: www.w3u.ru Короче проблема с версткой. Я только начинаю, поэтому не плюйтесь за код. В общем проблема глобальная. Нужно, чтобы в ie6,7,8,opera9,ff3 footer всегда был прибит к низу не зависимо от объема текста. Вторая проблема в том, что по бокам начиная с области контента у меня идут border'ы. Идея в том, что они должны доходить до конца экрана и врезаться в footer. Опять же не зависимо от объема текста. psywalker мне очень помог в предыдущей теме, но эта тема уже выходит за рамки данного вопроса. Я изучил, что пишут люди, все говорят, что надо сразу было думать, но я вначале не знал, что так потребуется. Не подумал. Теперь на выходе…

    Asked by Вадим, July 18, 2009

    0 votes
    14 answers
11. z-order для относительных

    на страницу есть картинка, которая по правому краю с обтеканием текстом слева. текст и вертикальная полоса. полоса находится на уровне картинки, и картинка её перекрывает. я хочу сделать, чтобы полоса была сверху. налистал z-order, но он только для абсолютных объектов. у меня полоса по-олюбому относительно расположена. что, если сделать z-order только для картинки, но тогда она не будет обтекать текстом? и потом, при абсолютном расположении никак не удавалось поставить её по правому краю окна, что при относительном расположении - дело обычное. кто что может прояснить?

    Asked by Guest Гость_Rilo_*, August 20, 2008

    0 votes
    2 answers
12. не подключается шрифт

    Всем доброго времени суток, помогите пожалуйста решить проблему: Подключаю шрифт в css следующим образом @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } Применяю шрифт к ссылкам ul#menu li a{ font-family:MyWebFont; } Шрифт не подключается , относительный путь в font-face указан правильно, в чем может быть дело.

    Asked by romanov, May 25, 2012

    0 votes
    10 answers
13. IFRAME в IE6 не работает

    На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.

    Asked by anapacap, December 26, 2008

    0 votes
    5 answers
14. Центровка маркера

    Помогите выровнить маркер в одну строку с сылкой. Выставляю следущее: ul {list-style-image: url(/images/my_images.gif'); } но маркер отображется на пару пикселей выше ссылки в списке

    Asked by maximo, December 20, 2008

    0 votes
    19 answers
15. может быть div'ы не такие уж и могучие?

    Необходимо сверстать трехколоночный макет: Width центральной колонки = const px, width левой и правой = 50% от остатка. Помогите пожалуйстааааааааааааа........

    Asked by cugundar, July 27, 2009

    0 votes
    5 answers
16. Вопросы новичка

    Всем привет! 1. Есть ли какие то стандарты по написании атрибутов в тегах и в CSS, например по алфавиту? 2. Чем отличаются классы и идентификаторы в CSS? Что и в каких случаях лучше использовать?

    Asked by Alexey1988rus, April 20, 2011

    0 votes
    24 answers
17. Как сделать высоту карты яндекс адаптивной ?

    Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2

    Asked by daggi, October 14, 2017

    0 votes
    4 answers
18. Свойство margin-top

    Согласно описанию: http://www.htmlbook.ru/css/margin.html Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента Собственно вопрос: почему в примере ниже красный блок отступает не от родительского элемента (блок content), а от header? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <m…

    Asked by artylion, April 11, 2010

    0 votes
    20 answers
19. Вырезать полупрозрачный логотип из psd-макета

    Подскажите, как вырезать логотип (два кружочка и надпись Creative Studio), чтобы сохранить полупрозрачность желтого круга. Слой с текстом я могу убрать, конечно, в этом трудности нет никакой. А вот с полупрозрачностью - проблема. Не могу понять, как это сделать? Макет такой: https://www.dropbox....dio-minimal.psd И попутный вопрос. Хочу уточнить для себя. Для правильной, грамотной верстки текст на логотипе, центральной картинке - должен оформляться через код. Это касается не только этого макета, но и в общем. Я правильно понимаю?

    Asked by aaron, April 5, 2013

    • psd
    • верстка
    0 votes
    10 answers
20. border-radius внутренней границы - никак не регулируется?

    border-radius внутренней границы - никак не регулируется? То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?

    Asked by Zverushka, December 8, 2013

    0 votes
    13 answers
21. [LESS] Разные правила для блоков с разными родителей

    Всем привет. Есть верстка: <div class="sharing-new position-left"> <div class="sharing-new-title">Заголовок 1</div> </div> <div class="sharing-new position-bottom"> <div class="sharing-new-title">Заголовок 2</div> </div> Для блока sharing-new-title с модификатором родителя position-left нужно применить один стиль, а для него же, но с модификатором position-bottom - другой. Пытался сделать по аналогии с вариантом https://jsfiddle.net/3qsfcep7/, но так НЕ работает: .sharing-new { &.position-left { &-title & { color: red; } } &.…

    Asked by Shurikkan, June 3, 2019

    0 votes
    3 answers
22. Перенос трок в теге <pre>

    Удобно использовать тег , потому что не надо втыкать бесконечное количество переносов строки (там где это нужно)Но проблема заключается в том что если какаето строка сама по себе оч длинная , то и ширина блока создаваемого этим тегам оч длинная(по ширине строки) что растягивает дизайн там где это не нужно .... Подскажите - возможно ли задать фиксированную длину этого блока и если строчка длине, то производился бы перенос на новую строку ( как допустим в div происходит)

    Asked by serega86, January 9, 2008

    0 votes
    9 answers
23. что-то я затупил %)

    господа такой вопрос нежданно возник.. имеем трехколоночную верстку (иллюстративно): <div style="width: 300px; float: left;"> /* тут какой-то контент, пусть пикселей 300 в высоту */ </div> <div style="margin-left: 300px;"> <div style="float: right; width: 300px;"> /* тут еще какой-то контент, пусть 400 пикселей в высоту */ </div> <div style="margin-right: 300px;" /* центральная колонка и о ней собссна и речь */ <img style="float: left;" src="xxx.gif" /> <p>blah blah blah blah blah blah blah blah blah blah .... blah</p> <div> <a href="#">…

    Asked by mav, April 24, 2008

    0 votes
    10 answers
24. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000, October 1, 2018

    0 votes
    19 answers
25. Флеш, пнг с прозрачностью и реагирование на курсор

    В общем. Что есть: флеш, который находится в нижнем слое (z-index, wmode=opacity итд...) и png-картинка (в div'e с position=absolute и с заюзанным AlphaLoader'ом в случае с ИЕ), которая расположена поверх этого флеша. Нужно: чтобы область флеша находящаяся под пнг-картинкой реагировала на курсор так же, как и та, что не закрывается картинкой. Возможно ли это? Если да, то как это сделать?

    Asked by NeFBoTuS, March 30, 2008

    0 votes
    4 answers