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. Тянучка и две картинки в ячейке

    Ребята, вопрос к профессионалам Вот доктайп: <!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"> Вот макет простой: Центральная часть фиксированная 800 пикселей, это таблично сверстаны сайт, при меньшем разрешении появляется горизонтальная прокрутка. Вопрос в чем, как сделать по бокам центральной части, чтобы к примеру если брать правый край (фон завитушки), вырезать центральную часть бокового фона он будет тянутся по высоте, а вверху и внизу соответственно картинки заканчивающие фон, они не тянутся? Подскажите, возможно ли это дивами реализоват…

    Asked by okunev2,

    0 votes
    12 answers

  2. Блоки в ряд по горизонтали (выход за границы экрана)

    Добрый день! Приветствую всех! Только зарегистрировался на форуме, и хотел посоветоваться. Следующая ситуация Мне надо расположить блоки один за другим, так чтобы они выходили за границы экрана, и не съезжали вниз. У меня есть опыт в верстке, и такую ситуацию решал 2 способами (но обе на мой взгляд, являются ужасными) 1) У внешнего diva задаю фиксированную ширину (например 20000px, ну или динамически считаю js если возможно), внутренние делаю float:left и все ок 2) У внутренних делаю position:absolute, и c js ставлю left:0px; left:1280px итд. Что тоже ужасно __________ Хотелось бы сделать как то без js, и более устойчивую систему - эти варианты какие то "на …

    Asked by haiatov,

    0 votes
    2 answers

  3. типо по учебе

    нужно типо сделать вот ето задание ну ниже там в задание нарисованно как ето должно выгледит тоесть вот так Имя пользователя Пароль А что они имели виду под этим? и зачем ? Имя пользователя (идентификатор "nm"); Пароль (идентификатор "psw");

    Asked by Kain,

    0 votes
    7 answers

  4. пытаюсь создать кнопку — не работает :hover

    Пытаюсь создать с помощью CSS кнопку, которая меняется при наведении курсора. Попробовал использовать :hover, но он почему-то не срабатывает. Код здесь. И еще вопрос: чтобы кнопка работала (то есть была ссылкой), я помещаю <div> внутри тега <a>. Работает нормально, но это вроде «неправильно». Как тогда поступать, ведь если <a> поместить внутрь <div>, он не будет ссылкой. В голову приходит только onclick+ cursor:hand... Вообще, отвлекаясь от моего примера, как можно превратить div в гиперссылку?

    Asked by hooey_ru,

    0 votes
    4 answers

  5. Желтая рамка в input

    Ребят, вот на картинке, вид верстки в Опере (нижняя), таже самая верстка уже натянутая на CMS (верхняя), но там в input желтая рамка, это тоже в Опере Когда убераешь параметр name в input (наятнутый дизайн, верхняя картинка), то эта желтая рамка исчезает. Есть ли решения данной проблемы? Спасибо.

    Asked by okunev2,

    0 votes
    5 answers

  6. Ошибка в типе содержимого

    Всем привет. Такая проблема, есть сайт, проверил его на ошибки на w3c, нашлось много ошибок. Сделал полностью валидную html и css вёрстку. При открытии сайта в мозилле появляется ошибка (странно что после чистки кэша сайт открывается, но при повторном открытии ошибка опять появляется) В остальных браузерах сайт открывается без ошибок. Ошибка в типе содержимого Страница, которую вы пытаетесь просмотреть, не может быть показана, так как она использует неверную или неподдерживаемую форму компрессии. Если поменять doctype c <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> на <!DOCTYPE html PUBLIC "-//W3C//DTD XH…

    Asked by c0d3r,

    0 votes
    3 answers

  7. способы проверки вёрстки

    интересно знать кто какими способами проверки качества вёрстки обычно пользуется? можете к этому списку добавить что-нибудь важное?

    Asked by cyklop77,

    0 votes
    12 answers

  8. бустрап отключить адаптивность

    есть сайт на бустрап3(а может 4) мне нужно выключить адаптивность для любых устройствах я установил такую строку <meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" /> все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs- но для меня слишком сложно,плюс не хочу править сам шаблон есть простое решение? скачивал css файлы которые якобы убирают адаптивность но не помогает

    Asked by https,

    0 votes
    17 answers

  9. кнопка меню ( текущая страница выделяется цветом)

    Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…

    Asked by cardsmoney,

    0 votes
    8 answers

  10. Верстка полурезины

    Вобщем надо сверстать макет. Он отрисован на 1260 пикселей. Задуман как резина - но контентная часть фиксированная на 1000 пикселей. То есть при разрешении 1280 и выше никаких проблем. А при разрешении менее 1280 нужно чтоб часть фона (картинка) отрезалась. Для наглядности приложу скрин. http://i080.radikal.ru/1004/8d/a23ce6e9d77e.jpg Можно ли такое сделать вообще? Не могу придумать

    Asked by Dioni$$,

    0 votes
    17 answers

  11. Имена файлов

    Есть фрагмент html документа Текстовый документ 6,5 Кб При клике по ссылке происходит открытие файла. В заголовке %D0%A2%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82[1].txt. Как сделать нормальный заголовок русскими буквами?

    Asked by Noob,

    0 votes
    4 answers

  12. Прозрачность

    Задал див с прозрачностью, потом вложил в него еще один див и он тоже стал прозрачный. Как сделать чтобы 2-й див не был прозрачен?

    Asked by ros.pro,

    0 votes
    10 answers

  13. Закругленные уголки в IE

    Закругленные уголки в IE В какой-то момент возникла проблема с отображением закругленных уголков в IE, как и у многих наверное. Использовать картинки было нежелательно, так как широко использовался hover, который зацеплял, в 90%, как раз бордеры. Долго копался в сети, выбирая среди множества решений, пока не нарвался на одну статью, не помню уже где, но суть ее в следующем - реализация закругленных уголков в IE, осуществляется за счет подключения библиотеки HTC. Нужно просто разместить в корне сайта (у меня в папке htc) некий скрипт. Скрипт приводился в этом же примере. Кстати, в интернете можно найти решения и других проблем с IE на основе этой библиотеки! HTC: --Do n…

    Asked by Aleksty,

    0 votes
    5 answers

  14. медиа стиль для планшета

    Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль: @media (max-device-width: 1280px) { .phonebox{margin-left:23px} .mn{margin-left:0px;} .sendboxf{width:192px} } после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет! Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить

    Asked by WebPlus,

    0 votes
    4 answers

  15. Не работает обрезка clip-path для анимированного элемента с transform в Chrome и Opera

    Здравствуйте. Прошу помочь в решении следующей задачи: Имеется родительский элемент со свойством clip-path и дочерний элемент с анимацией: Для примера: HTML <div id="logoimage-waves"> <div id="waves-animated"></div> </div> <svg> <clipPath id="WavesPolygon"> <polygon points="0 0,95 0,95 8,80 5,60 10,40 15,20 20"> </polygon> </clipPath> </svg> CSS #logoimage-waves { width: 100px; height: 100px; clip-path: url("#WavesPolygon"); -webkit-clip-path: polygon(0px 0px,95px 0px,95px 8px,80px 5px,60px 10px,40px 15px,20px 20px); p…

    Asked by chester40,

    0 votes
    7 answers

  16. Меню

    Привет всем. Меню, не получается отобразить полноценно в других браузерах кроме IE (сжимает) что можно предпринять? ____________________________________________________ #navigation { padding:0px; font-weight:bold; display:inline; } a.navigation { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:visited { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:hover { top:2px; left:2px; color:red; border-color:#999 #999 #ccc #ccc; …

    Asked by denand,

    0 votes
    12 answers

  17. опять же высота min-height

    Привет. Появилась задача сделать вокруг блока несколько фоновых изображений. Все получилось, но вот есть глюк, который я не знаю как исправить... если высота блока превышает 100%, то фоновые изображения остаются на месте, а контент вылазиет за их границы. Объясните с примером плз как решить данную задачу. Спасибо! <!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> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> html, body {height:100%; margin:0; padding:0;} #wrapper {wi…

    Asked by white_kh,

    0 votes
    12 answers

  18. Проблема с выпадающим меню...

    Здравствуйте, делаю выпадающее меню по примеру http://anton.shevchuk.name/wp-demo/jquery-.../drop-down.html. Меню работает, но есть проблемы с его интеграцией на сайте /* удалено */. 1. Не могу нормально отцентрировать меню; 2. Меню налазит на блок с конентом. CSS: .top_nav { font: 11px verdana; margin: 0 auto; padding: 4px 0; width: 950px; } .top_nav ul { clear: both; margin: 0; padding: 6px 0; } .top_nav ul li { display: inline; float: left; margin: 0 0 0 3px; position: relative; } .top_nav ul li a, .topmenu ul li a:active, .topmenu ul li a:visited { color: #555555; padding: 6px 7px; text-decoration: none; white-space: nowrap; } .top_nav ul li a:hover { color: #111111;…

    Asked by Mr.Smith,

    0 votes
    10 answers

  19. Размер изображения

    Доброе время суток. Предположем, что есть изображение 1000х500 и весит 1000Кб. Я его вешаю на сайте и задаю размер 100х50. Что происходит при загрузке страницы, качаются все 1000Кб и потом изображение уменьшается или это происходит на сервере и пользователь загружает уже уменьшеное изображение, которое весит на порядок меньше ? Зараннее благодарен.

    Asked by dengunya,

    0 votes
    13 answers

  20. Верстка текста

    Доброго времени суток! Помогите, пожалуйста, с такой задачей: надо подчеркнуть текст (может быть короткий или многострочный) в обычном текстовом предложении, но так, чтобы подчеркивание начиналось не с первого слова, а заканчивалось в конце строки. Это нужно для правильного формирования отчета (стандарт оформления) Пример Первое это с помощью span, но надо как-то продлить такое же подчеркивание до конца строки. Второе на таблице, но разметка (((

    Asked by uunn,

    0 votes
    17 answers

  21. какие браузеры (и их версии) поддерживают

    какие браузеры (и их версии) поддерживают какие версии css и html? есть ли у кого-нибудь такой список?

    Asked by stschurik,

    0 votes
    5 answers

  22. !!Помогите ПЛИЗ! Нужна страница регистрация пользователей и инфы о них

    Помогите ПЛИЗ! Нужна страница регистрация пользователей и инфы о них... Можете выкинуть код этих страницы, думаю разберусь, а лучше пару подсказок выдайте! Буду благодарен!!

    Asked by MAXIMKA,

    0 votes
    18 answers

  23. Увеличение картинки

    Скажите, чтобы при наведении мышкой на картинку ее размер увеличивался(уменьшался), что необходимо использовать?

    Asked by Vitali,

    0 votes
    5 answers

  24. проблема с Firefox - переносит текст на строку вниз

    Ребята, Посмотрите на http://members.dodo.com.au/~rouslan/ninawebsite/index.html Внизу над баннером, где навигационный текст (текстовая эмуляция кнопок), этот текст, часть его переносится на строку вниз в Mozilla Firefox 3 (чего мне не надо), но в Internet Explore 7 все работает и выглядит хорошо. Не могу найти в чем проблема, смотрел и в CSS и в HTML. Может кто-нибудь из опытных подскажет? Эта проблема просто выводит меня из себя. HTML <!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…

    Asked by DolbyRoom,

    0 votes
    6 answers

  25. overflow:hidden

    Помогите разобраться слева и справа с помощью overflow:hidden получилось скрыть(обрезать) края картинки, а сверху не получается.

    Asked by eremeevd,

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