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. Картинка поверх объекта

    Всем привет. Столкнулся с проблемой. У меня есть объект на странице. Мне нужно поверх него наложить PNG картинку с вырезом по центру и чтобы карта работала (скрыть края карты, чтобы она "вливалась" в дизайн страницы). Вот сам объект (demo). Заранее большое спасибо!

    Asked by manolo,

    0 votes
    2 answers

  2. Сплошная линия от пункта меню

    Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #top-nav ul.menu li#current { background: url(../images/navigation.right.gif) no-repeat top right; } #top-nav ul.menu li#current a { background: url(../images/navigation.left.gif) no-repeat top left; padding: 0px 20px 0px 20px; color: #039655; font-weight: bold; -moz-outline-style: none; }

    Asked by sergeyvolk,

    0 votes
    10 answers

  3. Вертикальное меню

    Есть вертикальное меню.Задана его точная ширина.В этом меню есть 6 пунктов, каждый из которых должен быть одинаковой ширины и чтоб текст был выровнен по центру каждого <li>. Нужно ,чтобы border был не на весь <li> , а только на <a> , но если так в коде указать то уменьшается сам пункт меню. Вот исходный код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Art Печенье</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70p…

    Asked by averin13,

    0 votes
    4 answers

  4. Подскажите новичку как обратится к div блоку

    Господа помогите разобраться у меня есть несколько блоков которые генерирует drupal вот они <div id="search"> <div id="block-search-0" class="block block-search block-odd region-odd clearfix "> <div class="content"> <form id="search-block-form" method="post" accept-charset="UTF-8" action="/jaans/"> </div> </div> </div> дело в том что во всех блоках сайта стоит одно и тоже css свойство border:1px grey; но мне нужно именно получить доступ к div class="content" что бы убрать рамку. Если убирать рамку просто в div .content то рамка убирается везде. Буду благодарен за ответ

    Asked by jaans,

    0 votes
    4 answers

  5. Правда ли что box-shadow грузит проц?

    Слышал, что некоторые css свойства грузят проц, и что иногда лучше даже использовать графические файлы вместо css? Если это правда, то какими css-свойствами не стоит злоупотреблять, а лучше заменить их нарезкой графических файлов? Мне очень понравилось использовать css градиенты, как бэкграунды для блоков, вместо repeat-x, но из за этого боюсь снизить скорость загрузки страниц.

    Asked by Jhozeph,

    0 votes
    3 answers

  6. HTML 5. Выбор стратегии...(JS? JQ?)

    Всем привет. Решил начать осваивать HTML 5(даже представления об этой теме не имею) и появились некоторые вопросы: 1) Есть ресурс: http://htmlbook.ru/html (в нём раздел: 'по типу') вопрос: Как понять какой элемент(HTML5) является строчным, какой блочным или строчно-блочным? (или же у этих элементов вообще нет таких характеристик? ) Буду благодарен если кто скинет адрес сервиса, в котором можно увидеть данные характеристики... 2) Cлышал, что без знаний Javascript в этой теме делать нечего.. вопрос: а)Так ли это на самом деле? б)Нужны ли в этом плане знания JQuery? (Могут ли они полностью компенсировать JS?) 3) Что можете посоветовать для облегчения изучения данного матер…

    Asked by Yamaradg,

    0 votes
    9 answers

  7. object

    в блоке header есть выпадающее меню, которое как видим залазит под видео object header { positin:relative; z-index:2; } content { positin:relative; z-index:1; }

    Asked by jurassik,

    0 votes
    5 answers

  8. Блок DIV на всю высоту BODY

    Всем привет. На сайте http://100faceufa.ru/ есть проблема с выводом правой колонкой на всю высоту экрана. На разных мониторах, отображает по разному. вот так, косячно все выводиться на мониторе: 1600x1024 https://www.dropbox.com/s/om9pq2cjd6j5cpk/123.jpg https://www.dropbox.com/s/ucty97ake0rbi9h/456.jpg Помогите пожалуйста исправить

    Asked by Aidakaev,

    0 votes
    5 answers

  9. Ширина таблицы width+float

    Вот не врубаюсь, вроде бы легкая задача, но реализовать не получается для таблицы: Есть левая и правая колонка (float). Левая колонка имеет всегда разную ширину, а правая колонка должна быть на всю ширину, которая осталась. С двумя div'ами все легко делается, а вот с дивом и таблицей.. Вот пример: http://jsfiddle.net/KQqDm/ Как сделать то же самое как там с div'ами, только с таблицой? Заранее спасибо.

    Asked by Andrey447,

    0 votes
    4 answers

  10. Кнопочки

    Ребята,подскажите как с фотошопа запилить такие кнопки,а то я только изучаю HTML и CSS. http://hostingkartinok.com/show-image.php?id=29816034e703e842a22d46d04e1b5298 Мне интересно каким кодом,что бы когда наводишь на кнопку меняло цвет... Я вот не пойму мне нужно блок добавлять и добавить по верх него ссылку,или вставить как картинку?!

    Asked by vitaxastifler,

    0 votes
    16 answers

  11. Как закрепить картинку в среднем блоке

    Здравствуйте, Коллеги! Сайт на готовом движке http://mobilang.ru Свертан в три колонки. В средней колонке разместил картинку, но при изменении ширины окна браузера она выпадает вниз. Хотелось бы, чтобы картинка всегда была на месте. при любой ширине окна браузера. Как то это можно сделать? В CSS файле следующие записи про эти колонки: #leftcol { position:relative; top:-10px; left:-10px; float:left; width:260px; /* for IE5/WIN */ voice-family: "\"}\""; voice-family:inherit; width:280px; /* actual value */ margin:0 0 -10px 0; padding:0px; z-index:5; } #rightcol { position:relative; top: -10px; right:-10px; float:right; width:300px; /* for IE5/WIN */ voice-family: "\"}\"";…

    Asked by hieronym,

    0 votes
    6 answers

  12. Вёрстка блоков - как сделать логично?

    Здравствуйте. Верстаю макет, рассчитан для мобильных и планшетов, резиновый временами. Есть такой блок - http://joxi.ru/1A59OwzSKyoyPA . Это вариант для десктопов. Далее для планшетов - http://joxi.ru/V2Ve8MBS0J1DLm . И для мобильных - http://joxi.ru/DrlO1yQc4OMjRA Как будучи в здравом уме и хорошем психическом состоянии сверстать логично, без использования скрытых блоков, типа с заголовком или списком, которые расположены не правильно, как по мне, в планшетной и мобильной версии. Вообще, стоил ли попросить другой дизайн или намекнуть дизайнеру, что он немного не понимает, как верстается из десктопного варианта в мобильные?

    Asked by kattiperk,

    0 votes
    5 answers

  13. Проблема смены фона слайдера на CSS в IE11

    Возникла необходимость сделать слайдер с множественным фоном, в котором по нажатию на кнопку один из фонов меняется. И всё замечательно работало, пока я не решил его проверить в IE11. В Chrome и FireFox всё работает. А в ИЕ фон слайдера либо реагирует на некоторые из кнопок, либо не реагирует на них вообще. В чём же может быть проблема? Код UPD. Забавная штука: если названия изображений, расположенных в списке фонов первыми, различаются между собой, то начинает изменяться и изображение, следующее ниже (которое мне и необходимо менять по нажатию кнопки). Это как-нибудь можно обойти?

    Asked by Rumpelstistskin,

    0 votes
    0 answers

  14. Адаптивность кнопки в привязке к внешнему контейнеру

    Есть у меня слайдер, каждый слайд - картинка, и на каждой картинке есть кнопка. Так вот задача, чтобы при адаптивном уменьшении картинки, кнопка сохраняла положение и изменяла размер пропорционально. Возможно ли это? Вот пример https://jsfiddle.net/yhnf3m9L/1/ положение вроде сохраняется, а вот размер - беда.

    Asked by Ich,

    0 votes
    0 answers

  15. Как сделать такое на бутстрапе 3?

    Как сделать такое на бутстрапе 3?

    Asked by incub,

    0 votes
    5 answers

  16. Как сделать такое на бутстрапе 3?

    Как сделать такое на бутстрапе 3?

    Asked by incub,

    0 votes
    1 answer

  17. Сайт сделан через таблицы, мне сказали что надо через списки.

    Сайт сделан через таблицы, мне сказали что надо через списки. Где можно прочитать про списки? Я так понял что это не обычные [*] и т.п.. Подскажите что это и где найти.

    Asked by Anstak,

    0 votes
    2 answers

  18. Обтекание текста.

    Искал, но нигде не нашел ответа на свой вопрос. Подскажите пожайлуста, как сделать обтекание текста вокруг картинки, внутри тега div. Пробывал (clear: none), но что то не получается.

    Asked by nivodor,

    0 votes
    1 answer

  19. переопределение br

    Можно как то высоту между сроками задать которые он переносит?

    Asked by ArtOfHuman,

    0 votes
    1 answer

  20. Как изменить цвет текста?

    { margin: 5px 0px 10px 0px; text-align: center; color: #E98402; font-size: 9pt; font-weight: 700; background-image: url(http:/images/button_registration.jpg); background-repeat: no-repeat; width: 203px; height: 37px; } Все свойства выполняются, кроме изменения цвета текста...

    Asked by Alek7y7,

    0 votes
    4 answers

  21. 3 колонки. Высота

    Есть следующий код: <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; height:100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right; height:100%;} #outer2 {margin-left: 832px; height:100%; } #left {width: 50%; float: left; position: relative; left: -832px; height:100%;} #right {width: 50%; margin-left: -1px; float: right; height:100%;} #main {width: 832px; margin: 0px auto; height:100%;} </style> </head> &l…

    Asked by 1nf,

    0 votes
    1 answer

  22. Блок срезается в ИЕ

    В выпадающих меню(Примеры документов и Партнеры) выпарающий блок срезается нижними фоновыми рисунками и даже текстом. А должны быть разумеется поверх всего. z-index не помогает. Во всех браузерах кроме ИЕ все норально. Помогите, пожалуйста. http://vbp.kiev.ua/newverstka/index.html Зарание спасибо.

    Asked by Monster,

    0 votes
    4 answers

  23. не большой вопрос о таблиц

    Добрый день Делаю шаблон для cms, нужно сделать таблицу с тремя столбами, как на картинке: возможно сделать? помогите

    Asked by nuker1,

    0 votes
    10 answers

  24. Проблема с новостями

    Набераю опыт в вертске скажит как поднять блок новости выше.вот картинка код и ксс <!DOCTYPE html> <html> <head> <title>My verst</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <!--Верх--> <!--Верхняя строка--> <div class="hd">Вы вошли как:<font color="#FF0000"> admin</font> </div> <!--Верхняя строка(end)--> <!--Шапка--> <div class="hds">&</div> <!--Шапка(end)--> <!--Нижняя строка--> <div class="hdz">&</div> <!--Нижняя строка(end)--> <!--Верх(end)--> <!--Левый блок--> <div align=…

    Asked by azarkin7,

    0 votes
    6 answers

  25. вопросы по notepad++

    В общем поставил себе нотпад++ и пока кроме подстветки синтаксиса, покопался в настройках загрузил плагины для хтмл и текстFX. В настройках текстFX выставил автоматически закрывать скобки и теги, но что-то не пойму как это действует, пишу тег и что дальше делать в душе не парю. На счет сниппетов тоже проблема в использовании. Горячие клавиши основные не мешало бы тоже узнать. Подскажите пожалуйста кто уже действительно парит в нем. и кто использует E-texteditor? говорят что альтернатива маковскому текстмейту, но что-то я поставил, там даже плагины подключить, испытать гемора надо на пару кг.

    Asked by maxsnw,

    0 votes
    4 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