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. При наведение изменить фон

    В меню есть одно место где дизайнер нарисовал косую линию. Линия разделяет пункты меню. Меню имеет три состояния: холодное, при наведение, активное. У всех трех состояний разные бэкграунды. Все нормально за исключением этой косой линии. Установленная ширина пункта меню не позволяет нормально подставить нужный фон при наведение и когда пункт активен. Вот рисунок Белая линия на проблемном месте это разделитель пунктов, пунктам задана ширина и из-за этого при наведение изображение подставляется только на заданную ширину, остается уголочек без нужного фона. Вроде понятно? Как сделать, чтобы фон подставлялся правильно? Без js, желлательно только css.

    Asked by qazibum,

    0 votes
    13 answers

  2. Наследование

    Здравствуйте. Есть проблемы с наследованием. Не могу понять, что работает не так. Подскажите пожалуйста, если не затруднит. код представлен здесь: http://www.morohon.pusku.com/panel/ (там размеры изображения скачут) css body .main { width:100%; height:100%; } .main div.rotator{ float:left; max-width: 60%; max-height: 80%; } div.rotator ul{ position: relative; list-style: none; padding: 0px; max-width: inherit; max-height: inherit; } div.rotator ul li { position: absolute; margin: 0 auto; list-style: none; max-width: inherit; max-width: inherit; } div.rotator ul li img { max-width: inher…

    Asked by morohon,

    0 votes
    3 answers

  3. Ссылка на телефон и WhatsApp

    Как сделать ссылку на телефон, чтобы при нажатии, пользователь мог выбрать позвонить либо написать в WhatsApp?

    Asked by Meyirim,

    0 votes
    3 answers

  4. Тег <a> содержит тег <div>. Как добится валидности кода?

    на сайте есть рисунок, но он порезан и собирается в цельный, и весь этот рисунок должен быть ссылкой! Когда обрамляеш все тегом , код не валидный. Какой есть способ достигнуть валидности кода? Код к примеру такой: <a href="#"> <div class="top"></div> <div class="left"></div> <div class="right"></div> <div class="bottom"></div> </a>

    Asked by kozakmamai,

    0 votes
    1 answer

  5. CSS3

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

    Asked by Elendor,

    0 votes
    4 answers

  6. бэкграунд на длину заголовка

    Объясните пожалуйста, как сделать бэкграунд на длину заголовка, размещённого в тэгах <h3></h3>. То получается на всю длину дива. Спасибо.

    Asked by corol,

    0 votes
    4 answers

  7. Авто-исправление адреса http://mysite.ru на http://www.mysite.ru через .htaccess

    Уважаемые, добрый вечер. Помогите, пожалуйста, написать строчку в .htaccess для авто-справления адреса http://mysite.ru на http://www.mysite.ru То-есть добавлять 'www' к URL-у если пользователь ввёл без www. Что бы было красиво, как у яндекса! Уже три дня бьюсь над инструкцией htaccess'a - не могу разобраться. Столько времени потратил ради одной строчки. Поделитесь, plz, если есть опыт. Заранее благодарен.

    Asked by Siteholder,

    0 votes
    3 answers

  8. меню сделанное на CSS под все браузеры.

    Как сделать так, чтобы меню навигации созданное с помощью CSS корректно отображалось на всех браузерах. У меня у самого Опера, все нормально работает, а вот проверяли на Explorer'е - нифига подменю не вылазеет, чо делать, подскажите пожалста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ …

    Asked by pirogkoff,

    0 votes
    4 answers

  9. JavaScript

    Подскажите пожалуйста каким образом пишется эффект меняющий автоматически картинки на одной позиции как на данном сайте http://www.r-line.ru/ очень срочно

    Asked by sv12,

    0 votes
    3 answers

  10. Позиционирование со знаком минус (-)

    Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо

    Asked by maasja,

    0 votes
    8 answers

  11. Отступы текста

    Здравствуйте! У меня пока что кроме текста нету ничего! Я хотел спросить! Можно ли сделать отступ текста от верха(тоесть чтобы текст был по середине) прямо в коде HTML? Или только через css можно?!

    Asked by illusia,

    0 votes
    2 answers

  12. Скруглённые края блока в EI (border-radius)

    Пдскажите пожалуйста на реальном примере как решена проблема, что IE не понимает border-radius - http://eukanuba.com/en-US/product-landing/dog.jspx - у левого меню края скруглены. Если внимательно смотреть, то при загрузке страницы в IE они сначала квадратные, а потом скругляются. Как они добились этого?

    Asked by Epileptoid,

    0 votes
    5 answers

  13. что означает КАСКАДНЫЕ таблицы стилей?

    Что означает слово каскадные? Нашёл определение, то что каскад - это водопад и при чём он здесь?

    Asked by DivMan,

    0 votes
    10 answers

  14. Как в XML файл вставить другой XML файл ?

    С помощью какой или каких команд XML можно вставить в файл XML содержимое другого файла XML ?

    Asked by itwoker5,

    0 votes
    3 answers

  15. Как отметить действие по умолчанию для нативного элемента select в мобильных устройствах?

    Ребят, есть несколько проблем, связанные с select2 на мобильных. К сожалению, заказчик попросил оставить на мобильных именно select2. 1) Как сделать так, чтобы варианты выбора в select2 выпадали именно вниз, а не вверх? Т.е. вот так НЕ надо: http://take.ms/RxNi0 2) В мобильных, опять же, когда щёлкаешь на селект, то пользователей выбирает количество комнат два раза. Т.е. сначала выпадает варианты выбора селекта, а потом нативные (которые на мобильных): https://monosnap.com/file/opKnC5yFg3TN02npA6vbTGLhG11aah . Как сделать так, чтобы убрать нативный (мобильный), а оставить только выпадушку от select2? 3) Пользователей опять делает два действия, сначала выпа…

    Asked by psywalker,

    0 votes
    1 answer

  16. Приоритеты для идентификаторов и классов

    если у меня есть такое объявление стилей: body a { color: purple; } #link { color: black; } .red a { color: red; } .blue { color: blue; } то при использовании в тэге р link ссылка будет черного цвета. Если я уберу id="link", то по идее ссылка должна быть синего цвета (явно указываю ее класс, т.е. class="blue"), а она красного цвета, т.е. применяется стиль .red a. Почему ?

    Asked by KottCoos,

    0 votes
    2 answers

  17. Ширина изображения.

    Здравствуйте! При указании ширины изображения в каскадной таблице или в самом теге img при помощи параметра width можно указывать ширину в пикселях и процентах. В последнем случае, имеется ввиду процент от ширины экрана браузера. А есть ли возможность регулировать ширину изображения в процентах но только от ширины ячейки таблицы, в которой оно находится?

    Asked by Koriolan,

    0 votes
    2 answers

  18. Нумерованные списки, картинки и текст

    Можно ли нумерованный список сверстать так, чтобы цифры от списка были всегда спозиционированы к верху внутренностей элемента списка. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100" style="display: block;"/> </li> <li> <img src="http://www.google.com/logos/spring09.gif" width="276" height="135" style="display: block;"/> </li> </ol> А все благодаря, вставленному display: block в стиль к картинкам. Но, если добавить текст после картинки. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100…

    Asked by Deleter,

    0 votes
    3 answers

  19. Отображение begun'а в Mozilla

    Добрый день. Возникла такая проблема: не удается уменьшить ширину Бегуна в Мозилле. Нужно уменьшить до 200px, а он уменьшается максимум до 214, пробовал по всякому, и через стили, и через js, ничего не выходит. В других браузерах все ок. Вид бегуна http://autocontext.begun.ru/autocontext2.js Версия Mozilla: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.1) Gecko/20090624 Firefox/3.5 (.NET CLR 3.5.30729) Спасибо.

    Asked by Микель,

    0 votes
    0 answers

  20. Скрипт выбора кнопки на примере Liveinternet

    Доброго времени и с прошедшим праздником Суть всей проблемы такова, нужен скрипт выбора кнопок как допустим у Liveinternet ил mail.ru Поэтапно: Юзер видит 4 кнопки разных размеров, выбирает нужную через радио кнопку и нажав далее переходит на страницу выбора цвета, выбрав цвет его перебрасывает на страницу с готовым кодом. Помогите господа решить сие вопрос или задачку. Знаний в программировании, особо нет (да для вас можно считать что их и нет вовсе ) Надеюсь с вашей помощью решить этот вопрос. В гугле облазил, но не нашел ничего стоящего. Заранее спасибо.

    Asked by BLOTTER,

    0 votes
    5 answers

  21. danwer или xampp

    С html и css разобрался на уровне "продвинутого чайника". Сейчас хочу перейти к изучению php и mysql чтобы сайт был функционален а не просто картинки со словами. Что лучше ставить, в чем разница, какие плюсы и минусы у программ?

    Asked by MefistofeleS,

    0 votes
    3 answers

  22. Маленький дефект отображения футера в Opera

    Здравствуйте, уважаемые эксперты! Столкнулся с небольшим, но очень неприятным глюком при отображении вёрстки сайта в Opera "Версия: 11.50 Сборка: 1074". Во всех браузерах всё ок, а вот в Опере при первом открытии страницы футер выглядит съехавшим вверх (страница построена с прилипающим к низу подвалом). После обновления страницы футер садится куда надо. Причем можно сделать "Проинспектировать элемент" на любом элементе и справа в списке стилей любую галочку снять, футер тут же встанет на место. Такое ощущение, что не хватает странице совсем чуть-чуть, чтобы догрузить до конца все данные. Вёрстка валидна. Тут HTML код Тут CSS

    Asked by Beatler,

    0 votes
    8 answers

  23. Вертикальное меню для сайта

    помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "position: fixed" не помогает, отображается неправильно, криво. пытался сделать так: <div style="width: 100%; height: 51px"> <!-- Меню --> </div> <div style="width: 500px; height: 100%; overflow: auto"> <!-- Контент --> </div> но что если на сайт зайдёт человек, у которого дисплей с расширением например 1600х900? будет пустое место под вторым блоком, вообще отображаться будет неправильно. нашёл в инете JS-скрипт, который изменяет высоту блока в зависимости от расширения дисплея, поставил, но он не работает у меня почему-то.

    Asked by SurPaul,

    0 votes
    8 answers

  24. Как занять блоками всю ширину родителя

    Вот такая задачка появилась. 1. Есть контейнер резиновой ширины. 2. Есть блоки (например заметка с картинкой) в контейнере, их количество - любое от 1 до бесконечности. Реально надо обрабатывать хотя бы до 10. Количество блоков заранее не известно. 3. Блоки должны выводиться в контейнере равной ширины и занимать всю ширину контейнера. 4. (самое сложное) У блоков должна быть минимальная ширина: если контейнер сильно сужается, не влезающие блоки должны переноситься на следующую строку. Последний пункт отметает вариант с table-cell. Указать ширину в % тоже нельзя - ведь заранее количество блоков не известно. Вариант с justify + inline-block тоже не подходит, потому что блоки…

    Asked by Xerol,

    0 votes
    8 answers

  25. Див не прямоугольной формы

    На странице нужно разместить несколько таких блоков, заходящих друг на друга: Каждый из которых, сохраненный в пнг весит очень не мало. Хотелось бы грузить джипег, и либо вырезать нужную мне область или, что лучше, вырезать не нужные мне области, что бы они становились прозрачными. Можно ли как то это реализовать и если можно то как?

    Asked by bob_24,

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