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. Галерея Wordpress

    Задумка такая, чтобы простой обыватель, не знакомый с кодом html мог через админку wordpress добавлять изображения на страницу, но чтобы они при этом открывались как через какой-нибудь lightbox, т.е. красивенько так. Есть ли возможность это сделать, т.е. чтобы не в ручную прописывать rel для каждой ссылки-изображения, а чтобы это делалось само автоматом. С фильтрами я не знаком, но может есть такой плагин, который позволяет загружать изображения и добавлять им это свойство?

    Asked by maliyshock,

    0 votes
    8 answers

  2. Как расположить один блок поверх другого?

    Люди добрые, помогите разобраться. Я хочу один блок рассположить над другим что бы второй полностью закрывал первый, а родитель растягивался или сжимался автоматом в зависимости от того виден в данный момент второй или нет. У меня есть решение, через float и margin, которое работает в Firefox: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div style="float:right;margin:0px;padding:0px;width:auto !important;position: relative !important;border:1px solid black;background-color:#f9f9f9"> <div style="display:block;float:left;width:100%"> Оглавление №1</div> <!-- hack for firefox and chrome --&gt…

    Asked by Входящий,

    0 votes
    0 answers

  3. Меню с углами

    Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.

    Asked by Imperil,

    0 votes
    6 answers

  4. Помогите с проблемой, появляется пунктирная линия под картинкой.

    Я новичок, сейчас делаю сайт, собственно вот он: _http://personaastro.ru и проблема в отображении на главной странице активных ссылок в виде картинок. Под этими картинками в некоторых браузерах, а именно в firefox и opera, появляется пунктирная линия. По другим форумам мне не могут дать ответ, советуют параметны img src выставить 0 и none, уже выставляли и в коде css, и на странице, не помогает.. вот текущий скрипт: <acronym title="/ov-tod.html" style="/aries.png" width="Телец"> <a href="/tel-tod.html"><img src="taurus.png" width="Близнецы"> <a href="/bli-tod.html"><img src="/gemini.png" width="Рак"> <a href="/rak-tod.html"><img src…

    Asked by ilia,

    0 votes
    9 answers

  5. Отображение текста по наведению (без скрипта)

    хочу добавить функцию отображения текста по наведению без скрипта, с помощью свойства visibility (http://htmlbook.ru/css/visibility), но довести не могу. Затык в том, что текст наложен на хитрую блочную картинку-ссылку, которая также меняет отображение при наведении. Видимо, вместе они начинают каким-то образом конфликтовать... Тестовая страница (блок - Резка керамогранита): http://www.mastermozaik.ru/index/0-45 Упрощенный код (без тайтлов, альтов...): <div class="good400" style="background:url('/Goods/DSCN0594-400-02.jpg');"> <a href="/index/0-16" class="goods400"><div class="goodtext">Отображаемый текст</div></a> </div> css: .goo…

    Asked by Joerrigo,

    0 votes
    4 answers

  6. Непонятный отступ с margin-top?

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/index.css" rel="stylesheet" type="text/css"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Лесничество"Русский Лес"</title> </head> <body> <div id="header"> <div id="vc"> </div> </div> <div id="podl_content"> <div id="content"> <div class="ukaz"> <h2>Информация о филиале</h2> </div> <div id="footer"> </div> </div> </div> <br /&…

    Asked by doox911,

    0 votes
    1 answer

  7. Первая верстка (ошибки)

    Всем доброй ночи ! Изучать html и css начал недавно , посмотрел кучу видео уроков , прочитал несколько книжек . И наконец решился приступить к практике . Сверстал наконец свой первый сайт ( html + css без скриптов ) использовал вёрстку столбцами (позаимствовал тб) . Плюс , корявенько сделал слайдер на ксс (в ходе проверки прошу не учитывать ошибки в слайдере), не подключил шрифты . Прошу вас проверить макет на наличие ошибок , и указать хотя бы парочку серьёзных . Очень интересна данная сфера деятельности , хочу дальше развиваться в ней . Большое спасибо ! http : // webfile . ru/23477224f7c6c89fa2df0f2098c6eb95 https://d13yacurqjgara.cloudfront.net/users/504740/…

    Asked by toyboy,

    0 votes
    10 answers

  8. url в виде /path/param вместо /path?par=param в form submit

    Добрый день! Возникла необходимость сделать как в заголовке. т.е. сейчас есть форма, два селекта. При нажатии на кнопку вызывается url вида /path?par=param&par2=param2 где param и param2 берутся из селектов с именем par и par2 соответственно. Надо сделать /path/par/param/par2/param вместо этого, чтобы соответствовать api сервера, или path/param/param2 - тоже сработает. Это вообще возможно сделать без JS? должно работать при noscript. Заранее спасибо, и простите, если вопрос дебильный - новичок я...

    Asked by Apec,

    0 votes
    5 answers

  9. Сделать для Лендинг пейдж Бег граунд

    Злраствуйте пишу в html body> <header id="header" class="header"> <div class="conteiner"> </div> </header> в css .conteiner{ width: 1170px; margin: auto; } .header{ background-image: url(/img/SouthSeasView3.png) no-repeat center top ; background-size:cover; } и у меня картинка не появляется. в чем может быть проблема? спасибо

    Asked by ОлесяДом,

    0 votes
    2 answers

  10. Автоотступ перед div в Mozilla

    Здравствуйте, У меня возникла такая проблема: Mozilla вставляет над дивом отступ размером 13 пикселей. Опера и ИЕ этого не делают. Если сделать в td valign=bottom, проблема сохраняется, отступ тогда будет снизу. У таблицы указаны cellPadding и cellSpacing равные нулю. <td width="200" bgcolor="#cccccc" valign="top" style="font: 0; padding: 0"> <div style="position: relative; top: 0; left: 0; margin: 0; padding: 0; background-color: #eeeeee"> <p>menucontent</p> </div> </td> В результате в Mozilla в td над серым дивом кусок высотой в 13px цвета #cccccc. Своими силами решить проблему не удается. Помогите, пожалуйста.

    Asked by dpDiver,

    0 votes
    2 answers

  11. Проможетки между слоями при postion:absolute

    Вопрос заключается в следующем: как разеделить слои при абсолютном позиционировании?, не прибегая к раздаче индивидуальных координтат каждому, что замедлит рендеринг. При обычном позиционировании я просто делал пустой слой с нужным мне height. Когда я вствляю такой же слой посередине 2-х слоёв, которые находятся в одном общем слое с postion:absolute, высота пустого слоя увеличивается, но он ожидаемо распологается на странице «сам по себе» поверх, начинаясь с тех же координтат, что и оба слоя находящихся внутри общего, никак не меняя расстояния между верхним и нижнем слоем. P.S. Модератор, пожалуйста исправь в названии темы слово «Проможетки».

    Asked by jas0n,

    0 votes
    2 answers

  12. Помогите с формой..

    Пожалуйста, помогите создать такую же форму. А то я не могу разобраться с ней((( Заранее всем благодарен. ( смотрел примеры разные, ничего не получилось((( И куда свой е майл вписывать не пойму(( Помогите..

    Asked by Dino23,

    0 votes
    3 answers

  13. опять 2 колонки

    Столкнулся с проблемкой... вроде обычный двухколончатый макет, но не знаю как сделать так, чтобы колонки были одной высоты, которая бы зависела от наполнения... т.е. 2 колонки вели себя как колонки таблицы и могли растягивать вниз общую нижнюю границу... В моем коде граница может растягиваться только в зависимости от наполнения правой колонки, а вот если в левой колонке больше контента, то он за границу лезет... Может есть у кого-то мысли или делал кто-то... Таблицей сделать можно легко, но хочется css и дивы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">…

    Asked by dber,

    0 votes
    2 answers

  14. Резиновая верстка

    Ребята подскажите!!! Можно ли сверстать страницу резиновой ??? Макет

    Asked by web-publisher,

    0 votes
    3 answers

  15. Элемент padding в FireFox3

    Добрый день! Всех с последним днём зимы! Вот тут возникла кракозябра, парился всю ночь, но ничего не вышло, суть такова: Пишу шаблон для SMF, и начал создавать меню. Суть идеи такова - при наведении на пункт меню задний план меняется. Реализовать решил в <ul> Вышло примерно так: <div id="main_menu"> <ul class="clearfix"> <li id="button_home" class="active"> <a title="home" href="http://localhost/rc1/index.php"> <span><em>Начало</em></span> </a> </li> <li id="button_help"> <a title="help" href="http://localhost/rc1/index.php?action=help"> <span>Помощь</…

    Asked by Gmans,

    0 votes
    3 answers

  16. float

    Вобщем, необходимо используя дивы и float сделать шесть див - голову, контейнер, лево, право, центр, футер Вот примерно схема _______________________________________________________________________ | header | |______________________________________________________________________| ______________________________________________________________________ | __________________________________________________________________ | | | left | center | right | | | |____|___________…

    Asked by Boris.d,

    0 votes
    4 answers

  17. Крах страницы из-за ошибки в CSS

    в общем ситуация такая, есть сайт, верстку я делал сам, все работало как часы, HTML+CSS+JS(jQuery), тут заказчик захотел представить сайт в немного другом цвете, я поменял цвета, вроде все ок, но почему то из-за того что я поменял что-то в CSSке у меня все формы и кнопки на сайте не нажимаются, ссылки даже при наведении никак не реагируют, но выделяются как текст, есть флешка с кнопами на ней тоже ноль эмоций, будто события заблокировались, при этом ни оперовский драгонфлай ни файрфоксовский файрбаг никаких претензиий к странице не выдвигают, отключаю инклуд CSS в страницу, все работает ок, включаю опять эти глюки, в jQuery только однажды меняю у объектов классы, но в пре…

    Asked by Device,

    0 votes
    4 answers

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

    Ребят, вот собственно проблема, не пойму в чем дело: это css этого списка: ul.producers { width: 112px; display: block; margin-left: 21px; } ul.producers a { color: #59778c; font: normal 12px Arial; text-decoration: none; padding-left: 16px; } ul.producers a:hover { text-decoration: underline; } ul.producers li { margin-bottom: 8px; background: url('./images/gt2.gif') 0px 5px no-repeat; } Как сделать чтобы везде выглядело как в ИЕ8 и Опере?

    Asked by okunev2,

    0 votes
    2 answers

  19. помогите с меню!

    такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…

    Asked by -O-J-A-,

    0 votes
    4 answers

  20. Не одинаковое отображение кнопок

    Положение кнопок отображается по разному в IE7, в остльных браузерах норм. стили inputov одинаковые, они просто идентичны кроме параметров. вот фото http://i054.radikal.ru/1012/7e/57e5c277bb63.jpg в чем может быть трабл?

    Asked by Graf.Vampir,

    0 votes
    3 answers

  21. IE7, 8 Растягивает жесткий макет на всю ширину окна. Как это победить?

    Доброго всем времени суток! Подскажите пожалуйста, почему IE7, 8, растягивает жесткий макет на всю ширину своего окна, тогда как в опере или фф, все нормально и остается место для фона слева и справа? Каркас жесткий 1000px. Верстаю первый макет на divах, может чего не так изначально?

    Asked by viv,

    0 votes
    10 answers

  22. Как сделать div с одной стороны...

    Как сделать div с одной стороны с закругленными уголками, а с другой нет? Мне нужен эффект "торчащего из-за окна браузера" блока... Вот скрин если нужно... На нем видно блок, который торчит из-за левого окна браузера... Как мне так сделать?

    Asked by htmlonline,

    0 votes
    5 answers

  23. Отключить скроллинг

    Кратко расскажу для чего мне это надо: У меня есть модальное окно (сделано с OrangeBox) При открытии этого окна, я не хочу чтобы работал скроллинг (как например в facebook при открытии фото в ленте) Для этого я даю body overflow:hidden. Все работает, но верстка ломается. Т.е. если до исчезновения скролла ширина документа было скажем 500px, то после того как убирается 490px. В итоге контейнер смещается туда сюда при открытии и закрытии модального окна. Как решить данную проблему.

    Asked by across,

    0 votes
    2 answers

  24. img в div блоке

    Доброго времени суток! Подскажите, пожалуйста, как разместить изображение в таком блоке: <div class="box"> <h2 class="title title-box">Меню раздела</h2> <div class="box-content">Текст</div> </div> .box { margin: 10px; border: 2px solid #BBB; width: 210px; height:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#fafafa; box-shadow: 0 0 5px #e4e5e7; } h2.title-box { border-bottom: 2px solid #BBB; height: 40px; background: url(фон) repeat-x; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-toprigh…

    Asked by malsyst,

    0 votes
    12 answers

  25. IE крайне некорректно отображает содержимое.

    Вот сайт. Открыть его в нормальном браузере и в осле - две разные вещи. Во-первых, плывет шапка. Во-вторых, бекграунд элементов списка чудом исчез. Да и вроде все, но эти два портят всю картину дизайна. Я уже вдоль и поперек облазил код с помощью средства для разработчиков в осле, но ничего подозрительного не нашел. P.S.: табличную верстку пришлось использовать только из-за поджимающих сроков... Поймите, пожалуйста

    Asked by Mosya,

    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