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. Прозрачные иконки

    Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон

    Asked by brezze,

    0 votes
    15 answers

  2. Проблема с адаптивом на iPhone.

    Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.

    Asked by Vicos,

    0 votes
    4 answers

  3. Пунктир вокруг... кнопок (submit, button) в FF

    С пунктиром вокруг ссылок все понятно a { outline: none; } Эта тема обсуждалась на форуме. А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда: input[type="button"], input[type="submit"]{ ??? } Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.

    Asked by and0605,

    0 votes
    16 answers

  4. Как сделать резиновое вертикальное меню

    Помогите разобраться, не могу никак понять, как нужно сделать, чтобы меню расстягивалось вниз, допустим при добавлении нового пункта меню. Меню построено на основе картинки, не знаю как его порезать и сделать так, чтобы онго расстягивалось. Вот картинка того меню, которое как раз и должно расстягиваться: http://i006.radikal.ru/0805/8f/88030d2cc48e.jpg

    Asked by BRK,

    0 votes
    6 answers

  5. margin - padding в таблице

    Хочу получить нумерованный список в ячейке таблицы и установить отступ от границы ячейки до цифр 10px. Вообще не врубаюсь в логику IE 6, Mozilla, Dreamweaver 8 и как они соответстыуют рекомендации http://www.w3.org/TR/REC-CSS2/box.html. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style title="text/css"> ol{ /*margin-left: 10px;*/ /*Непонятно... в IE 6 цифры не входят в блок ol и заходят на границу ячейки Как считает Mozilla 2.0.0.4 тоже не понятно*/ padding-left: 10px; /*IE 6, Mozilla, Dreamweaver 8 - у всех поразному ...*/ border: 1px solid #00FF66;} li{ …

    Asked by jump,

    0 votes
    7 answers

  6. Как создать вертикальное меню?

    Здравствуйте! Помогите пожалуйста создать вертикальное меню с выпадающими подменю(при наведении мышки).

    Asked by Alannn,

    0 votes
    7 answers

  7. Кодировки.

    Доброго всем дня. Проблема вот в чём: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <link href="css/styles.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> </body> </html> Такой вот прекрасный красивый код, валидатор ничего против не имеет, на хостинге всё работает идеально, никаких проблем. Запускаю на локалхосте. Получаю вот что: п»ї<!DOCTYPE html PUBLIC "-//W3C/…

    Asked by Игорь Ермаков,

    0 votes
    12 answers

  8. увеличение таблицы вверх, а не вниз

    <div class="id1"> <div class="id2"> <table><tr><td>Растягиваем<br><br><br></td></tr></table> </div> </div> id1 с помощью js меняет свои координаты, а id2 должен от него зависеть.То есть куда id1 туда и id2. В чём проблема: таблица в id2 меняет свой размер постоянно и соответственно растягивается вниз, нужно сделать так что бы её фундамент был внизу и любое изменение размера проявлялось к её вытяжке вверх. В css я не силён, поэтому прошу терминологией не кидаться

    Asked by gradus,

    0 votes
    20 answers

  9. при наведении мышки "моргают" кнопки

    http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…

    Asked by WeeklyTea,

    0 votes
    6 answers

  10. Как менять меню, на всех страницах одновременно?

    Подскажите пожалста... что нужно прописать, чтобы вставить НА СТРАНИЦУ меню сайта, сохраненного в отдельном файле? И какие ещё есть простые способы быстро менять меню, на всех страницах одновременно?

    Asked by cdt,

    0 votes
    18 answers

  11. убрать бекграунд из под текста

    Не знаю возможно ли это, вобщем есть текст. Под ним стоит бекраунд. Надо чтобы под текстом его не было! Причем текст разной длины, текста довольно много и поэтому вручную делать не выгодно.

    Asked by GooDMeister,

    0 votes
    25 answers

  12. Скрипт для установки стартовой страницы

    Привет спецы! Нашёл вот в нете скрипт для установки стартовой страницы в браузере, но работает тока в IE и Mozilla/FireFox, что нужно в него добавить чтобы ещё и в Opera работал? Заранее СПАСИБО! <script language="javascript"> function gHomePage(objSrc) { var homepage = "http://www.site.com"; if (objSrc.style.behavior) { // MSIE objSrc.setHomePage(homepage); } else if (netscape && netscape.security && netscape.security.PrivilegeManager && navigator.preference) { // Mozilla/FireFox netscape.security.PrivilegeManager.enableP…

    Asked by norman,

    0 votes
    7 answers

  13. Идентификатор или класс?

    Объясните пожалуйста, нигде найти не могу найти толкового объяснения. А именно: почему параметры основных блоков, таких как footer, main, header советуют тоже через классы задавать? почему id - это не правильно\не эстетично!?

    Asked by SLaVeRS9,

    0 votes
    34 answers

  14. как сделать ссылкой фрагмент блока?

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

    Asked by Proks,

    0 votes
    21 answers

  15. Dreamweaver CS3

    Предлагаю здесь выкладывать различные вопросы по работе Dreamweaver CS3. Вот мой. Свойства страницы/ссылки там можно изменить настройки для всех ссылок на странице, как можно поменять свойства отдельных ссылок на странице (чтоб цвет ссылки был всегда черным и не подчёркивался).

    Asked by antosha,

    0 votes
    25 answers

  16. Прямоугольник+треугольник через псевдоэлемент и градиент

    Как сверстать такую фигуру? Моя идея: Сделать прямоугольник, добавить через псевдоэлемент треугольник. но как сделать его так, чтобы залить градиентом таким же, как и у прямоугольника? Ссылка на псд. http://rghost.ru/56934778

    Asked by Vitalya T,

    0 votes
    5 answers

  17. проблема в ie, неправильный пересч?т картинок

    Здраствуйте, имеется следующая проблема. Есть отдельная страница на которой выводится картинка и под ней панель навигации. Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте. Так вот в ie картинка искажается, поскольку он неправильно считает ширину файла (в css задано как auto) в ff и opera размеря считаются правильно. Ниже прив?л код страницы и css стили для них. <div class="one"> <div class="two"> <a href="img1.shtml" target="_blank"> <img src=" /pic/gallery/avdeev/avdeev1.jpg" alt="avdeev1.jpg, 1438 kB" title="avdeev1" class="image"></a> <div class="image_menu"> <a href="pre2.shtml"&gt…

    Asked by DMGaster,

    0 votes
    12 answers

  18. overflow: hidden, проблема в IE6

    Из за чего в ие 6 в браузере не появляется боковая полоса прокрутки а коннент просто уходит под баузер(обрезается) #content { padding:2px; width:978px; position:relative; background: #FBFBFB url(img/border_left.jpg) repeat-y left ; } #content1 { width:978px; position:relative; background: url(img/border.jpg) repeat-y; background-position: 217px; } #content2 { width:978px; position:relative; overflow:hidden; background: url(img/border.jpg) repeat-y; background-position: 965px; } #left { margin-left: 19px; width:189px; float:left; z-index:4; display: inline; } #right {width:750px; float: right; border:1px solid #B3B3B3; border-top: none; color:#000066; z-index:1; }

    Asked by woofs,

    0 votes
    4 answers

  19. валидация CSS3

    Пытаюсь отвалидить стили по css3. Со всем справился, осталось две загадки: и соответственно проблемные строчки: 18 .pre-line {white-space: pre-line;} <style type="text/css"> 11 h1 {border-radius: 0px 20px 0px 0px;} 12 h2 {border-radius: 0px 0px 20px;} </style> в чём проблема, господа? вроде по мануалам всё правильно написано.

    Asked by Быколай,

    0 votes
    10 answers

  20. DOCTYPE

    Ерунда получается, если вставит DOCTYPE в самый верх, первой строкой. то низ страницы поднимается вверх, хотя страница должна заполнять все пространство... Уродливо выходит. А если DOCTPE поставить под то не проходит проверку валидатора. Что делать?

    Asked by Cyrax,

    0 votes
    18 answers

  21. Создание геометрических фигур в html

    Форумчане, вот такой меня вопросик интересует. Есть ли возможность средствами html или css создавать геометрические фигуры: окружность, прямоугольник, с заданными координатами. радиусом, цветом... нигде не могу наткнуться на эту тему. Спасибо

    Asked by YaFakir,

    0 votes
    8 answers

  22. Форма контактов на Twitter Bootstrap

    Нашел интересную форму контактов сделанную на Twitter Bootstrap, стараю повторить тоже самое на своем сайте, но не получается. Ссылка на урок: http://bootstrap-ninja.ru/snippets/snippet-details/snippet-contacts-form.html Должно получиться так: А у меня получается так: Вот мой исходный код, согласно инструкции я все верно сделал: <!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>nartan.ru</title> <!-- Bootstrap --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css"></head> <body><div class="container"> <br /> <br /> <a href="../" cla…

    Asked by nartan,

    0 votes
    5 answers

  23. Выравнивание слоя в STRICT

    Здравствуйте уважаемые знатоки Вопрос в следующем: Знаете ли Вы способ выровнять блочный элемент разного размера (допустим с кнопками партнеров, либо альт. меню) по центру страницы при STRICT верстке? Условия: 1. aligin="center" не предлагать, почему ? смотри еще раз вопрос? :cool: 2. margin: 0 auto; тоже, поскольку надо задавать ширину центрируемого блока (соответственно при изменении информации в нем, может произойти переполнение) Что можете посоветовать? Спасибо.

    Asked by yauhen,

    0 votes
    16 answers

  24. прблема c двумя <div>-колонками в div-контейнере

    Народ, подскажите плиз... Есть следующая код #container{ width: 800px; margin-left: auto; margin-right: auto; text-align: left; border: 1px solid #E0E2EE; background: #FAFCFB; - не срабатывает в FF и Opere } #left{ width: 75%; padding: 5px 5px 10px 5px; float:left; font-size:0.9em; border-right: 1px solid #E0E2EE; } #right{ width: 22%; padding: 5px 6px 5px 0px; float: right; } #footer{ width: 100%; background: #F8F9FB; float: left; } <div id="container"> <div id="left">Некоторая инфа</div> <div id="right">Некоторая инфа</div> <div id="footer">Подвал<div> </div> Так вот все чудесно, только когда я …

    Asked by Виталий,

    0 votes
    6 answers

  25. Правая граница блока

    Здравствуйте! У меня возникла проблема с сообщениями на сайте! Основной блок сообщения состоит из левого блока (инфа о юзере) и правого (текст сообщения). У правого блока задана правая граница, так вот с ней то и проблема... Проще будет объяснить по скриншоту: В первом сообщении правая граница идет не до конца блока всего комментария, из-за большого сообщения... Как ее расширить на всю предоставляемую ей высоту??? Так не работает: height:100%; display:block; Если что то вот сайт http://109.87.26.150/fiestadle/ (там небольшие проблемы с кодировкой, ставьте utf-8 если что) Заранее спасибо!

    Asked by MC WEST,

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