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. Не работает width для img

    IE не хочет реагировать на то, что ширина картинки 100%, не смотря на то, что ширина внешнего элемента тоже 100%, да и вообще все выглядит правильным. Как быть? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> </title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <img src="images/top_back_new.jpg" width="100%"> </td> </table> </td> </tr> <td> </td> <td> &l…

    Asked by ivan_t_b,

    0 votes
    5 answers

  2. Банально - резиновый трехколоночный макет одинаковой высоты колонок, но...

    Коллеги, нужно решение или пинок, я и еще один сторонний верстальщик с этим вопросом не справились Есть макет из трех колонок, левая\правая фиксированной ширины, центральная соответственно резина, сам сайт резиновый по ширине экрана Нужно сверстать блоками, левая\правая колонки имеют фоновую заливку в соответствии с макетом дизайна и все три колонки должны быть одной высоты по самому заполненному блоку background: url("../images/bg_module.gif") repeat-y; Все инструкции что я встречал по данной ситуации говорят делать через отрицательный margin и border-left: 200px solid #FFF2BF; /* фон левого сайдбара */ Но меня это соответственно не устраивает, поскольку нужна фоновая…

    Asked by Sulpher,

    0 votes
    2 answers

  3. Доктайп

    Добрый день. Не нашёл нужного раздела, извините. Делаю сайт в первый раз. на главной странице написал доктайп: <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <li…

    Asked by Faran,

    0 votes
    5 answers

  4. Блочная верстка + картинка в background

    Доброго времени суток всем! Помогите советом как быть? Нужно сверстать макет, в background`е будет большая красочная картинка. Возник вопрос как лучше сделать? Можно конечно забацать таблицами и попились общий фон на куски. А как сделать если верстать блоками? Картинку всю целиком в фон пихать? просто картинка здоровая и если целиком вставлять, то будет достаточно тяжелая, мне кажется, и будет долго грузиться. Заранее благодарен за ответы.

    Asked by pro1rock1,

    0 votes
    3 answers

  5. конфликт с Mozilla Firefox

    Уважаемые! Есть карта (фон. картинка map.gif) с возможностью выбора региона, так вот при наведении на один из регионов (город), картинка (star.gif) подсвечивает выбранный регион. В IE все вроде прекрасно работает. Но вот решил проверить в Mozilla Firefox, а там картинка (star.gif) не перемещается к выбранному региону (городу), весит в самом верхнем углу хоть убейся . Пол ночи ковыряюсь (методом тыка), но никак не пойму, где копать и на какой участок кода смотреть.. Здесь на форуме тоже порылся, но ничего не нашёл похожего. Есть правда упоминания про отрицательный - Z-INDEX: но вот сижу и туплю, никак разобраться не могу пните меня в нужное место или помогите с участком к…

    Asked by Shatun,

    0 votes
    11 answers

  6. !Doctype

    Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?

    Asked by Анна,

    0 votes
    4 answers

  7. Как установить высоту дива, вложенного в другой див во всю высоту экрана браузера, без яваскрипта?

    привет, html,body{height: 100%;}.page{overflow: hidden;min-height: 100%;} .c1{width: 50%;float: left;}.c2{width: 200px;float: left;;padding: 0 10px 0 10px;}.c3{width: 50%;float: right;;}.c1 .wrp { height: 100%; margin-right: 100px;padding: 10px;} .c3 .wrp {height: 100%; margin-left: 100px;padding: 10px;}<div class="page"> <div class="c1"><div class="wrp"></div></div> <div class="c3"><div class="wrp"></div></div> <div class="c2"> </div></div>Нужно дивы .c3.wrp и .c1.wrp растянуть на 100% экрана, его родитель .с1 имеет своего родителя .page - который на сто процетов экрана растягивается, но див .с1 …

    Asked by riki,

    0 votes
    5 answers

  8. Выровнять центральный блок между двумя блоками по центру

    Здравствуйте! Суть состоит вот в чем, в шапке есть 3 блока (по настоящему их - 5, ниже я нарисовал схему для понятности). Надо средний блок #conteiner, вместе с его содержимым, выровнять по центру, относительно двух крайних - #akciya и #order_form. Ну или на худой конец, хотя бы по центру шапки. Абсолютное позиционирование не подходит. При разных разрешениях монитора, крайние блоки уйдут в стороны, а средний останется на своей позиции. Думал уже воспользоваться табличной версткой, но, я так понимаю, что при табличной вестке можно забыть про обтекание элеменов (что бы при масштабировании окна браузера, элементы таблицы съезжали вниз). Скриншот для наглядности CS…

    Asked by px379,

    0 votes
    4 answers

  9. Принцип или гайд по верстке

    Ребят, привет, подскажите какой то гайд по верстке сайтов слайдеров, типо https://cuberto.ru/

    Asked by exoty,

    0 votes
    5 answers

  10. Submit неотмеченного checkbox-а

    Здравствуйте. Вроде бы простая проблема, но совершенно поставила меня в тупик. Мне нужен checkbox, который при submit-е передает 0 если он не отмечен, и 1 когда отмечен. Когда он отмечен проблем нет, все работает как надо. Но когда бокс не отмечен, он вообще не передается в запрос. Можно ли как-нибудь сделать чтоб его статус всегда передавался, независимо, отмечен он или нет? Вот его код: <input name="nulpack" type="checkbox" id="nulpack" value="1" /> При отмеченном: test-1.html?nulpack=1 При неотмеченном: test-1.html? (надо чтобы было nulpack=0)

    Asked by Keroro,

    0 votes
    5 answers

  11. Синтаксическая ошибка

    привет всем, помогите с данной проблемой, как найти и убрать синтаксическую ошибку в файле? выходит надпись: Parse error: syntax error, unexpected T_DOUBLE_ARROW in /home/name/public_html/forum/viewtopic.php on line 1102 есть программа какая нибудь где идет счет строк?

    Asked by dar888,

    0 votes
    2 answers

  12. Сжатие CSS

    Посоветуйте, пожалуйста, средства для сжатия CSS, к примеру, чтобы лишние пробелы удалялись и т.п. Пользуется кто-то таким? Есть смысл?

    Asked by Mr.Smith,

    0 votes
    7 answers

  13. Таблицы сильно тормозят браузер?

    Всем привет. Мне тут понадобились элементы типа кнопок с закругленными концами, я все сделал с помощью таблиц. Первая и последняя ячейки картинки, по центру контент. Кнопок таких достаточно много на странице. Может имеет смысл вместо таблиц использовать что то другое? я просто полный новичок и мне с таблицами проще пока работать, а на других сайтах вижу что дивы / списки и проч. хрень используется. И еще один вопрос. У меня есть таблица на весь экран, когда размер окна меняется, я удалаю/добавляю к ней новые столбцы/строки по необходимости. Как то притормаживает это, есть ли возможности сделать подобное на дивах? Спасибо большое за помощь

    Asked by maximspb,

    0 votes
    8 answers

  14. Приклеивание частей в верху и низу в одной колонке

    Что-то никак не могу сделать. На сайте слева есть колонка. Картинку и меню сайта я приклеил к верху страницы. Но в той же колонке нужно, чтобы некий текст "Все права защищены. При использовании ссылка обязательна", ну типа того, чтобы был приклеен к низу колонки. То есть когда справа будет много текста, левая колонка чтобы вытягивалась, но нужный текст уходил с колонкой вниз. Знаю, что это valign=bottom, но как это сделать кодами хтмльными, а то я что-то не смог сделать. У меня код не работает. КУда его нужно заключать? Я пробовал в <p>, но не сработало. ЕСли вдруг нужно посмотреть сайт, то он уже висит в Сети: http://vdo555.narod.ru/ Спасибо всем заранее

    Asked by alef,

    0 votes
    12 answers

  15. убрать верхнюю полосу

    Всем привет, Если зайти на страницу http://oherron.com/backend.php/login и кликнуть на "login" без ввода мейла/пароля то сверху над полем мейла будет выведен серый прямоугольник с ошибкой, но также будет серый прямоугольник сверху страницы - который нужно убрать. Для вывода этой ошибки выводится код <div class="ErrorLine margin"> Enter email and password! </div> с описанием в стилях .ErrorLine{ color:red; margin:0 auto 13px; width:356px; height:20px; background-color:#eeeeee; text-align:center; padding-top:4px; position:relative; top: 260px; left:0px; } Верстка там не моя Все мои попытки убрать верхнюю полосу никчему не привели. На странице только 1 эле…

    Asked by mstdmstd,

    0 votes
    5 answers

  16. baron scroll sidebar в Фарфоксе отображается свой скролл

    Доброго дня. http://codepen.io/npofopr/pen/xwWqWX как побороть скролл в ФФ для baron, под виндой, видимо? где то видимо overflow: hidden; не хватает, но найти не могу где. Оно или скроллить перестаёт или 2 скролла. Потому что в примерах всё работает.... Может пользовался кто нибудь baron?

    Asked by npofopr,

    0 votes
    6 answers

  17. 2 проблемы

    В общем сайт http://underwhat.mpchat.ru/ Там видно что ? Чаты при поддержке mpchat.ru налезло на картинку. Как это ? Чаты при поддержке mpchat.ru перенести вниз?Непойму никак..смотрела другие коды всеравно там же оста?тся... И как сделать чтобы снег падал до конца документа? Вот код если что... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css…

    Asked by giba,

    0 votes
    6 answers

  18. Примеры сайтов с SSI и с входным index.shtml

    Я не решаюсь перевести вес сайт к формату SSI (т.е. *.shtml) Не решаюсь, так как после этого мне придется переделывать все регистрации в каталогах, в поисковиках и т.д. Если вы знаете, пожалуйста дайте линки сайтов, которые в реале работают на методах SSI К стати, я иажк приложила бы такие примерные линки к статье о SSI (в этом же сайте)

    Asked by Dobo,

    0 votes
    5 answers

  19. Пропорциональное масштабирование <img>

    Доброе время суток нужна помощь с масштабированием кнопки (пожалуйста [а то я уже запарился читать и нехрина не доганять]) подробности здесь - https://onedrive.live.com/redir?resid=52ADAD5F450670A4!382&authkey=!AAM1xQaBQ4zzhEs&ithint=file%2cmht за ранее спасибо​ с уважением Д.Владимир

    Asked by Wladimir,

    0 votes
    8 answers

  20. Проблема отображения в Опере и относительное положение

    Делаю шаблончик для сайта, возникли следующие проблемы: 1. В Опере меню деформируется. Опытным путем я пришел к причине: если делать div с прокруткой или вставлять для content фрейм (тоже с прокруткой), меню деформируется при наведение. Если убрать из кода элемент с прокруткой, меню будет работать нормально. Есть ли какой-либо фикс для Оперы для таких случаях? 2. В меню не сделать записать вида "Пункт >" (стрелочка должна прилегать к противоположному краю). Как я понимаю, это происходит из-за того, что у меня (точнее, меню я взял почти готовое в Интернете) float заданы в css, и, с помощью float уже не сдвинуть стрелку с правому краю. Как быть? Шаблон тут: http://kzz0.n…

    Asked by kzz,

    0 votes
    6 answers

  21. Смена изображения при наведении на ссылку

    Странное дело, товарищи. Уже использовал раньше этот способ, все было идеально. Все точь-в-точь, вплоть до доктайпа. Не могу собственноручно разобраться Вот html: <div id="men"> <div id="menu"> <div id="buttons"><div id="about"><a class="link-about" href="about.html"></a></div><div id="contacts"><a class="link-contacts" href="contacts.html"></a></div> <div id="inf"><a class="link-inf" href="inf.html"></a></div><div id="vacansy"><a class="link-vacansy" href="vacansy.html"></a></div> <div id="gallery"><a class="link-gallery" hre…

    Asked by Rootical,

    0 votes
    5 answers

  22. Неправильно отображение плавающего фрейма

    Не получается убрать эти непонятные отсупы, скажите ,как их убрать. Вот файл с которого идёт загрузка. <!DOCTYPE HTML> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" > VSPACE=10</iframe></div> </body> </HTML> Вот файл который загружается: <!DOCTYPE HTML> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; > <tr> <td> <img src="foto.jpg"…

    Asked by people2010,

    0 votes
    11 answers

  23. Два div'а в ряд, nowrap, IE 6-9

    Доброго времени суток. У меня вопрос к истинным знатокам CSS. Задача - есть вот такой html-код, который нельзя менять - можно только дописывать в него CSS: <div style=" border: 1px dotted black; width: 300px; "> <div style=" background-color: red; height: 19px; width: 19px; " ></div> <div style=" background-color: silver; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> Необходимо получить вот такое: Вот моя попытка: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; …

    Asked by Urnix,

    0 votes
    9 answers

  24. Картинка внутри div

    Помогите пожалуйста, не могу сообразить. Хочу чтоб картинка помещалась внутри div и чтоб эта картинка была больше этого diva и отцентрирована по центру, а часть картинки которая выходит за пределы div не было видно. Как в контакте, в юзерпике отображается только часть фото. .div{ width: 166px; height: 166px; overflow:hidden; } .img{ width: 100%; } С помощью этого я обрезал картинку по диву, но как ее сдвинуть чтоб центр этой картинки был внутри div

    Asked by darlov,

    0 votes
    5 answers

  25. Помогите сделать выпадающее меню на сайте

    Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-…

    Asked by Сергей 51,

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