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. Работа clear

    Доброго времени суток. Верстал шаблон и столкнулся с такой проблемой. Внутри блока если поставить у элемента clear, то он вылетает за пределы блок. Если не поставить то верхний блок залезает на элемент. Собственно сабж http://jsfiddle.net/wagJb/1/ Заранее спасибо за помощь.

    Asked by fourty,

    0 votes
    5 answers

  2. Выранивание картинки справа

    Доброе утро всем... Утро сказывается, не могу решит простую задачу. Нужно что бы картинка отображалась справа на сайте. Если начинаю переносить марджином вправо - появляется полоса прокрутки. помогите позиционировать этот листик справа... Как на рисунке. http://ifolder.ru/30588322 - на всякий случай архив с CSS HTML и картинками. <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Страница с листиком</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript">/*<![CDATA[*/with({e:'',p:'addEventListener',d:document})d[p]||d[e…

    Asked by Sheremet,

    0 votes
    2 answers

  3. отвязка линии

    Пишу код и возникла такая проблема: линия <hr> которая была без отступа от левой стороны, теперь отступает вместе с мини-блоком title, хотя линия <hr> отделена от этого блока. Я хочу чтобы линия рисовалась без отступов слева как мне это сделать? <div class="title"> text </div> <div style="clear: left;"></div> <hr style="margin-top: -2px;color:#4D90FE;"/> это стиль класса title: .title { margin-left: 15px; margin-top: 20px; float: left; background: #4D90FE; padding: 4px; color: white; border-radius: 7px 7px 0 0; }

    Asked by robo1500,

    0 votes
    7 answers

  4. Разное отображение СSS в браузерах

    Доброго времени всем! Переделывал расположение блоков-модулей в шаблоне одном под джумлу... Сделал чего планировал. Но когда проверил отображение в Firefox, то пришёл к разочарованию и удивлению. Данный Браузер вообще не такой как все - по-своему всё отображает. Вот скриншоты: и Не пойму, в чём проблема. Может кто подскажет, какими свойствами CSS надо правильно подвинуть содержимое контейнера, содержащегося между тэгами <fieldset>? Вот ссылка на проектируемый сайт: _http://ideya.spb.ru/ Его нужно открыть в разных браузерах, чтобы увидеть различное отображение блока. Пользуюсь для редактирования позицирования элементов следующими инструментами браузеров: правая кн…

    Asked by andreyka,

    0 votes
    4 answers

  5. Не наследуется стиль слоя

    Здравствуйте! Столкнулся со следующей проблемой. У меня в основной слой вложены несколько слоев, которые не наследуют его атрибуты. Код следующий: http://jsfiddle.net/QsxgR/ В принципе, код не длинный, выкладываю ещё и сюда исходники html и css: <div class="about-container"> <div class="threeblocks"> <div class="defaultblock"> <img src="img/book.png" /> asdasdasd asdsdas dad as dasd asd asd as dasd as dasd asd asd asd asd asdasd asd asd </div> <div class="defaultblock"> <img src="img/dots.png" /> asdasdasd </div> <div class="lastblock"> <img src="img/content.png" /> asdasdasd </div> </div> </div&…

    Asked by vladsypchenko,

    0 votes
    4 answers

  6. Нужно сделать таблицу на странице

    Всем привет Только начал создавать landing page. Опыта мало - пришел к вам) такая проблема: хочу на странице сделать некий каталог продукции моей. Вот что-то похожее: Размер картинок должен автоматически подгоняться под заданный размер. Одна позиция будет состоять так же, как и здесь: картинка, название, цена. Но позиционирование не такое: хочу сделать так: -картинка -название -цена То есть каждый элемент находится под другим по центру ячейки. Далее, хочу сделать такое: при наведении на любую картинку каким-то образом красиво появляется какая-нибудь лупа или еще что-то. При нажатии на !ВСЮ ЯЧЕЙКУ!(будь то цена либо картинка), вылазит всплывающее окно уже с моим напи…

    Asked by Dimkar,

    0 votes
    3 answers

  7. Символ юникода

    Вот собственно вопрос хочу себе на сайт установить некий слайдер, и в нем стрелки навигации лево и право описаны через свойство content: "\e601"; то есть это символ юникода Но не могу понять тот слайдер который в примере отображает эти символы юникода правильно, а вот после установки этогго слайдера к себе на сайт этот символ юникода не отображается как надо В чем причина не могу понять?

    Asked by denbon,

    0 votes
    3 answers

  8. Резиновая верста, проблема с DIV

    Доброго времени суток, ковыряю себе резиновый сайт, в <div class="header"> расположена картинка большим размером, за счет css она подстраивается под разрешение экрана, но вот <div class="content"> никак не получается настроить. Контент начинает уходить вправо за окно, появляется скролл, я так понимаю растягивается на изначальную ширину картинки в 1920 px. Подскажите пожалуйста какие параметры надо задать блоку с контентом, что бы он вписывался под разрешение экрана. Не пинайте сильно если код корявый, я только учусь. Спасибо за внимание. <!DOCTYPE html><html lang="ru-RU"><head> <title>Emerald Mascot - питомник сибирских хаски</title…

    Asked by Gromglar,

    0 votes
    6 answers

  9. Почему box-shadow не затеняет картинки?

    подскажите, в чем дело? www.road.media - при разворачивании каталога бренды машин не затеняются, а логотип сайта, например - да.

    Asked by d0ublezer0,

    0 votes
    0 answers

  10. Select или не Select

    Ребят верстаю макет, есть вот такие выпадающие списки Проблема в том что сейчас насколько мне известно полностью стилизовать Select без JS невозможно. полазил в интернете на предмет статей, как это можно реализовать, есть всего 2 способа без использования JS. и оба способа не очень адаптивны, а вернее не адаптивны совсем, А так как я не знаю JS подумал почему не заменить select обычным выпадающим списком стилизованным под select. ведь это гораздо проще, быстрее. валиднее. и адаптивнее,Возник вопрос 1) как к этому отнесуться поисковые системы, есть ли разница для поисковика? 2)как к этому отнесуться програмисты(про чекбоксы не говорю)? Ведь по сути se…

    Asked by Евгений_SB,

    0 votes
    2 answers

  11. Помогите новичку

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>название</title> <style> BODY {background:#FFFFFF;margin:0 auto;padding:0;} ul {padding:0} li {float:left; overflow:hidden; padding-right:10px; padding-left:10px;} .wrap { width:780px; margin: 0 auto;} .logo {background:url(images/Logo.jpg); width:780px; height:180px} .menu-l {background:url(images/left-m.jpg); width:23px; height:49px; float:left } .menu-c {background:url(images/centr-…

    Asked by Duuplexx,

    0 votes
    3 answers

  12. Проверьте ход мысле, пожалуйста.

    Т.е. верстаю я редко, то до сих пор не научился. Вот проверьте меня, пожалуйста, правильно ли я начала верстать сайт, особенно верстка меню меня интересует. Вот ссылка: http://deluxe-okna.ru/ Там css такой: .about { font-size: 15px; color: white; margin: -30px 0 0 35px; } .about a { text-decoration: none; color: white; } .galery { font-size: 15px; margin: -19px 0 0 180px; } .galery a { text-decoration: none; font-size: 15px; color: white; } .production { font-size: 15px; font-size: 15px; margin: -18px 0 0 300px; } .production a { text-decoration: none; color: white; } .answer { font-size: 15px; margin: -17px 0 0 475px; } .answer a { color: white; tex…

    Asked by prowoke,

    0 votes
    5 answers

  13. Некорректное отображение таблицы в IE6

    Всем привет. Имеется вот такой html-код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Тест</title> <style type="text/css"> table { width: 548px height: 340px; background: red; } td { width: 512px; height: 62px; background:green; color:white; } </style> </head> <body> <table cellpadding="16px" cellspacing="18px"> <tr><td>Текст…

    Asked by tvolf,

    0 votes
    2 answers

  14. Цвет подчеркивания ссылки.

    В общем, как задать цвет подчеркивания для ссылки? Ссылки — пункты меню, которое выполнено, как горизонтальный список. Свойство задать нужно ТОЛЬКО(!) для 2 и 3 пункта меню (Каталог, Контакты) Html: <ul> <li><a href="#" id="current">О компании</a></li> <li><a href="#">Каталог</a></li> <li><a href="#" style="width: 115px;">Контакты</a></li> </ul> CSS: ul li a { display:block; float:left; color: #666666; width: 130px; text-align:center; padding:12px 32px 12px 32px; height:25px; font-family: ArialBold; font-size: 16pt; background-color: black; } ul li a:hover { color:white; } ul li a#c…

    Asked by Sedacove,

    0 votes
    3 answers

  15. Помогите правильно вписать блоки

    Приветствую. Помогите пожалуйста разобраться! Дело в том что, если в ниже приведенном коде, убрать параметр "height" из блока "top", то сам блок куда то убегает (попробуйте для наглядности), хотя в него вписаны еще два блока. Если убрать параметр "float" в блоках, вписанных в блок "top" то все нормально, но обтекание мне очень нужно. Вопрос: Как сделать так чтобы блок "top" выравнивался по высоте, пропорционально вписанному в него контенту? А если проще, как исправить вышеупомянутый косяк? Желательно средствами CSS, так как JS не знаю вообще. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <he…

    Asked by persssik,

    0 votes
    2 answers

  16. Как проще сделать такое как на картинке ?

    Доброго дня. Знаю что есть много вариантов такой реализации, но скажите, какой лучше всего использовать на чистом CSS или с Javascript? Вот картинка

    Asked by Saturn,

    0 votes
    5 answers

  17. Проблемы с прозрачностью

    Суть проблемы в следующем: Есть картинка с 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,

    0 votes
    2 answers

  18. "обтекание" блока меню

    Доброй ночи. Есть сайт Пытаюсь переделать под маленькое разрешение монитора, приблизительно 750px по ширине. Надо добиться того, что бы левая часть контента (фотографии) "обтекали" правый блок навигации, при этом, чтобы пока не закончился блок навигации фото шли по 3-и штуки в ряд, а под блоком навигации по пять штук. Желательно без кардинальной переделки вёрстки. Дело в том, что при разном разрешении экрана будут подключаться разные файлы css. И если разрешение будет более 1000px, то сайт должен возвращаться в исходное состояние Подскажите, как решить данную проблему? Сам не могу додуматься... Заранее благодарю откликнувшихся.

    Asked by slo_nik,

    0 votes
    4 answers

  19. Странный эффект у плавающего дива

    Я обнаружил странный эффект у плавающих дивов. Конечно же, мне известно, что поведение элемента со свойством float таит в себе множество сюрпризов. Но данный обнаруженный мною эффект кроссбраузерен за исключением старых версий IE. Поэтому мне кажется, что в стандартах должно быть хоть какое-то объяснение. В примере див в потоке расположен выше тега параграфа, но почему-то получается так, что если див сделать плавающим, то для него сверху окажут воздействие марджины параграфа, расположенного ниже. В примере видно, что сверху над дивом есть марджины (которые являются марджинами параграфа). Что это за особенность?

    Asked by indysiteru,

    0 votes
    3 answers

  20. Проблема с лишним отступом в Firefox

    Короче такая проблема что сделал сайт с помощью position:relative;И еще с помощью jQuery я уменьшил высоту основного блока. Во всех браузерах нормально но в мозилле получается отступ снизу(под футером). Даже не представляю как его убрать. Прошу вашей помощи. Вот сайт

    Asked by NeoMurderer,

    0 votes
    1 answer

  21. проблема с таблицей

    Мужики, помогите сделать красиво таблицу, делал ее на css и вот что получается как вы видите столбцы с числами не ровные, потому что разное кол-во знаков. Как сделать чтобы все ровно было? /* Таблица с прайсом */ table { display: table; background: #000;} tr { display: table-row; } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column ; } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } #caption {caption-side: top;} #caption {caption-side: bottom} #table {display: table;} #table {display: table;} .row {dis…

    Asked by Pato,

    0 votes
    2 answers

  22. Взаимосвязь элементов сайта.

    Добрый день. Есть такая проблема. Предположим, есть сайт, например, на 20 страниц. Есть меню, в которое я хочу добавить какой то определенный пункт. Собственно вопрос: какую технологоию использовать и как сделать, чтобы, добавив пункт на индексную страницу, этот пункт отобразился и на остальных страницах, без правки кода на оставшихся 19 страницах? Заранее благодарен.

    Asked by Stranger,

    0 votes
    4 answers

  23. стилизация input type="file"

    стилизация input type="file" - как можно сделать??? Совсем не устраивает стандартное отображение, и по разным браузерам - по разному отображается.

    Asked by Aerrt85,

    0 votes
    2 answers

  24. Ширина блока по содержимому

    Как известно, ширина блока расчитывается внешним фактором - шириной родителя. А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого: 1) display: inline-block; 2) display: inline-flex; 3) float любой //не подходит, т.к. создаст лишний геморой. Мне нужно, что бы outer оставался в нормальном потоке 4) position: absolute; // тоже не подходит, т.к. вырывает из нормальнного потока. Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту. Но они все какие-то не торт, особенно последние два. Может есть еще какие-нибудь решения, которыми вы хотите подел…

    Asked by Evkaky,

    0 votes
    3 answers

  25. Как правильно пользоваться тегом <input type="file"> ?

    Добрый день. мне нужно передать файл в функцию. Файл выбирается с помощью формы. <form enctype="multipart/form-data" method="post"> <input type="file" name="table"> <input type="submit" value="Отправить"></form><pre><?print_r($_POST);?></pre>После того, как я выбрал файл и отправил форму, массив POST пустой. Если отсылать форму методом GET, то <?print_r($_GET);?> выводит Array ( [table] => myfile.txt ) Получается, что кроме имени файла ничего не передается. А как получить содержимое выбранного файла?

    Asked by Koroed,

    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