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

29,542 questions in this forum

  1. header в середине блока

    скажите пожалуйста не будет ли ошибкой размещение <header> в блоке-родителе после части контента? например так <article class="article_2"> <img class="img" src="images/aside_left/img2.jpg" alt="img" width="63" height="63" /> <header> <h1>Donec lobortis purus vel</h1> <strong>Donec lobortis purus vel urna.</strong> </header> <p class="text">Nunc laoreet lacinia nunc. In volutpat lorem ipsum</p> </article>

    Asked by cyklop77,

    0 votes
    6 answers

  2. Не понимаю поведение элементов часть 2

    Добрый день, Написал очень простенький код, с которым не должно было возникнуть вопросов, но... в браузере IE верхняя строка таблицы не равна заданным 30px. Высота этих двух строк делит пополам эту таблицу. <!DOCTYPE html> <html> <head> <style type="text/css"> html, body { width: 100%; height: 100%; } table { width: 100%; height: 100%; border: 1px green solid; } #wrap { width: 100%; height: 100%; border: 1px red solid; } #firstRow { height: 30px; border: 1px blue solid; } </style> </head> <body> <div id="wrap"> <table> <tr> <td id="firstRow">top</td> </tr>…

    Asked by shtuceron,

    0 votes
    3 answers

  3. Скошенные края

    Добрый день, можно каким-то образом с помощю css сделать такие же скошенные края как на изображении?

    Asked by trofian,

    0 votes
    4 answers

  4. выравнивание абсолютно позиционированного блока по центру

    Здравствуйте! Есть логотип, размером 300 на 100, неровной формы gif без фона, который должен размещаться по верх верстки шапки ровно по центру страницы. Я его разместил следующим образом: <div class='logo'><a href='#'><img src='/img/logo.gif'></a> div.logo {position: absolute; top: 12px; width: 100%; text-align: center;} И все бы ничего, но под 100% ширины слоем оказались ссылки, которые находятся на одной горизонтальной линии с логотипом, слева от него. В IE ссылки работают, а вот в хроме и мазиле нет, т.к. оказались под слоем. Как сделать слой шириной не 100% а 300px и разместить его по центру. В идеале параметр left: 50% - 150px Либо вообще н…

    Asked by fiver,

    0 votes
    6 answers

  5. Как сверстать такое?

    Как сверстать такое при наведении на фото?

    Asked by zsaz,

    0 votes
    2 answers

  6. способ вёрстки - помогите понять

    здравствуйте ребята, помогите понять, вот на этом сайте: http://www.kr-molodegny.ru/1/planirovochnie_reshenija/ каким способом сделана картинка (в правом нижнем углу) с функцией перехода по этажам и показом выбранного этажа? флэш? или сss2? или css3? или ещё что-то? Как это сделано? и также вопрос по кнопкам навигации - они на чём сделаны? на css3 или на js ? спасибо

    Asked by Нusuf,

    0 votes
    4 answers

  7. Умная резиновая верстка

    Доброе время суток. Здесь пример http://web-engineering.com.ua/layout/ Возмозжо ли чтобы правий блок с полосами имел min-width и при етом не сваливался вниз при уменшении окна? То есть, я хочу чтобы при сжатии окна до определенного размера ширина полос зафиксировалась и дальнейшее сжатие осуществлялось только за счет тескта. Если что то не так, извините. Всю недостающую информацию готов предоставить. Спасибо

    Asked by gonandriy,

    0 votes
    7 answers

  8. width таблицы

    подскажите пожалуйста почему здесь .right<30px , .left<30px, .date<150px

    Asked by cyklop77,

    0 votes
    3 answers

  9. Проблема позиционирования

    Здравствуйте, на моей станице сверху есть новостной блок (http://concerts.in.ua/), если смотреть в Firefox, то у первой новости дата уплывает наверх, если смотреть в Опере или Хроме, то дата плывёт наверх в первой и во второй новости. В общем не как не могу понять, как сделать так чтобы дата оставалась на месте во всех браузерах...

    Asked by param,

    0 votes
    9 answers

  10. Как выровнять картинки по ширине?

    Имеется несколько картинок одинаковой высоты, мне нужно разместить их в диве шириной 1000px, таким образом, чтобы отступы автоматически формировались(что-то типа justify для текста). Возможно ли это сделать без Js ?

    Asked by marker,

    0 votes
    3 answers

  11. Отображение переменной ячейками по строке

    Здравствуйте! Подскажите, пожалуйста, каким образом можно сделать такую вещь: выводится список из последних просмотренных товаров и выглядит он так: Товар 1 Товар 2 Товар 3 Т.е. каждый ниже другого, а как можно сделать чтобы вид был такой: Товар 1 Товар 2 Товар 3. В коде это выглядит, как переменная #item#. Сначала идет сет, в котором говорится что именно он описывает вид отображения данного модуля. set value="#item#" . Мне получается необходимо ее оформить примерно в таком виде(пробовал не получается): set="value= <td> <tr><td>#item#</td></tr> </td>"

    Asked by MagAssist,

    0 votes
    5 answers

  12. Скругленные уголки

    Скажите, если в psd макете у элементов присутствуют скругленные уголки, как их вырезать для того, чтобы сверстать макет и нужно ли их вырезать вообще?

    Asked by Heidel,

    0 votes
    5 answers

  13. Смещение текста в Мозиле

    Уже замучался, все перепробовал, но в мозиле текст ссылки смещен на один пиксель если сравнить с оперой!В чем может быть проблема? Показываю на фото как это выглядит.. Сама верстка находится по этому адресу: http://www.filipenkov.com/works/okkervil/ Подскажите, как можно исправить, не использую хаки!

    Asked by genyfild,

    0 votes
    7 answers

  14. Резиновый сайт с фиксированным сайдбаром

    Не получается тольком сделать сайт с фиксированной шириной сайдбара и резиновым контентом. К примеру родительский блок 100%, сайдбар 300 пикселей, а контент в чем измерять ?

    Asked by kpripper,

    0 votes
    3 answers

  15. Footer

    Верстальщики! Помогите с footer(ам), при переходе на несуществующею страницу происходит следующее! Моя ссылка

    Asked by Intern,

    0 votes
    4 answers

  16. разделение картинки на зоны клика мышки

    здравствуйте ребята, посоветуйте. вот здесь: http://www.kr-molodegny.ru/1/planirovochnie_reshenija/ в правом нижней углу картинка раскладки этажей. мне нужно сделать то же самое. видно, что там при подведении курсора выделяется полоска этажа. посоветуйте, как рационально это сделать? думаю так: наложить на картику сетку из div(ов) ..или таблицу, которую потом разбить на зоны hover если честно, сама плохо понимаю, что говорю. посоветуйте, как приступить к исполнению этого дела? какой алгоритм действий может быть? спасибо

    Asked by Нusuf,

    0 votes
    2 answers

  17. Вертикальное выравнивание текста

    Здрасте. У меня есть код цсс: body{ margin: 20px; } #logotext{ text-align: left; vertical-align: bottom; } #header{ background:#bdda7e; margin-bottom: 5px; width: 100%; height: 100px; border:1px solid #a4ce60; border-bottom:1.5px solid; } и код хтмл: ... <body> <div id="header"> <div id="logotext">PopStar</div> </div> <div id="leftcolumn"> ... скриншот. Вопрос: почему не происходить вертикальное позиционирование текста "PopStar"? В чем может быть проблема - не могу понять. Может кто разъяснить нюансы?

    Asked by xunicornx,

    0 votes
    1 answer

  18. @font-face

    Всем доброго времени суток. Проблема следующая описываю @font-face в css следующим образом: @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } для вложенных тегов типа #menu ul li a {fon-family: MyWebFont} шрифт не подключается для тега <a href="#">...</a> , если отдельно описать a{font-family:MyWebFont; } и в html разместить не вложенный тег <a href="#">.....</a>, то шрифт подключается, п…

    Asked by romanov,

    0 votes
    0 answers

  19. Тест на кроссбраузерность

    Во всех браузерах не перетестишь. Какие есть мнения по поводу разумного минимума? Насколько можно с доверием относиться к данной статистике http://www.liveinternet.ru/stat/ru/browsers.html?slice=ru;period=month ? Если она корректна, усталый 6-7 Ишачёк почил навеки.

    Asked by seemax,

    0 votes
    5 answers

  20. Как установить блок в правый верхний угол <body> ?

    Как установить блок в правый верхний угол <body> ? Это по клику у меня будет появляться блок в правом верхнем углу c сообщением. Подскажите какие CSS данные нужно добавить в <div></div> ? Оказывается по спешке написал вместо нуля букву "о" Вот решение <div class="alert alert-success" style="position:absolute; top:0px; right:0px"> <button class="close" data-dismiss="alert">?</button> Сообщение отправлено. </div>

    Asked by Krava,

    0 votes
    1 answer

  21. в IE глючит всплывающая форма

    Добрый день. Помогите разобраться, почему в IE здесь http://lucky-brand.ru/ при клике на "войти" в правом верхнем углу всплывающая форма отображается некорректно. В других браузерах все нормально

    Asked by Koroed,

    0 votes
    0 answers

  22. оправданная избыточность?

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

    Asked by cyklop77,

    0 votes
    0 answers

  23. Горизонтальное меню

    Добрый день! Подскажите как с помощью маркированного списка сделать такое горизонтальное меню и работало в IE 6? При наведении ссылка выделяется вот таким фоном Само горизонтальное меню имеет фон - градиент: Выделяется ссылка также градиентом: У каждой ссылки в меню справа добавляется иконка (для примера ссылка - наши объекты): Код HTML <div class="navbar"> <ul> <li><a href="#">О продукции</a></li> <li><a href="#">Наши объекты</a></li> <li><a href="#" class="icon-calculator">Оконный калькулятор</a></li> <li><a href="#">Задать вопрос</a></li&…

    Asked by Macdonald,

    0 votes
    13 answers

  24. грязный фон

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

    Asked by cyklop77,

    0 votes
    4 answers

  25. Проблему верстки в IE

    Здраствуйте!Я начинающий верстальщик)Создал сайт аниме тематики просмотрел сайт вробед как-то все показывает все нормально))Но осел и в африке осел))Вопрос почему каринку указанные в css коде не показывают в IE?))Заранее спсибо) Ссылка на сайт P.SДублировал тему так как старая находится где-то далеко,а решить эту проблему надо срочно..Ребят проблема действительно для не меня не выполнима..перепробывал все)плииз помогите!

    Asked by ELBegemotos,

    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