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. не отображаються таблицы на некоторых браузерах

    http://www.angelpaintballguns.info/?page_id=89 на IE отображается отлично (4 таблички в 1м ряду) в фаерфоксе только 1й товар каждого ряда в опере тоже 1й товар каждого ряда доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> пробовал разные, всёравно не помогает как сделать нормальное отображение на всех браузерах? спасибо

    Asked by mephistophile_ua,

    0 votes
    3 answers

  2. dashed подчеркивание h1

    Вобщем столкнулся с такой проблемой: Хочу чтоб h1 у меня подчеркивался dashedoм делаю: <!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=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- h1 { font-size: 2em; border-bottom:1px dashed #F00; } --> </style></head> <body> <h1>sdafk skladfj lksadjf lksadkf asd</h1> <p>fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffgg…

    Asked by iGusse,

    0 votes
    3 answers

  3. Проблема с отображением сайта

    Доброго времени суток. Подскажите пожалуйста, почему такое происходит. Страница сайта загружается не сначала, а с небольшим скролингом, примерно пикселов 20-30. И поэтому шапку сайта видно не полностью, верхняя часть шапки скрывается за верхней границей окна браузера. Может я чего туплю? Но уже несколько дней ломаю голову.. Временно прописал <body onload='window.scroll(0,0)'>, но ведь это не правильно..

    Asked by curious,

    0 votes
    6 answers

  4. Кросбраузерность

    Кто можит помоч с крос браузерностью в ie Сайт

    Asked by Fergus,

    0 votes
    7 answers

  5. Дрессировка кошек

    Помогите выполнить задачу. Необходимо, чтобы морда кошки оставалась на месте, а при изменении размеров окна зарезалась левая часть фотографии. Пробовал привязывать к правой стороне с отрицательными отступами в процентах, но фотография не всегда была вплотную. Надеюсь понятно выразился. Пример: http://jsfiddle.net/eZ2y2/embedded/result/ HTML: <div id="wrapper"> <div style="height: 1000px;">content</div> </div> <img id="photo" src="http://basik.ru/images/firecat/short.jpg"> CSS #wrapper { width: 400px; background: red; margin: 0 auto; opacity: 0.5; } #photo { border: 1px solid blue; position: fixed; top: 0; left: 0; z-index: -1; he…

    Asked by yarikus,

    0 votes
    10 answers

  6. Некорректное отображение навигации на Widescreen'ах

    На стандартных мониторах все замечательно, на вайдскирнах навигация едет вправо и буквы выглядят растянутыми. Если кто-нибудь сталкивался, буду признателен за помощь. Сайт http://christopherbean.com/new/

    Asked by rusmn,

    0 votes
    25 answers

  7. Резина по высоте проблема с футером

    При уменьшении по высоте окна браузера, футер почему-то наезжает на центральную часть. Не пойму как поправить код чтобы не наезжало, и при уменьшении по высоте, просто футер сдвигался вниз, а так он и так прижат всегда к низу. Буду благодарен за помощь, профи <!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" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Language" content="ru" /> <meta name="description" content="descri…

    Asked by okunev2,

    0 votes
    7 answers

  8. Кнопку поиска вставить внутрь формы

    Как сделать чтоб лупа была внутри формы? <form action="/" method="post" class="search"> <input type="text" value="Ваш поисковый запрос..." class="searchfield"> <input title="Найти" alt="Найти" type="image" src="i/search_button.png"> </form>

    Asked by moslem,

    0 votes
    1 answer

  9. В firefox 29.0 неправильно отображается border, где-то 1px, где-то 2px

    Во всех других браузерах проблемы не наблюдаю. Именно Firefox, версия 29.0. Масштаб >=100%. При 80% - нормально, а при 100% и больше делает некоторые линии жирнее. Подскажите пожалуйста как бороться с этим багом? код: <!DOCTYPE HTML><html lang="ru"><head> <meta charset="UTF-8"> <title>JavaScript уроки</title> <style type="text/css"> table { border-collapse:collapse; } td { padding:4px; border:1px solid black; } </style></head><body><!-- <script type="text/javascript" src="operatpry_cikla.js"></script> --><table> <tr> <td> random_text </td> <td> rand…

    Asked by pashtetiprit,

    0 votes
    2 answers

  10. Скрипт отправки сообщений с сайта

    Здравствуйте! Подскажите, ну как,наконец, отправить сообщение с сайта? Я имею в виду скрипт, ну не один не работает у меня.((((( Код: <form id="MyForm" action="mail.php" method="post"> <input type="text" name="name" placeholder="Как Вас зовут?"> <input type="email" name="email" placeholder="Ваш e-mail"> <textarea cols="20" rows="7" name="body" placeholder="Напишите сообщение" required></textarea> <input type="submit" value="Отправить" /> </form>А вот и сам скрипт (этот скрипт я скопировала в файл mail.php <?phpif (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}if (isse…

    Asked by Alfa2015,

    0 votes
    14 answers

  11. Позиционирование элементов списка.

    Добрый день! Имею вот такой нюанс https://jsfiddle.net/yqfyb014/2/ Не понимаю как при помощи CSS решить проблему с позиционированием. Так как я предполагал, что сделав отступ для первого элемента списка, я "паровозом" выровняю все остальные элементы. Но получилось, собственно, то, что на изображении. И хотелось бы понять-как достучаться до первого элемента каждой строки?

    Asked by Super_Saimon,

    0 votes
    6 answers

  12. CSS по правилам Академии HTML и прочих гуру-верстальщиков

    Всем привет! Верстаю сайты более 10 лет. В основном для себя, не для коммерции. Начинал с табличной верстки, потом плавно перешел на блочную. Но никогда не обращал особого внимания на различные правила и рекомендации со стороны опытных верстальщиков. Мой подход к творчеству был предельно прост: если код проходит валидацию - хорошо. Если юзеры не жалуются на поехавшие блоки - ещё лучше! Однако, время и идет и приходится следовать современным тенденциям. После чтения различных материалов, типа "Стиль кода Академии HTML" , возник ряд вопросов, найти ответы на которые не удалось. В частности, касательно рекомендаций, которые даются в руководстве по написанию CSS. Например,…

    Asked by LUC,

    1 vote
    5 answers

  13. Расположение текста на странице

    Помогите, пожалуйста, у меня текст расположен просто по ширине страницы, а надо, чтобы контент занимал 70% ширины страницы и был выровнен по середине с помощью CSS. В общем надо такой вид, как на изображении, что я прикрепила.

    Asked by Elizabeth2018,

    0 votes
    2 answers

  14. Выпадающее меню перекрывается нижеследующим блоком

    Более опытные товарищи, ай нид ё хелп!) Имеется выпадающее меню с классом .sub-menu__list. При наведении оно выпадает, но перекрывается блоком .page__main. Для наглядности прикрепляю скрин и код. Естественно, нужно, чтобы выпадающее меню было поверх контента следующего блока. Подскажите, как это реализовать? P.S. Если нужно поиграть с z-index, подскажите в каком классе, т.к. я перепробовал свои варианты - результата не дало. HTML <header class="header"> <div class="header__all _container"> <div class="header__image"> </div> </div> <…

    Asked by WNSY,

    0 votes
    0 answers

  15. как отцентрировать дивы?

    как отцентрировать дивы в браузере что бы все div-ы находились на одном растоянии по высоте и ширине и накладывались друг на друга и при этом не сьезжал ни один div при уменьшении или увеличении окна браузера.

    Asked by blackrain,

    0 votes
    3 answers

  16. Помогите со стилями

    Доброго времени суток, спасибо вам огромное очень хороший справочник, постоянно пользуюсь. Извините что вот так вот, не спросившись, с первого сообщения и сразу помощь просить, вопросы задавать, просто ощущаю острую необходимость в дельном совете. вопрос: как позиционировать 2 дива со списками слева и справа , чтобы на разных расширениях мониторов смотрелись одинаково по отношению к фону заданному таблице (<table class="main">), а то получается чем больше расширение тем дальше от картинки разъезжаются списки, я пробовал задать дивам relative а также отступы не в пикселях а в процентах, одинакового отображения на разных расширениях получить не смог. сам сайт : e…

    Asked by xlife,

    0 votes
    7 answers

  17. 3 колонки

    Здравствуйте. Помогите пожалуйста сделать вот что: Фиксированная Резиновая Фиксированная И все это на одном ряде. Спасибо... Вот с каким кодом мучаюсь: <div id="main"> <div class="left_container">1</div> <div class="right_container">3</div> <div class="content">2</div> </div> #main .left_container {float:left; width:210px; padding:10px;} #main .content {width:100%; padding:10px; margin:0 240px; position:relative; display:block;} #main .right_container {float:right; width:210px; padding:10px;}

    Asked by Xorigan,

    0 votes
    8 answers

  18. Нужна помощь!)

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

    Asked by b0d,

    0 votes
    15 answers

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

    Помогите, пожалуйста, с проблемой.Есть какой то конкретный каркас. Я задаю контейнеру (там, где будет находиться весь контент), предположим, ширину в 1024px. При этом хочу сделать верхнюю строку на всю ширину экрана, то есть, я помещаю его НЕ в контейнер и задаю определенную высоту и width=100%.И тут возникает проблема - если экран, предположим, >1024, то полоса без проблем тянется, но стоит открыть верстку в разрешении, например, с iPad или с любого другого мобильного устройства, или при просмотре через эмулятор мобильных устройств, эта полоса внезапно прерывается.При чем, это происходит, если делаю, например, background:url("какой-то путь") repeat-x transparent;Такая…

    Asked by Stranger,

    0 votes
    8 answers

  20. Помогите с меню, разделители

    Имеется меню CSS, есть разделители вертикальные, но они никак не хотят отображаться как надо.

    Asked by tart,

    0 votes
    3 answers

  21. Пустое пространство при в?рстке таблицами. Колонка справа

    Весртаю таблицами в XHTML 1.0 Transitional. 4 колокни . Слева на право - первая и вторая имеют фиксированый размер - третей центральной присвоена ширина 100% в надежде растянуть содержание на всю страницу. Крайняя правая (4) также имеет прописаный размер но он игнорируется а) Когда центральная колонка (3) пустует б) Когда она даже непустует иногда (невсегда) ИЕ 6 несоблюдает размеры этой колонки найти причину такого поведения я несмог пока вс? ещ? в поисках = Скрины : 1) Опера в режиме отладка со структурой http://img510.imageshack.us/img510/7927/oeprng2.png 2) FireFox - Firebug http://img250.imageshack.us/img250/4505/fbvg3.png 3) IE 6 - http://img250.imageshack.us/img2…

    Asked by Lan_Dao,

    0 votes
    3 answers

  22. ИЕ не правильно отображает таблицы

    почему ИЕ не правильно отображает таблицы? Все остальные браузеры четко отображают отформатированную таблицу (цвет, рамка, толщина......) спасибо

    Asked by termoplus,

    0 votes
    6 answers

  23. пробивная сила margin-top:-80px;

    <div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png');width:255px; background-repeat: repeat-y; margin-top:0px;"> <div style="margin-top:-80px !important;"> <p style="text-align:left; margin-left:110px; margin-top:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:150%; font-weight:bold;"> Ретро весна 2010<br> Ретро виставка 2010<br> Ретро весна 2010<br> Ретро виставка 2010…

    Asked by Proks,

    0 votes
    4 answers

  24. Масштабируемость IMG в таблице.

    Делаю страничку просмотра объявления, с приложенными к нему одной или несколько фото. Идея в следующем, есть таблица из двух ячеек НЕфикрсированной ширины. В левую ячейку вставляется фото, и растягивается в месте с ней на всю ширину таблицы. Если же фото несколько, то в правую колонку вставляется ещё одна таблица с вложенными в неё миниатюрами остальных фото, после чего левая колонка основной таблицы должна пропорционально уменьшиться вместе с фото, уступив место правой ячейке. Ниже изложенный код работает во всех браузерх, кроме IE. В IE, левая колонка распирается на всю ширину таблицы, а правая ячека выпирает за пределы div'a. Как изменить код, чтобы задумка работала и …

    Asked by sladki,

    0 votes
    3 answers

  25. Как растянуть iframe?

    Всем привет. Люди помогите разобраться с iframe. Как сделать, чтобы он растягивался на всю длину? Вот код, который не хочет работать. Iframe должен быть без полос прокрутки. И как поставить блок div, содержащий фрейм, рядом с блоком содержащим много текста. <html> <body> <div style="max-width:1200px; min-width:800px; margin:4px;"> <div style="width:100%; height:146px; border:solid 1px #000;"></div> <div align="center"> <div style="float:left; width:120px; border:solid 1px #000;"> <br /> много текста <br /> много текста <br /> много текста <br /> много текста <br /> …

    Asked by Straik,

    0 votes
    1 answer
×
×
  • 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