HTML Coding

29542 questions in this forum

1. Дочерние элементы таблиц

   Начал верстать таблицей и решил отказаться от классов. Наваял вот таких крокодилов W3 похвалил, сказал - всё валидно по CSS3. Konqueror 1.5 работает! O9/11, Fx (не помню, но не старый) и IE7 - не работают. Ошибка, кажется, в том, что table>tr>td не считаются дочерними и/или для табличных элементов не определяются first-child. Хочу узнать, есть ли более точная информация или я неправильно всё это понимаю.

   Asked by skvor, March 20, 2012

   0 votes
   9 answers
2. Ссылка с пустого div с бэкграундом-картинкой

   Вопрос тривиальный, но загнал в тупик. Возникла задачка - с любой картинки на сайте (кроме тех, что относятся к оформлению) яваскриптом делать всплывающий кусочек текста ака easyTooltip. Верстка сайта - шапка, тело из двух колонок (в одном из столбцов - меню) и футер. Вложенность элементов в рабочей колонке разная, поэтому в скрипте есть смысл обращаться сразу ко всем img. Для этого все картинки оформления нужно перевести в div-ы c бэкграундами. на некоторых из картинок были навешаны ссылки (например, на логотип в шапке). Обычный рецепт в этом случае - вставить в div прозрачный единичный gif 1x1 и растянуть его до нужных размеров, в данном случае не годится, т.к. снова п…

   Asked by z1a2r, March 27, 2012

   0 votes
   6 answers
3. криво отображается форма

   нужно сделать вот такую форму Что сейчас имеем - http://demo.moslem.ws/auto/arenda.html не понимаю в чем проблема? почему инпуты вниз ушли?

   Asked by moslem, July 13, 2012

   0 votes
   3 answers
4. CSS Горизонтальное меню

   Привет друзья! У меня вот такая проблема: Скачал горизонтальное меню и установил на сайт по инструкции. Вроде все село на свои места, только проблема в том что не могу сменить цвет шрифва в CSS и сдвинуть кнопки так что бы они начинались с лева с самого начала блока меню. Вот код CSS: *{ margin:0; padding:0; } .page{ margin:0 auto; width:905px; } ul{ list-style:none; width:100%; height:40px; background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x; } ul li{ float:left; border-right:1px solid #333; } ul li a{ display:block; height:40px; padding:0 35; float:left; text-transform: uppercase; font:100%/40px Helvetica,"microsoft sans seri…

   Asked by die_frage, July 15, 2012

   0 votes
   5 answers
5. текст под картинкой.

   Здравствуйте! нужно сделать вот так: (текст по картинкой) У меня сейчас вот так: Вот Html: Вот Css: Помогите реализовать, то что на первой картинке (сам текст, который под картинкой).

   Asked by Simpsons, September 2, 2012

   0 votes
   5 answers
6. активная ссылка

   Подскажите как реализовать через CSS. Есть меню в виде ссылок, как сделать чтобы ссылка страницы на которой я нахожусь выделялась. Чтоб было видно в каком месте меню я сейчас. PS.можно отдельно для каждой активной ссылки прописать class="active" но это муторно, много страниц (да еще и меню идет как Library).

   Asked by zulus, November 17, 2012

   0 votes
   2 answers
7. worpdress как сделать такую строку? (читать далее и т.п) фото внизу

   Asked by hatabush, April 28, 2013

   0 votes
   3 answers
8. Функционал сайта

   Здравствуйте) Очень интересует один вопрос, ответ на который не могу найти в гугле, хоть и почерпнул много инфы пока искал ответ. Я новичок в этом большом деле, знаю(html и css), сверстал свой первый шаблон который очень даже похож на первую страничку такого себе сайта))))) Собственно вопрос состоит в том, что я столкнулся с Статикой и Динамикой сайтов, как я понял сейчас преобладает динамика сайтов в том плане что после завершения мастером всех технических задач, сайт отдается в руки клиенту который хочет управлять этим сайтом сам (загружать фотки, обновлять контент и так далее). Здесь я понял что есть CMS движки (управления контентом)! Как я понял есть уже шаблон на нег…

   Asked by knowing the truth, January 30, 2014

   0 votes
   4 answers
9. Хак только для Opera

   Ребята, подскажите пожалуйста, есть ли работающий хак для Opera. То есть, что бы прописать его в css и видеть его будет только Opera. Подключила нестандартный шрифт, а он ёлочкой, и только в Опере так, даже в Осле всё гладко.

   Asked by vera17, April 5, 2014

   0 votes
   3 answers
10. Способ верстки резинового выпадающего меню

    Всем, доброго времени суток. Я учусь верстке самостоятельно и начала с своего сайта. Вот уже второй день не могу решить проблему с меню. http://saveimg.ru/show-image.php?id=8d51d6118255b79f88ab88766d50c263 - собственно меню Вопрос в следующем: Я нарезала 3 куска: правую и левую боковушки меню и такого же размера кусочек меню (потом просто повторяла его). Но никак не могу теперь состыковать основное меню и боковушки. Может у меня изначально не правильный подход? Если не сложно, пожалуйста, подскажите, как с такими не стандартными меню следует себя вести. P.S. Простите если была не внимательна и подобная тема уже есть.

    Asked by Namico, June 5, 2014

    0 votes
    5 answers
11. селектор атрибута

    В учебнике написан код [href^="http://"]:not(a[href^="http://www.sdcvoy.ru/"])Но почему он заработает только после того, как убрать тег a? http://cssdeck.com/labs/yvkzolue

    Asked by DivMan, June 11, 2014

    0 votes
    7 answers
12. Не работает JS (jQuery)

    Ребят здравствуйте,помогите с Js, дело в том что изначально делал списки на HTML но в сам список нужно вставить 2 картинки причем одна должна быть ссылкой и открывать список,С помощью CSS это реализовать не удалось,вернее удалось но при этом все смотрится криво и ползет, Почитал в Google что такие выпадающие списки делают на jQuery. нашел пример в интернете,но видимо либо сам урок кривой либо я не до конца понял, JS почему то не работает вот код на http://cssdeck.com вот скрины на всякий случай

    Asked by Евгений_SB, June 12, 2014

    • Не работает JS (jQuery)
    0 votes
    7 answers
13. Позиционирование в разных браузерах!

    #logo { position: absolute; top: 15px; left: 55px; width: 220px; } #menu { position:absolute; top: 25px; right: 0px; } Вот такая конструкция. Логотип слева зафиксирован и с ним проблем нет. А вот меню относительно правого края страницы зафиксированно, но левый край меню "играет" туда сюда на несколько пиксел в зависимости от того, каким браузером смотреть Так и должно быть или я чего-то не дописал? С ув. Uncle Fox

    Asked by Uncle Fox, September 22, 2014

    • position
    0 votes
    1 answer
14. Простой вопрос!

    Всем привет! Не так давно в front-end'e поэтому никогда не сталкивался с версткой вот таких вот менюшек: http://joxi.ru/EA4abk7HGk4Qrb Не подскажете, как они вообще делаются? Спасибо!

    Asked by Antoshka007, April 9, 2015

    • как
    • это
    • сделать
    0 votes
    3 answers
15. @media screen не работатет

    Помогите с кодом.Первый @media screen работает, а другие 2 нет Скрытый текст @media screen and (min-width: 800px) and (max-width: 1000) { /*От планшета до большого монитора*/ .wrapper{ width: 40%; } .anons p{ font-size: medium; } .anons h2{ font-size: x-large; } .menu{ width: 60%; height: 40px; } .btn a{ font-size: 12px; } .btn{ margin: 0 10px; } .header img{ width: 100%; } .header{ height: 95%; } .anons img{ width: 100%; } .skidkiall{ height: 90%; } .content{ height: 95%; } } @media screen and (min-width:480px) and (max-width: 799px) {…

    Asked by Nikita L, March 29, 2017

    • html
    • css
    0 votes
    4 answers
16. Как изменить цвет svg картинки

    Здравствуйте! Очень нужна помощь верстальщика! Подскажите, пожалуйста. Можно ли изменить цвет svg картинки, которая вставлена с помощью псевдоэлемента. Не могу найти ответ. .footer-user-navigation .enter a::before { content: ""; background-position: 0 0; background-repeat: no-repeat; position: absolute; top: 5px; left: 0; background-image: url(../img/user.svg); width: 15px; height: 15px; }

    Asked by nastya-spo, October 7, 2018

    0 votes
    0 answers
17. авторесайз выпадающего списка

    есть выпадающий список, есть поля как короткие так и длинные, можно ли сдлать так чтобы в момент раскрытия списка, он автоматом ресайзился до максимального количества элементов? собственно смотрим тут http://scooter-dope.ru/index.php?do=catalog

    Asked by mongolor, June 19, 2008

    0 votes
    0 answers
18. Вывод в браузер миниатюры

    Вопрос такого плана требуется выводить миниатюры (тумбы) есть два варианта 1 хранить большое и малое изображение малое выводить в тумбы 2 хранить большое изображение и выводить его в DIV шириной малого изображения (вписать) способ вывода ресайзом через скрипт не рассматриваю т к большая нагрузка на сервер.. вот и вопрос какой способ предпочтителен и почему... Забыл сказать что большое изображение используется...

    Asked by Serg_sy, March 28, 2009

    0 votes
    3 answers
19. тег справки ?

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

    Asked by alexed, November 17, 2009

    0 votes
    1 answer
20. Две полосы прокрутки

    Собственно, нужно сделать у блока полосу прокрутки и снизу, и сверху. Полоса прокрутки стандартная. Какие вообще идеи? Спасибо.

    Asked by DjTarik, February 10, 2011

    0 votes
    2 answers
21. Выравнивание изображений

    Здравствуйте. Есть список ul, также изображения около каждого пункта, которые появляются при наведении курсора на пункт. Ниже css и список. div.firmwares ul li { position: relative; } div.firmwares ul li img { display: none; position: absolute; top: 0; border: 1px solid #228B22; left: 40%; } div.firmwares ul li:hover img { display: block; } <ul id="se"> <li><a src="/se_c510">Aino</a><img src="img/se/Aino.png" /></li> <li><a>C510<img src="img/se/c510.png" /></li> <li><a>C702<img src="img/se/c702.png" /></li> <li><a>C902<img src="img/se/c902.png" /></li> …

    Asked by Jonathan, September 11, 2011

    0 votes
    6 answers
22. Загрузка картинок в слайде

    На сайте tmhomes.pirogov.ru в шапке есть слайд. Но при первом заходе до кеширования, картинки грузятся все разом, что не эстетично. Как можно сделать чтобы слайдер например не показывался пока картинки не загрузятся?

    Asked by Tchorteg, September 19, 2011

    0 votes
    4 answers
23. Проблемы с прозрачностью

    Суть проблемы в следующем: Есть картинка с position: fixed; z-index: -3; Рядом с ней есть блок #content с background: rgba(255, 255, 255, 0.9) в нём располагается основной контент сайта (по размерам он меньше фоновой картинки, спозиционирован и т.д.) А внутри #content есть вертикальная менюшка с float: left и на скрипте скользящая при прокрутке страницы, и вот надо что-бы эта менюшка имела границу со всех сторон 5px прозрачную, т.е. не то что б белый полу прозрачный фон, а должна быть видна фоновая картинка, которая под контентом. Чего только не придумывал и gif прозрачный и rgba и игрался с z-index (ставил у контента = -1, а у враппера менюшки = -4, у менюшки = 0) ничего…

    Asked by sfer23, January 9, 2012

    0 votes
    2 answers
24. Верстка в Firefox

    Есть необходимость использовать окна фиксированного размера для текста. Нужно, чтобы если HTML содержимое не помещается в окно, показывалась прокрутка. Использую следующее решение: fieldset.radios { overflow: auto; height: 300px; } <fieldset class="radios"> <label><input type="radio" ...>Thing 1</label> <label><input type="radio" ...>Thing 2</label> ... </fieldset> Работает идеально во всех браузерах, кроме Firefox, где прокрутки нет и текст просто "вываливается" из окна: пример Подскажите, как можно исправить это для Firefox?

    Asked by Allality, July 5, 2012

    0 votes
    8 answers
25. Смена текста

    Итак всем привет я начал верстать сайтецки! Делал делал и вдруг понял что так как у меня простой сайт делать его многостраничным смысла нет. В итоге мне нужно : Сделать так чтобы при нажатии на ссылку, перезагружалась определённая текстовая часть контента , а не весь сайт так как вёрстка блочная то в одном блоке и должно меняться. Фреймами знаю но вроди как не солидно! Есть ссылки Я - Дизайн - Полиграфия - Разработка Тоесть есть допустип ссылка "дизайн" там текст "оллоло пыщь пыщь тут дизайн" когда я жму на полиграфия снизу текст меняеться на "оллоло пыщь пыщь тут полиграфия" =))) Где-то так Жду советов как сделать... За ранее благодарен!

    Asked by Funwalker, September 8, 2012

    0 votes
    8 answers