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. Как втавить рисунок в DIV

    Вопрос к спецам,..есть DIV с обсолютным позиционированием шириной 100%..надо в него вставить рисунок (не фон) 100х170рх ,чтобы рисунок встал в DIV с левой стороны без зазора со всех сторон.(Справа к нему будет примыкать вложенный DIV или таблица)..(Нужен пример кода, чтобы разобраться...) Заранее спасбо...

    Asked by Serjinio,

    0 votes
    3 answers

  2. Разные таблицы в браузерах

    Вот код <!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" xml:lang="ru"> <head> <title>Структурированные продукты</title> <style> .t-calc1 th, .t-calc2 th {border:1px solid #CCE8F3; padding:1px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;} .t-calc1 th div {padding:5px 10px 6px; background:#59B6D7} .t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;} .t-calc1 td span {display:block; margin:0 0 3px;} .t-calc1 input{vertical-align:middle; width:90px; height:19px; padding:…

    Asked by Lincky,

    0 votes
    7 answers

  3. масштабирование странички по ctrl+колесико

    Добрый день, подскажите, кто-нибудь сталкивался с проблемами мастабирования по ctrl+колесико? проблема вот в чем, страничка php с заданным функционалом и дизайном упорно не хочет масштабироваться, а очень надо! все размеры шрифтов в em наблюдается некоторая странность - если страничка загружена и я хочу ее отмасштабировать, она стоит на месте, но как только нажимаешь F5, она сразу же масштабируется на столько, сколько я прокручивала колесико и уже потом ведет себя нормально, хотелось бы что бы поведение странички было сразу адекватным...

    Asked by jul_k,

    0 votes
    6 answers

  4. Иконка для полей ввода

    Здравствуйте, форумчане! Верстаю сайт и озадачился таким вот вопросом. Позволю себе предысторию... Сейчас модно делать иконки у полей ввода (поиск, пароль, адрес почты и т.д.), которые визуально показывают тип информации, которую в них следует ввести. Обычно это легко делается, через свойство тега background. Но мне почему-то показалось, что некрасиво, когда при наведении на эту иконку курсор остается "в режиме ввода текста" (ну вы поняли...), он имеет вид, как-будто его навели на поле ввода и не меняется. Я подумал и решил, что надо сделать так: Вначале html-код: .... <div id="searchWrap_lvl2"><input type="text" name="search_field" id="search_field" value="По…

    Asked by k0d,

    0 votes
    8 answers

  5. Проблема с css

    Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?

    Asked by mitya1998,

    0 votes
    3 answers

  6. При наведении съезжают пункты меню

    Привет всем! Такой вопрос: Сделал меню. При наведении на пункт меню - появляется обводка. Но другие пункты начинают двигаться на этот отступ. Как сделать, чтобы пункты меню были неподвижны? http://jsfiddle.net/RHvPF/

    Asked by Imperil,

    0 votes
    5 answers

  7. Не работает выпадающий список

    Коллеги, доброго вечера. Опять к вам за помощью. впервые столкнулся с выпадающим списком, стащил одно решение но не могу настроить. Может кто подскажет, что не так делаю. Нужно при клике на кнопку чтобы выезжал список станций метро. Но почему-то не выезжает. Буду признателен за любой совет, который поможет. https://codepen.io/dimpin/pen/ZVBzoP

    Asked by Dimpin,

    0 votes
    3 answers

  8. Подрисуночная подпись, косяк в IE.

    Здраствуйте, мне необходимо было сделать подрисуночную подпись в CMS Drupal которая располагалась бы справа или слева от рисунка. Я воспользовался советом. И вставил следующий код в файл style.css своей темы (немного измен?нная стандартная тема Garland): .picFloatLeft { color: Black; /* Цвет подписи */ padding: 10px; /* Поля вокруг содержимого */ width: 600px; /* Ширина блока */ margin: 2% 2% 1% 2%; text-align: justify; } .picFloatLeft img { float: left; /* Обтекание по правому краю */ margin-right: 15px; /* Расстояние между рисунком и текстом */ } .picFloatLeft p { margin: 0px; /* Убираем отступы вокруг абзаца */ padding-top: 10px; /* Поле сверху */ } .picF…

    Asked by DMGaster,

    0 votes
    2 answers

  9. float: left и margin-top

    Есть такой HTML: <div style="float: left;"> a </div> <div style="clear: left; margin-top: 30px;"> b </div> В IE работает нормально, т.е. b отстоит от a на 30 пикселей от a. А вот в Mozilla margin-top никакого влияния не оказывает. Почему? Кто работает по стандартам? Как сделать правльно, чтобы работало везде? PS В поиске искал и форум читал уже 4 часа подряд. Но ввиду сложности подобрать ключевые слова -- ничего не нашел.

    Asked by dsome,

    0 votes
    4 answers

  10. Как правильно подключить свой шрифт

    У меня сайт с 5 поддоменами. На всё одни стили, картинки и шрифты. На главном сайте свой шрифт отображается нормально, на поддоменах почему-то намного большего размера. Если уменьшить его размер, на поддоменах получится нормальный а на главном домене сильно маленький. Такое ощущение что он этот шрифт как-то криво подгружает. Шрифт подключаю вот так: /* Fonts */@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.woff') format('woff'), …

    Asked by alleclf,

    0 votes
    3 answers

  11. Скрипт прелоадера для input

    Есть поле вводишь первые буквы названия, подгружается список, как это напрмер на сайте поиска авиабилетов. При поиске идет задержка, хотел в input вывести гифку прелоадера загрузки, пока идет запрос. Есть какие-то готовые библиотеки? Гуглил ничего не нашел )

    Asked by okunev2,

    0 votes
    4 answers

  12. Ссылка с треугольником справа

    Мне нужно сделать ссылку, чтобы справа у неё был треугольник. Я этого добился: <a href="#">Вход</a> a{ cursor:pointer; padding:0 20px; font-size:20px; border-radius:10px 0 0 10px; width:100px; background:#009944; border:0; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; position: relative; text-decoration:none; } a:hover{ background:#ebb453; } a::after{ content:''; position:absolute; right:-30px;…

    Asked by PavelTkachev,

    0 votes
    7 answers

  13. Разместить в одну колонку

    Привет, у меня есть свёрстанный блок, но элементы(круги) не стоят друг под другом, как это исправить? <section id="about"> <div class="container"> <div class="title"> <h2> About Us </h2> <p> Lorem ipsum dolor sit amet, consectetur. </p> </div> <div class="timeline-holder"> <div class="box"> <div class="left"> <h3>July 2018 <span>Our humble beginnings</span></h3> …

    Asked by marc,

    0 votes
    1 answer

  14. div в таблице

    Здравтсвуйте. есть таблица с background картинкой.. в таблицу внесены 2 div контейнера с картинками... при клике мышкой в любое место таблицы эти контейнеры выделяются... как это отменить это выделение? спасибо

    Asked by ach,

    0 votes
    7 answers

  15. Валидность index.php

    Собственно как проверить index.php? Правильно ли будет проверить вначале index.html (убрав скрипты), а потом переименовать html в php и воткнуть иконку валидности? =) И подскажите что здесь не правильно, работать то оно работает, но так ли как надо? Index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Format</title> <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="style/global.c…

    Asked by Ururu,

    0 votes
    5 answers

  16. Как прописать стиль для слайдера

    У меня проблема с версткой: на сайте показывается слайд-шоу изображений из постов. На фоне каждого изображения должна появляться прозрачная полоса, на которой будет название поста, из которого выводится картинка. Посмотреть можно здесь http://juice.fsay.net/ajuice/ Слайд-шоу будет вверху страницы, справа. там пока нет изображений, почему то они на этом хостинге не работают - хостинг бесплатный. Но понять, как это должно выглядеть, можно. Проблема у меня с полосой, на которой отображается название поста. 1. При перезагрузке страницы она отображается выше нужного места, а потом, когда страница загрузилась полностью - полоса опускается вниз. В общем, некрасиво дерг…

    Asked by Mila,

    0 votes
    5 answers

  17. разделение элементов по краям

    Есть стиль общий который создает рамку с max-width: 450px нужно на одном уровне слева разместить картинку, по середине пусто, а справа текст. С учетом того что width может быть меньше 450px пока сделал float:left картинки а вот текст справа не получается разместить так чтобы он не вылез за границу max-width Помогите пожалуйста

    Asked by WebGraf,

    0 votes
    10 answers

  18. Высота блока 100%

    Понимаю, тема уже до дыр заезженная, и гугл результатов по ней выдает порядком. Но что-то все рецепты либо не работают, либо работают не кроссбраузеро, либо рецепт немного в другом ключе, чем мне надо. Нужен див, с абсолютным позиционированием на 100% ширины и высоты экрана. Область дива должна распространяться и за пределы видимости экрана если контента очень много. Нужен для того, чтобы показывать gif'ку лоадинга, пока страница думает + так же блокировать все элементы управления на странице. Вот понадергал из разных рецептов. * { border:0; font-family: Tahoma, Arial, Verdana; font-size:12px; margin:0; outline:none; padding:0; } html, body { background:#FFFF…

    Asked by Микель,

    0 votes
    10 answers

  19. Центральное позиционирование резинового блока?

    Добрый день! Есть блок с ссылками, количество ссылок всегда разное, он резиновый, как ему задать центральное позиционирование? Спасибо! <div id="post"><div id="tags"><a href="#">Winter</a><a href="#">Cold</a></div></div>

    Asked by gnomikprazdnik,

    0 votes
    14 answers

  20. Адаптивные темы Друпал

    Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net

    Asked by Илья 2,

    0 votes
    10 answers

  21. растягивание цвета фона на всю ширину экрана

    Доброго времени суток! Извините за беспокойство! У меня такой вопрос http://legenda-dom.ru/ вот в таком сайте, как сделать так, чтобы цвет фона самой верхней полоски (голубой) был растянут на всю ширину экрана, независимо от его размеров, при центрировании остального контента посередине? Заранее благодарю!

    Asked by КрисИрис,

    0 votes
    1 answer

  22. Свойства table

    Как проще сделать код и вынести его в css: <table class="main1" align="center" valign="top"> т.е. нужно вынести в css align="center" valign="top" (класс table.main1 уже есть)?

    Asked by okunev2,

    0 votes
    7 answers

  23. Изменение заголовка при наведении на блок

    Нужно изменение заголовка при наведение курсора мыши на весь блок. Использование таких селекторов .dinav:hover > h2.tsnav, .dinav:hover h2.tsnav дает изменение бекграунда под заголовком Н2 только в опере и сафари. Как такое же реализовать в FF и тем более в IE? <div class="dinav"><h2 class="tsnav">Оборудование для инженерных систем</h2> <a href="p-1.html" class="inav">Оборудование ?1</a> (600) <a href="p-1.html" class="inav">Оборудование ?2</a> (1805) <a href="p-1.html" class="inav">Оборудование ?3</a> (1685) <a href="p-1.html" class="inav">Оборудование ?4</a> (3111) <a href="p-1.html" class="ina…

    Asked by PaLyCH,

    0 votes
    4 answers

  24. Счеткик посещений

    Как поставить счетчик посещений на страницу?

    Asked by Guest Mari,

    0 votes
    3 answers

  25. Заголовок раздела

    Здравствуйте уважаемые знатоки. У меня проблема. Я сделал свой сайт в программе фронтпейдж. Разметка табличная. Ячейка верхнего колонтитула заполнена фоновым рисунком и сверху написано отдельно текстом название раздела. Размер таблицы в % При изменении размера окна браузера текст, как и положено, сдвигается влево, но потом, поскольку названия состоят из двух слов, они становятся в столбик. Можете посмотреть www.po-miry.ru Только сама индексовская страничка нормальная. Как сделать, чтобы названия разделов, например "Спорт. Туризм" при уменьшении размеров окна оставались одной строчкой. Конечно я мог бы сделать надпись картинкой, но хотелось бы, чтобы фон проглядывал. жд…

    Asked by beze,

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