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. навигация c помошью div

    Добрый день форумчане пытаюсь выровнять в div-ах навигацию не получается ровно выровнять div относительно друг друга. Я пробовал : 1)Каждое меню заключить в div и выровнять их друг относительно друга в css .nav2 { position: relative; padding: 10px; height: 29px; width: 165px; } итд (nav1....) Выровнять можно , но по вертикали все съезжает(div относительно diva) 2)Вторая идея была div основной а внутри в него менюшки , каждая в своем dive. (не пробовал еще) Посоветуйте как в div вы бы решили эту задачу Как сейчас Как хочу сделать

    Asked by rxp,

    0 votes
    12 answers

  2. Масштаб, размер страницы на моб. устройств..

    Опять нужна ваша помощь добрые и опытные верстальщики! Уже чуть ли не неделю мучаюсь и никак не получается сделать так что-бы сайт открывался на мобильных устройств в полном масштабе, размере. То есть к примеру сайт в ширину 1000px, открывается не на всё ширину а на ширину самого устройства, 320px, 480px, 760px и.т.д..... С тегом meta viewport поигрался уже раз сто... ничего не меняется что я ставлю device-width, что задаю width=1000, что width=1000px, в общем ничего не понимаю, как я этот тег только не менял никаких изменении от его использования не происходили... сайт как открывался в левом верхнем углю так и открывается.... Пытался body задать min-width тоже ничего, в…

    Asked by EaGames,

    0 votes
    7 answers

  3. Не работает z-index для блока с position: absolute

    Добрый день! Есть абсолютно позиционированный блок с z-index: <div style="position: absolute; margin-top: -220px; z-index: 200"></div> И есть второй блок, у которого не заданы ни position, ни z-index. И этот второй блок отображается поверх первого. Почему так? Как сделать, чтобы первый отображался поверх второго?

    Asked by Koroed,

    0 votes
    6 answers

  4. Непонятки со свойством z-index:

    Имеется два div блока 1-й с id= cl_1 и z-index=100, 2-й с id= show_menu_client и z-index=88 Нужно что бы блок 1 перекрывал собой блок 2 но на практики получается наоборот Вот HTML <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/style_1.css"> </head> <body> <div id="show_menu_client"></div> <!--Блок который должен быть перекрыт--> <div id="fonHeader"></div> <div id="container"> <div id="pageHeader"></div> <div id="menu"> </div> <div id="wrapper"> <div id="block_1"> <!—————————Перек…

    Asked by prihod,

    0 votes
    5 answers

  5. Не обновляются стили.

    Добрый день. Есть сайт http://www.vborovets.ru Если заходить под ИЕ, то при первом заходе верстка нещадно ползет. Потом если нажать на любую ссылку то все в порядке все на месте если с внутренней выйти на главную то все в норме. Такое ощущение, что он откуда-то берет старую css, раньше все там так и было, задача была все это безобразие подправить я подправила. Но при первой загрузке опять вылезает. Все ссылки на старые css в коде так же как и сами старые стили с сервака убрала. Этот глюк в тока в ие 6 и 7. Если кто знает в чем проблема, буду очень благодарна.

    Asked by savushka,

    0 votes
    6 answers

  6. Как убрать фон картинкой у первого пункта списка <li>, если заданы у всех остальных

    Всех приветствую. Создаю горизонтальное меню, тегами <li>...</li>. Между пунктами меню должны быть картинки, их засовываю в свойство background-image. Получается примерно следующее: #menu li{ float: left; list-style: none outside; margin: 0px; padding-left: 50px; background: transparent 16px 13px; background-image: url(bullet.gif); background-repeat: no-repeat; } При этом перед первым пунктом меню картинки быть не должно. Для этого придаю ему идентификатор <li id="service">...</li>. И делаю свойство #service{ padding: 0px; background-image: none; } Не срабатывает убирание бакграунда. Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    4 answers

  7. Проблемы с фоном в div

    Здравствуйте. Подскажите пожалуйста, почему синий и зеленый фон только до конца экрана, а не доконца страницы? http://medalist.narod.ru/Untitled-1.html

    Asked by medalist,

    0 votes
    12 answers

  8. IE :(

    Подскажите пожалуйста, как исправить такую проблему, в браузере IE между логотипом и полем поиска почему-то появляется отступ большой, а в остальных браузерах (Опера, Мозила) все нормально. Вот такая вот проблема... Вот сайт: http://www.test.ukrworld.net/

    Asked by Ark,

    0 votes
    4 answers

  9. Не работает Overflow

    Если задать для таблицы или ячейки таблицы стиль overflow: hidden; во всех браузерах выпирающий за границы текст будет обрезаться, а в опере нет, возможно это исправить?

    Asked by Kenshi45,

    0 votes
    5 answers

  10. Вопрос про закругленные края

    На сайте нашел форму логина с закругленными краями, но не могу понять как это реализовали, там простой input с повторяющимся фоном ( у них это градиент). Но не могу понять как сделали скругления по краям. https://eu.battle.net/login/ru/ P.S. При масштабировании текста форма не искажается, значит она составная скорей всего

    Asked by Kenshi24,

    0 votes
    14 answers

  11. 100% видимой области.. а дальше? Тянем таблицу.

    Здравствуйте. Уже 6 часов ищу в интернете как сделать - ничего найти не могу.. Если перенаправите на решение или поможете советом - буду очень благодарен. Проблема: Есть таблица. Три строки, один столбец. Высота верхней и нижней ячеек заданы жестко. Средняя - 100% Высота таблицы 100%. Таблица растягавается на всю ВИДИМУЮ область, и если документ больше в высоту, чем экран - нижняя картинка повисает в воздухе при прокрутке страницы вниз, что логично. Как определить высоту всей страницы, чтоб задавать ее в высоту таблицы вместо 100% (ну а средняя ячейка сама подстроится и все будет отлично). Скрипт, наверное, нужен.. Ну или какой вариант есть растянуть таблицу на всю высоту…

    Asked by rooty,

    0 votes
    15 answers

  12. Не корректное отображение сайта в разных браузерах.

    Здравствуйте уважаемые гуру. Второй день пытаюсь исправить это: В Google Chrom мой сайт отображается корректно,но к сожалению в остальных браузерах (Opera,Mozilla) сползает меню вниз,и статуса сервера не видно,как буд-то пропал он. Сайт: guardgame.ru Предоставляю HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content="stress, lineage2, la2"&gt…

    Asked by TurboMan,

    0 votes
    8 answers

  13. Блок, фиксированный на одном месте

    Здравствуйте! Задача состоит в следующем: сайт с фиксированной шириной. Нужно разместить кнопку "Заказать звонок" так, чтобы она всегда находилась в одном месте относительно края общего блока, а не области просмотра. Как это сделать? Если можно, то без JS.

    Asked by Светлана Г.,

    0 votes
    17 answers

  14. Media queries самые ходовые

    Не хочется изобретать паровоз. Устройств вывода(мониторы, планшеты,телефоны) пруд пруди. У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) Хочу узнать кто какие наборы использует самых ходовых Media queries для оптимизации под разные разрешения. @media screen and (max-width: 600px) {...} - видимая область меньше 600px. @media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900 @media screen and (min-width: 1281px) and (max-width: 1921px) {...} @media only screen and (min-width: 1921px) {...} - больше моего 24дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо

    Asked by Alex_,

    0 votes
    5 answers

  15. При ресайзе окна из-зи границы выступает слой.

    Господа, вот следующий код: <div style="overflow:hidden; width:100%;"> <div style="width:400%; position:relative; left:-300%;"> <div style="width:25%; background-color:#FF0000; float:left;"> </div> <div style="width:25%; background-color:#00FF00; float:left;"> </div> <div style="width:25%; background-color:#0000FF; float:left;"> </div> <div style="width:25%; background-color:#FFFF00; float:left;"> </div> </div> </div> Пояснение: четыре резиновых слоя равные ширине страницы, находятся в 100%-ом по длине слое с overflow:hidden. В будущем эти слои будут смещаться посредством JavaScript…

    Asked by smashercosmo,

    0 votes
    4 answers

  16. не могу разобраться с div

    Подскажите,где я не прав - есть div(main),в котором находятся еще 2 div,и все хорошо,пока вставляешь текст во второй блок,тогда второй блок просто выезжает за границы основного блока.Вот пример: html <body> <main> <main_content></main_content> <second_content></second_content> </main> </body> css main { border: 3px solid #000000; width: 960px; min-height:600px; margin: 0px auto; display: block; } main_content{ background-color: #00FF00; width: 650px; min-height:600px; float:left; } second_content{ background-color: #8B0000; width: 300px; min-height:600px; float:right; } понимаю,что вопрос …

    Asked by dummy,

    0 votes
    13 answers

  17. Страница слистывается влево на смартфоне. Что не так?

    Здравствуйте. Все мы знаем, что на смартфоне сайт листается свайпом (пальцем водим). Недавно сверстал страницу, которую если потянуть влево или вправо, то с другой стороны в мобильном браузере появляется пустое место, но если отпустить экран, то область сайта возвращается назад. Я думал, что это нормальное поведение любой верстки, но оказалось, что есть сайты, на которых не слистывается в стороны, например https://m.rozetka.com.ua/ Подскажите плиз, какое CSS-свойство за это отвечает? У меня просто нет смартфона, соответственно не могу сравнить свою страницу с сайтом https://m.rozetka.com.ua/ P.S. Думаю, что нет смысла показывать свою страницу, потому что и так понят…

    Asked by sc_creator,

    0 votes
    9 answers

  18. проблемы с текстом в центре CSS

    Добрый вечер, хотел спросить, как мне сделать так как на первом фото последний абзац начинается с левой строки, word-spacing даже пробовал, не помогло 1) То что мне нужно 2)То что у меня https://jsfiddle.net/#&togetherjs=AzUkONtK9g там, текст должен быть на середине, можете не говорить про text-align и т.д

    Asked by Данияр,

    0 votes
    3 answers

  19. background-image с тремя картинками - можно?

    Привет честной публике! С наступающим Новым годом! Всех благ и удач! Вопрос такой. Недавно увидел любопытный код для создания блока с двумя закругленными углами по разным углам, скриншот смотрится неплохо, но... результат не повторился. Идея автора кода такая: если в font-family можно записать 3 шрифта, почему бы в background-image не вписать три картинки? Две картинки распихиваются по разным углам, а градиентной картинкой заливается сам блок. Уголки сделаны так: внутри четвертинки круга фон прозрачный, снаружи - непрозрачный, совпадающий с фоном тушки. Итак, код: .block { background-color:#4ea5ff; background-image: url(bot-left.gif), url(right-top.gif), url(background…

    Asked by Ksanytch,

    0 votes
    5 answers

  20. Преобразование PDF-файлов

    Здравствуйте! Заказчик прислал материалы для сайта в формате PDF. Мне нужно извлечь схемы - изображения. чтобы затем разместить на HTML-странице. Пожалуйста, подскажите способ, наиболее подходящий для такой работы. Использовать специальные программы-конвертеры? Какие? Заранее спасибо.

    Asked by Светлана Г.,

    0 votes
    10 answers

  21. наследование прозрачности от родительского блока дочерним

    здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…

    Asked by helloworld,

    0 votes
    3 answers

  22. Div overlay

    Приветствую! Основные требования к реализации: - высота блоков с картинками должна быть динамической - ширина блока в % - без использования таблиц - при наведении на картинку выводится чёрный overlay Проблему с выравниванием блоков, допустим, можно решить при помощи DivMasonry. А вот вопрос состоит в следующем... Можно ли решить задачу с overlay'ем не прибегая к использованию JS/jQuery?

    Asked by Seemann,

    0 votes
    9 answers

  23. Идентичное отображение шрифта Lobster 1.4

    Здравствуйте! Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем. У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows. Сейчас подключаем с Google. Как решить данную проблему, чтобы у всех было одинаково? Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/ Теперь вопрос: как правильно настроить его?

    Asked by Светлана Г.,

    0 votes
    6 answers

  24. Как сделать растяжимый фон треугольник без картинок

    Здравствуйте! Увидела в интернете множество рецептов как сделать элемент с нулевой шириной и высотой и широкими прозрачными границами, чтобы получился треугольник, например здесь https://css-tricks.com/examples/ShapesOfCSS/ Проблема в том, что такой треугольник не растягивается. Границе нельзя задать значение в процентах от ширины родителя. Мне же нужно, чтобы Triangle Top Left тянулся как фоновый рисунок треугольника, только без рисунка, средствами css. Как это сделать?

    Asked by hike,

    0 votes
    11 answers

  25. !doctype Html Strict добовляет отступы

    Откуда взялся этот отступ? Вот код: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> div#box1{ width:100px; height:100px; background-color:black; border:2px solid red; margin:0px; padding:0px; } img { margin:0px; padding:0px; border:0px; } </style> </head> <body> <div><img src="leftA.jpg" alt=""></div> <div id="box1"></div> </body> </html> Вот как это выглядит: http://a10vs1.fatal.ru/test/boxes2.html Если доктип поменять на переходный, то черный квадрат прил…

    Asked by cx717,

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