Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Проблема с резиновым дизайном

    Всем привет, не нашел ответа на свой вопрос, т.к. поиск выдаёт ошибку Делаю резиновый дизайн, где 3 колонки, боковые имеют фиксированую ширину по 300px, а центральная растягивается пов сем ширине моника то есть width:100%. Не получается, свойство float не работает.... помогите, в чем ошибка?, как лучше реализовать задачу? HTML <body> <div id="container"> <div id="col-left">123</div> <div id="col-center">123123</div> <div id="col-right">123</div> </div> </body> СSS #container { width:100%; padding:5px; background:#CCCCCC; overflow:hidden; } #col-left { width:300px; background:#00CCFF; float:left; } #c…

    Asked by sweb27,

    0 votes
    3 answers

  2. Условие отображение блока

    Здравствуйте. Интересует такой вопрос, вот есть условие для фиксов багов разных браузеров <!--[if lte IE 7]><style type="text/css"> .iefix {display: inline-block;width: 0;overflow: hidden;}</style><![endif]--> Отлично, а есть ли допустим возможность сделать условие, посредством HTML, на определение ширины экрана. Как я это вижу <!--[if content="width=device-width"]> <ul> <li><a href="#">Яблоки</a></li> <li><a href="#">Груши</a></li> <li><a href="#">Арбузы</a></li> </ul> <![endif]--> Что я хочу реализовать: допустим я захожу на сайт с мобильного, и в…

    Asked by Trurlol,

    0 votes
    1 answer

  3. Проблема со шрифтами

    Решил подключить шрифт нестандартный. Скачал. Вот код вставки шрифта в css файл и его применения: @font-face { font-family: Myriad; src: url(fonts/Myriad-Web-Pro-Regular.ttf); } a { font-family: Myriad; } Не получается. Смотрю в хроме - шрифт вроде подгрузился: https://docs.google....dit?usp=sharing Но почему-то пропечатывается он как times roman. Если открыть его на компе, то вот, совсем иная картина: https://docs.google....dit?usp=sharing Что я делаю не так?

    Asked by Bumblebee,

    0 votes
    1 answer

  4. Карта из svg и xml

    Всем большой привет, пытаюсь решить задачу карты из svg и xml как можно сделать чтоб при наведении на один объектов подсвечивался и второй объект, то есть по сути надо сделать в xml файле значения двух объектов пробовал сделать вручную но координаты начинают ломаться пробовал сгруппировать эти два объекта но не помогло если кто знает решение задачи помогите пожалуйста, для обработки svg и xml файла использовал программу Inkscape. Пример задачи чтоб было понятно можно посмотреть тут http://ruseller.com/...ub_id=32&id=952 http://ruseller.com/...dex.html#russia Заранее все спасибо.

    Asked by aleksandr-n,

    0 votes
    0 answers

  5. http://htmlbook.ru/practical/blok-s-ukazatelem

    Вот мое решение. http://cssdeck.com/labs/obnbjejr Подскажите как сделать чтобы трансф элемент не перекрывал текст, не у меньшая при этом height и width

    Asked by rpmcmerphy,

    0 votes
    3 answers

  6. Верстка нав. меню с картинками. Как бы вы это сделали?

    Здравствуйте, я учусь. Подскажите пожалуйста как бы вы сверстали вот такое меню навигации. Интересует скорей не код, а описание словами как бы вы сами эти верстали. Спасибо!

    Asked by pavelpashkovsky,

    0 votes
    3 answers

  7. Как это сделано?

    Здравствуйте! Заинтересовало меня вот такое подстраивание изображений под размеры окна: _http://www.yootheme.com/demo/joomla/subway Как это сделано? С помощью js? PS: к сожалению, ссылка не ведет напрямую... Но если выбрать Moreno - то, что нужно. Вообще, сайтов с таким способом подстраивания встречается много. Вот скриншот:

    Asked by Светлана Г.,

    0 votes
    3 answers

  8. Как реализовано

    Подскажите как сделать так чтобы при прокрутке странице блоки подгружали в разнобой или постепенно по мере скролинга. Например как тут http://www.yootheme.com/demo/joomla/square Если не в тот топик - просьба не карать =)

    Asked by soot,

    0 votes
    2 answers

  9. Как реализовать подобный скролл?

    http://i.imgur.com/VW0ODIL.png http://i.imgur.com/xHmw0of.jpg

    Asked by posthack,

    0 votes
    4 answers

  10. Адаптивный сайт vs резиновый сайт

    Какие сайты сейчас надо верстать: адаптивные или резиновые? Думаю вы поняли о чём я.

    Asked by DivMan,

    0 votes
    5 answers

  11. Окна

    Доброго времени суток! У меня вопрос как можно с помощью фреймов или дивов и использую javascript модно и без него и сss. Создать окно определеного размера но его можно передвигать изменять размер но его открытие в одной вкладке и закрытие его. Как так можно сделать?

    Asked by webik28,

    0 votes
    4 answers

  12. Как сверстать необчный блок с вкладками?

    Здравствуйте! Есть макет блока с вкладками (табы), но сами элементы переключения влкадок имеют необычную форму. Как сверстать этот макет?

    Asked by dangerous,

    0 votes
    3 answers

  13. Проблемы с overflow

    В следующем коде: ————————————————-- <div class="center"> <div class="center_left">centerLeft</div> <div class="center_right"><img src="img/foto.jpg" alt="Hands"></div> </div> <div class="menu"> Place for menu... </div> ————————————————- .center { margin-top: 10px; clear: both; overflow: hidden; } .center_left { border: 1px solid #000; width: 525px; float: left; } .center_right { /*border: 1px solid #000;*/ box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 525px; height: 275px; float: right; bo…

    Asked by cryptus,

    0 votes
    1 answer

  14. обводка текста с тенью

    http://hostingkartinok.com/show-image.php?id=2000e17cc73daba11c74069597af3835 сперва белая обводка а потом тень. как сделать? а то у меня не получаеться.

    Asked by raptor-dm,

    0 votes
    5 answers

  15. Как сделать ?

    Всем привет. Есть проблема, надо сделать блоки как на картинке http://pixs.ru/showimage/biov503jpg_3042573_16669650.jpgне могу выровнять содержимое чтоб заголовки на одном были уровне с другими. Вот что я тут сделал http://verstka-primer.esy.es/Bio/ начал изображение одинаковые по высоте вырезать, но все равно первый ряд, получилось а другие нет. Вроде и легко но у меня почему то, всегда найдется на чем за топорится. Буду рад помощи.

    Asked by Shenia132,

    0 votes
    2 answers

  16. inherit не работает для IE8

    Всем привет. У меня в IE8 не работает inherit для любых CSS стилей. Например: HTML —> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="./css/test.css" type="text/css" media="all" /> </head> <body> <div class="main"> <div class="test1"></div> <div> </body> </html> CSS —> .main { width: 400px; height: 400px; border: 1px solid black; } .test1 { width: 100px; height: 100px; background: pink; border: inherit; } В примере не наследуется border. Если бы был IE7, вопросов бы не было. Но, у меня IE 8.0/7601.17514, W…

    Asked by sator,

    0 votes
    1 answer

  17. горизонатльное меню

    Здание у меня сверстать вот такое меню: С а:ховер, a:актив и всем делами. Сверстать кончено можно, но мне мерещиться очень много стилей.. (по три для каждой кнопки + ещё 3 для кнопки home) Как бы вы сверстали, максимально просто и минимум кода? http://s012.radikal.ru/i320/1011/72/55fa12c7921f.jpg

    Asked by cardsmoney,

    0 votes
    2 answers

  18. Паспарту с текстом

    Здравствуйте! Занимаюсь дизайном собственного сайта об автомобилях (Пример проблемной страницы), а так как сайт научно-популярный, то кроме паспарту делаю подрисуночные надписи, но их текст искажает размеры паспарту. Хочу, чтобы текст не выходил за границы рисунков. Как вариант можно фиксировано задавать ширину каждого блока, но все рисунки разного размера - это очень трудоёмко. Кусочек html кода с рисунком <div class="picturebox"> <img src="umenchenie_massy_auto/dvigatel.jpg" alt="Двигатель, расположенный в задней части автомобиля в едином блоке с коробкой передач и главной передачей" title="Двигатель, расположенный в задней части автомобиля в едином блоке с …

    Asked by Red_baron,

    0 votes
    4 answers

  19. Сайт рушиться в зависимости от разрешения экрана

    Сдравствуйте, возможно такая тема уже создана, но все же.Создаю сайт с использование "резиновой" верстки, направленной на то чтобы при изминении разрешения экрана структура сайта сохранялась, и мне это удалось: все блоки остаються на месте и в тех пропорциях в каких я и указал. Но загвозда оказалась в том что блоки сохраняються, но содержимое этих блоков розпадаеться, например: фоновая картинка одного из блоков при нормальном разрешении отображаеться полностью, а, например при разрешении 800*600 отображаеться только кусок, который влез в блок.У меня есть некоторые предположеия насчет этой проблеммы: картинки ведь определенного размера и их размер не зависит от размера окн…

    Asked by BART_VADER,

    0 votes
    6 answers

  20. Активная область шапки сайта или её части

    Как сделать переход с шапки сайта на главную страницу? Шапка- background. Вроде думала можно использовать map с area, но как я поняла из описания тега map, он связывает тег img с активной областью, а у меня нет его, рисунок находится в фоне.

    Asked by Анна,

    0 votes
    2 answers

  21. div IE 6

    Вопрос: В ie 6 div'ы переносяться хотя прописано в стили display:inline т.е идут 111 222 333 а нада 111 222 333

    Asked by sdasddsa,

    0 votes
    1 answer

  22. вопрос по бэкграунду?

    КАК СДЕЛАТЬ что бы при прокрутке страницы бэкграунд оставался на месте?

    Asked by olechic,

    0 votes
    2 answers

  23. Вопрос по float

    Есть данный код: <!doctype html> <html> <head> <title>Test 14</title> <style type="text/css"> #content{ width: 100px; height: 100px; background-color: black; float: left; } #footer{ float: right; width: 100px; height: 100px; background-color: grey; } #navigation{ height: 100px; background-color: red; margin-right: 102px; margin-left: 102px; } </style> </head> <body> <div id="content"> </div><!-- end content --> <div id="navigation"> </div><!-- end navigation --> <div id="footer"> </div><!-- end footer --&gt…

    Asked by VictorioIP,

    0 votes
    2 answers

  24. как одним кликом развернуть подкатегории и уйти на ссылку?

    У меня возникла задача сделать так, чтобы с помощью одного нажатия на категорию открывались и подкатегории и переходила по ссылке на основную категорию... В общем на словах трудно объяснить... Сайт duduka.ru Допустим категория АКЦИЯ При нажатии на нее должно одновременно перейти по ссылке АКЦИЯ и открыть подкатегории(для мальчиков, для девочек) Помогите пожалуйста! Сам не могу разобраться..

    Asked by rafael,

    0 votes
    6 answers

  25. Как убрать подсветку вокруг активного элемента формы?

    Доброго всем вечера. Ребят подскажите пожалуйста — как убрать подсветку вокруг активного элемента формы, в браузерах? Спасибо.

    Asked by BigDaddy.,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept