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. Картинки с сылкой в ряд по горизонтали по центру блока с авто margin

    Доброе утро всем. Начал переделывать сайт под различные девайсы, айпад и тд. Столкнулся с такой проблемкой. Как сделать картики ссылкой в ряд по горизонтали, но чтобы они были по центру блока, если реально то с авто оступами. Проблема в том, что при уменьшении окна, если картинка не влезает, она переносится по левому краю и остается большой кусок пустым это если я использую float left, если его не использовать тогда они у меня выстраиваются по центру но по горизонтали. Вобщем, чтобы понятней было скриншот и приблизительный код ниже: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { ma…

    Asked by bobsa,

    0 votes
    4 answers

  2. Расположение элементов IMG

    Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как

    Asked by DrRobotGranata,

    0 votes
    1 answer

  3. Задание отступов в отдельном столбце таблицы.

    У меня есть таблица с несколькими столбцами, как задать определенный паддинг во всех ячейках некоторого столбца (допустим первом) применяя стили? Не применяя стиль для отдельных ячеек. Пробовал col-ом задать, работает только в ИЕ, а мне б чтоб во всей тройце: ИЕ, ФФ, Опера.

    Asked by Postal,

    0 votes
    2 answers

  4. хак и валидатор

    в верстке использовал хак /* \*/ * html .#sidebar-left { margin-right: -3px; } но валидатор w3.org ругается К сожалению, мы обнаружили следующие ошибки (1) 145 Ошибка разбора .#sidebar-left как сохранить хак и валидатор успокоить ))

    Asked by sc@r@bey,

    0 votes
    8 answers

  5. фиксированный 100% размер таблицы

    <body><table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td valign="top" width="450px" height="100%"> <div id="menu" style="height: 100%; overflow: auto;"><br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s&…

    Asked by CiQ,

    0 votes
    3 answers

  6. Помогите разобраться с позиционированием ДИВов

    Доброго дня. Помогите с позиционированием элементов. Есть 4 дива: <div id="header"></div> <div id="left"></div> <div id="right"></div> <div id="footer"></div> Должно все выглядеть примерно так: Нужно чтобы: 1. при включении свойства display:none у #left, ДИВ #right должен автоматом занимать его место и растягиваться по всей ширине экрана. 2. при изменении размера окна, должны сжиматься ДИВЫ: left - по высоте, до какого то предела, по ширине он фиксированный. right - должен и по высоте и по ширине, до какого то предела header и footer по ширине, по высоте они фиксированные. Подскажите как правильно начать позиционировать, ч…

    Asked by цсс любитель,

    0 votes
    9 answers

  7. схлопывание маргинов не работает для table и p

    У меня написан следующий код: <p>параграф</p> <p>параграф</p> <table> .. содержимое таблицы .. </table> <p>параграф</p> <p>параграф</p> Заданы стили: #content p { line-height:110%; margin:1em 0; } table { margin:1em; width:100%; } Так вот: между параграфами маргины схлапываются как надо, а между таблицей и параграфом нет. Почему так? Как сделать так, чтобы схлапывались?

    Asked by warobushek,

    0 votes
    6 answers

  8. Обтекание DIV

    Стоят у меня 2 тега div <div class="left"></div> <div class="center"></div> в CSS прописано .left { width:200px; float:left; min-width:200; } .center { width:500px; float:left; min-width:500; } Суть проблемы что если сжать окно браузера правый блок "соскакивает" под левый. как сделать чтобы они стояли на месте?

    Asked by MefistofeleS,

    0 votes
    6 answers

  9. избирательность first-child

    объясните пожалуйста почему на страничке псевдокласс :first-child не действует на article ?

    Asked by cyklop77,

    0 votes
    15 answers

  10. Центрирование span по вертикали поверх картинки

    Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span&gt…

    Asked by IntegralAL,

    0 votes
    1 answer

  11. Как реализовать резиновый блок с фиксированным padding?

    Добрый день буду благодарен помощи, условие для задачи только одно - без использования box-sizing

    Asked by Drunk_Monkey,

    0 votes
    3 answers

  12. Растянуть блок за пределы родителя в одну сторону

    https://jsfiddle.net/digitalmedia/1ag23rdb/ Необходимо растянуть блок .map до правого края браузера. Есть ли какое то решение для этого?

    Asked by vip,

    0 votes
    5 answers

  13. Активация кнопок и смена элементов

    Помогите, пожалуйста, разобраться как активировать кнопки чтобы при нажатии на них сменялась информация (текст/картинка). Один отзыв заменял другой. Прикрепляю свой код. Большое спасибо) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="reviews.css"> </head> <body> <style type="text/css"> .uc-reviws { position: relative; display: block; } .uc-reviews-slider{ overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-s…

    Asked by aversa121,

    0 votes
    0 answers

  14. 4пиксельный отступ в ИЕ

    Здравствуйте. Пока что не научился верстать полностью блочно совмещаю таблицы и блоки. Тут две проблемы : 1. Непонятный отступ. 2. Счетчики не хотят вставать в гор. полосу хоть убей. один спригывает. Скрин через ие6 Это все конечно же в самой любимой версии ИЕ 6. Заранее спасибо.

    Asked by musulman,

    0 votes
    4 answers

  15. Подскажите про сайты на Флеш

    я вероятно немного отстал от жизни Есть прекрасные карисвые сайты на Флеше...так вот у меня вопрос чем эти сайты делать Flash MX я думал всегда но тут наткнулся на какойто Adob Flash так вот вопрос что изучать чтобы делать флешь-сайты и еще вопросик где можно инфы почитать как вообще вобщем обстоит и реализуеться дело с флешь-сайтами Заранее спасибо за ответы!

    Asked by struk,

    0 votes
    4 answers

  16. чем выравнивать <th>

    Всем доброго времени суток! появилась задача оформить одну страничку... /* Сайт уже сделан,не мной. Мне доверили только поправить оформление. Сам в этом деле новичок, учусь только... */ Вроде привел к более приятному виду, но никак не выровнить <th>Комментарий</th> по одной линии. Пробовал править в style.css: position, float, margin, text-align(выравнивал по правому краю), но даже при тщательной подгонки чтонить да прыгало по странице...и при смене разрешения монитора все сбивалось... чем выравнять можно??? Так выглядит страница: Это выводит firebug: thead th { border-bottom:3px solid #CCCCCC; padding-right:1em; text-align:left; } Заранее благодарен за п…

    Asked by Bobby,

    0 votes
    11 answers

  17. Выпадающее Меню

    На весь хедер распространяется свойство overflow: hidden (сдерживает бекгрунд), выпадающее меню находится в хедере... Беда в том, что всё что находится в меню не выходит за пределы хедера (т.е. пункты режуться)... Как можно с этим справиться? линк (наведите на услуги)

    Asked by Shugich,

    0 votes
    17 answers

  18. Верстка форм - нужен совет.

    Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.

    Asked by tt48,

    0 votes
    16 answers

  19. Не появляется вертикальная прокрутка в IE

    У меня не стандартный список select (не стандартный тем что, работает с jquery), все в норме работает. Единственное проблема в том, что в IE вертикальная прокрутка не появляется. overflow:scroll не помогает. как еще можно заставить ie чтоб, прокрутил список вверх-вниз. Заранее спасибо. Ссылка на код

    Asked by jumancy,

    0 votes
    3 answers

  20. Вопрос по дизайн шапки сайта DLE

    Привет всем! Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая: В результате получилось: Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз. 1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте 2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине. Часть кода main.tpl {AJAX} <body> <div id="container_wrap"> <div id="header"> <div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div> <div id="…

    Asked by mafusail1900,

    0 votes
    1 answer

  21. Выравнивание по вертикали li без line-height

    Здравствуйте. С помощью гугла я так и не нашёл ответ на свой, вроде бы, распространённый вопрос. В общем как выровнять по вертикали ссылку<a href=""></a>, которая находится в li? line-height и padding отпадают, т.к. ссылка у меня может состоить из 2 строк. А может и из 1. Подскажите, пожалуйста. .

    Asked by prowoke,

    0 votes
    5 answers

  22. Помогите советом

    Добрый вечер! Помогите советом касательно этого сайта testing-field.68edu.ru, хотел сделать его "резиновым", получилось шальное верхнее меню... Хотелось бы послушать, Ваше мнение, что не так, какие ошибки (не только меню), где фатальные ошибки, где тихий ужас ) Может там всё тихий ужас ) Думал, что бы сделать меню картинка-спрайт, ну не могу я выкинуть в топку эту мысль, что ублажался. Может я где то зациклился хз. )

    Asked by nerei,

    0 votes
    10 answers

  23. Выравнивание последней строки

    Как сделать выравние последней строки так, чтобы картинки шли под позицией верхних, а не как для центра и не пойми как по всей ширине: center: http://jsbin.com/ogiPEgiS/1/edit justify: http://jsbin.com/otavaFIQ/2/edit Т.е. выравнивание должно быть по центру. 3яя строка должна быть в той же позиции что и 2ая, только без 3его элемента.

    Asked by TrueMax,

    0 votes
    11 answers

  24. прыгает меню при нажатии помогите

    Приветствую при нажатии на ссылку в меню все ссылки которые там находятся прыгают вверх, потом возвращаются назад смотрится некрасиво ( _polukred.ru вот сайт, на верхнем меню не прыгает только при нажатии на Главная, остальные все нажимаешь - прыгают как исправить не пойму, по моему на всем сайте что то не так с ссылками подскажите что не так в ксс и как поправить ?

    Asked by aeneas,

    0 votes
    3 answers

  25. Проблема с позиционирование с свойством "text-align"

    Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?

    Asked by Super_Saimon,

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