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. масштабирование под размер div

    Здравствуйте Подскажите как реализовать так, чтобы изображение сжималось под размер div-а (у которого размер строго задан)? Ну тоесть если размер div меньше размера изображения, то оно не "отсекалось" бы а масштабировалось

    Asked by Gralex,

    0 votes
    2 answers

  2. Уезжает колонка(табличная верстка)

    Проблема решена.

    Asked by RFbager,

    0 votes
    2 answers

  3. как сохранить background после css-position

    Проблема следующая - есть header в нем на всю площадь нужно не симметрично расположить 4 div'a. Если верстать таблицей - получается уж больно громоздкий код. Я сделал через css (position: relative у header'a и absolute у div'ов). Но header'у был назначен background, a после position div'ы его перекрывают, как их оставить прозрачными???

    Asked by heljoshin,

    0 votes
    2 answers

  4. Не работает hover в chrome

    Здравствуйте! Помогите, разобраться, почему не работает код CSS для наведения на ссылку в Хроме и Сафари. Никогда с таким не сталкивался. Как должно работать в Хроме можно посмотреть тут: http://itk.budennovsk.ru/ CSS ul.nav_top2 { list-style: none; z-index: 999999999; } ul.nav_top2 li { float: left; height: 19px; margin-right: 20px; cursor: pointer; position: relative; z-index: 1; } ul.nav_top2 li a.one{ color: #005ece; padding: 5px 0 6px 10px; } ul.nav_top2 li a.one:hover{ background: #005ece url(i/top_menu_fonleft.gif) no-repeat left; padding: 5px 0 6px 10px; color: white; } ul.nav_top2 li strong{ font-weight: normal; paddin…

    Asked by pbeloysov,

    0 votes
    0 answers

  5. элементы DIV в ряд

    Нужно расположить элементы DIV в ряд, и чтобы они вели себя, как обычные элементы - если div-ы не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. Как это можно сделать?

    Asked by krustal,

    0 votes
    1 answer

  6. Проблемы анимации при использовании CSS Transition и display: none/block

    Делал анимацию с появляющимися и исчезающими блоками через CSS Transition. Но наткнулся на проблемы. Проблему локализовал в таком коде: <style> #animated { -webkit-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; padding: 1em; border: 1px solid black; } </style> <script> function fadeIn() { document.getElementById('animated').style.display = 'block'; document.getElementById('animated').style.opacity = '1'; } function fadeOut() { document.getElementById('animated').style.display = 'none'; document.getElementById('animated').style.opacity = '0'; } <…

    Asked by Anton Diaz,

    0 votes
    10 answers

  7. Визуальные теги

    Всем привет. Ребята, обрыскал инет, но так и не нашёл объяснения этому термину. Растолкуйте,пожалуйста, что такое визуальные теги?

    Asked by anebilitsa,

    0 votes
    1 answer

  8. Doctype и слои

    Вот такая проблема. Когда я подключаю doctype к документу, то слойность перестает работать (в частности мне необходимо с использованием position:relative). Без него же (т.е. просто <html> <head></head> <body></body> </html>) слои работают. Неужели "стандарты" не работают со слоями? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> Слой 1 наверху <div style="position:relative; font-size:50px; z-index:2…

    Asked by Demoni,

    0 votes
    4 answers

  9. Li в строку и проблемы с AdBlock

    Собственно проблема. Есть один макет: В данный момент решается проблема с баннерами, расположенными под шапкой. Собственно сейчас они выглядят таким вот образом: И это при display:inline-block !(display:inline ничего хорошего не делает в данном случае) Собственно данная проблема решается установкой списку float:right, но в таком случае возникает довольно специфичная проблема в браузере Google Chrome. При включённом AdBlock Все баннеры сползают подобным вот образом: Вопрос: Как выровнять li в одну строку не применяя параметр float. Где я ошибся? Сайт ironrussia.ru Код элемента: <div class="banners"> <ul> <li></li> <li><a href="http://k…

    Asked by Ge1i0N,

    0 votes
    1 answer

  10. Фиолетовая граница картинки и при зажатии красная

    Верстаю страничку и в слайдере картинок возникла проблема кода на фиолетовую границу картинки или на красную вообще и впомине нету к картинкам только один код у меня стоит width:100%;border:4px solid #fff;-webkit-box-shadow:0 1px 5px 0 #4a4a4a;-moz-box-shadow:0 1px 5px 0 #4a4a4a;box-shadow:0 1px 5px 0 #4a4a4a вот картинка

    Asked by vova1212,

    0 votes
    4 answers

  11. Прокрутка в блоке div

    Возник такой вопрос, например, в каком-то месте сайта, у меня имеется div-ka <div id="con_event">тут очень много данных, текста, таблички, картинки, без разницы что, скажем так на пикселей 1500 высотой</div> стиль div-ки: #con_event { border: 0 solid white; height: 440px; overflow: scroll; } Всё отлично, моя div-ка имеет высоту 440пикселей, появилась полоса прокрутки, всё как задумывалось. Теперь вопрос: данные в div-ке прокручиваются, как только я подвожу мышку на дивку, и начинаю прокручивать колёсико мышки, есть ли возможность сделать так, чтоб, для "активации" прокрутки необходимо было кликнуть по div-ке, ну или ещё какой-то вариант? Суть вот в…

    Asked by pmsi,

    0 votes
    8 answers

  12. В каком стандарте описан тег <image> (не <img>) ?

    В общем случайно обнаружил что такой код вполне рабочий: <image src="images/logo.png" alt="Экодом" width="140" height="148" /> Картинка отображается в Chrome, FF, IE. Кроме того, тег image подсвечивается в Notepad ++ Однако валидатор выдает непонятную ошибку: Line 18, Column 115: Saw a start tag image. …ную"><image src="images/logo.png" alt="Экодом" width="140" height="148" /></a> Доктайп <!DOCTYPE html> В dom-инспекторе хрома элемент отображается как img. Вопрос - что это за тег такой и в какой спецификации он описан? Кстати мне он симпатизирует больше чем img

    Asked by danik.html,

    0 votes
    4 answers

  13. Контент на всю высоту

    Нужно сделать контент на всю высоту <div id="main"> <div id="content"> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor sit amet consectetuer eros odio vestibulum ipsum Aenean. Odio iaculis ut enim nulla tortor vitae mauris sed a velit. Eu Donec Cras non Phasellus lorem magna sem turpis commodo Donec. Urna augue odio tincidunt lacinia nulla Nam Curabitur Aliquam Nulla Donec. Condimentum urna pellentesque congue ridiculus condimentum Integer tortor quis hac nec. Turpis in congue risus.</p> </div> <div id="sidebar"> <div class="widget"> <ul> <li><a href="/">CSS</a></li> <li…

    Asked by moslem,

    0 votes
    3 answers

  14. Три div'а в ряд

    Здравствуйте.Имеется три div'a , которые нужно расположить так , чтобы два блока , которые по бокам растягивались по мере уменьшения масштаба , а центральный оставался по середине и не тянулся , возможно такое дело осуществить? Вот пример , только здесь width указан точно в пикселях ; пробовал ставить width:100% не помогло ;( Заранее спасибо

    Asked by Zerro76,

    0 votes
    2 answers

  15. Не могу прижать подвал к полу

    Здравствуйте, уважаемые профессора! Нужна ваша помощь! Не могу растянуть макет на всю страницу, хоть ты тресни! Хочется застрелиться :dash: Код html Код css Скачать архив (для вашего удобства ): _http://smokednuts.narod.ru/smokednuts.zip файл pokupatel.html Очень прошу помочь! Может я не тот доктайп юзаю?

    Asked by il.prohorowi4,

    0 votes
    8 answers

  16. Есть ли смысл писать семейство шрифтов?

    Мы часто пишем font-family: Arial, Georgia , Tahoma; Есть ли в этом смысл? Не достаточно ли оставить только Arial?

    Asked by Alexufo,

    0 votes
    4 answers

  17. Почему вкривь и вкось?

    Здравствуйте. Использую сторонний компонент и никак не могу понять, отчего изображения в рамках сдвигаются вправо и вниз? Здесь пример Благодарю.

    Asked by borus,

    0 votes
    4 answers

  18. Кнопка background

    Доброго времени господа! Помогите пожалуйста решить проблему: мне нужно сделать кнопки меню одинаковой ширины, сейчас при задании background картинки - кнопки получаются такой же длины как и текст меню, от этого все меню получается разной ширины,смотрится ужасно. Подскажите как сделать так, чтобы кнопки были определенной заданной ширины??? .sidebar { color: #333333; margin-bottom: 10px; margin-left: 0; margin-right: 0 !important; } .sidebar-right { } .sidebar-left { margin-left: 7px; } .sidebar-left h2 { } .sidebar-right h2 { } .sidebar a { background: url("images/h2bg2.png") repeat-x scroll 0 0 transparent; background-size: 100% 100%; …

    Asked by marteen,

    0 votes
    4 answers

  19. class

    Здравствуйте! а можно однному блоку присвоить 2 класа? типа <div class="class1,class2"> и какая кросбраузерность у этого метода?

    Asked by chiosan,

    0 votes
    1 answer

  20. Форма подачи заявление

    Здраствуйте, помогите сделать такую простую форму подачи заявление для сайта продажи спецтехники. http://ru.turbo.az/site/autos/form Выше указал пример, Весь гугл перерыл не могу найти. реально ли такое сделать ? Я хочу поставить на своем сайте где все собрал с html. Снести сайт и поставить движок сильно не хочется. Буду блогадарен.

    Asked by pirani-comp,

    0 votes
    2 answers

  21. Подключить свой css для Opera

    Добрый день. Есть проблемка. Сделал над хедером полоску дополнительную, Google, Safari, FF всё отлично, в Опере она торчит на половину, другая половина вне экрана, хочу создать ещё один CSS отдельно для Opera и там спустить её немножко. Использую Wordpress. Подскажите как сделать, буду очень благодарен

    Asked by spoilb,

    0 votes
    9 answers

  22. Выделение рисунка при наведении мыши

    Есть карта мира (предоставленная клиентом). Есть области, которые нужно выделить. При наведении на них мышкой они должны выделятся границей местности. Как сделать, чтобы они выделялись именно под указателем мышки. Сайт на joomla 1.5

    Asked by victorz,

    0 votes
    4 answers

  23. Различие псевдоэлементов :after и ::after

    Объясните, пожалуйста, в чём смысл ввода в CSS3 элементов с парой двоеточий?

    Asked by skvor,

    0 votes
    8 answers

  24. Помогите создать спойлер

    Помогите пожалуйста создать спойлер через классы (ИД не подходит). Проблема 1. Необходимо скрыть под спойлер текст находящийся в классе "quote" <div class="quote">основной текст спойлера</div> Я могу изменить сам класс, но НЕ могу дописать ИД в див: <div class="quote" id="123">основной текст спойлера</div> точнее не не могу, а не хочу дописывать потому что сайт на движке ДЛЕ и новостей 2500 Проблема 2. Спойлер должен открываться нажатием на картинку, причем у картинки есть и своя ссылка: <a href="http://site.com" target="_blank"><img src="image1.png"></a> в результате site.com должен открыться в новом окне, а на старом окне раз…

    Asked by alleclf,

    0 votes
    5 answers

  25. Резиновая высота блока с учетом вычета высоты header и footer

    Приветствую всех встала передо мной проблемка сверстать макетик с такой же структурой как и здесь - _http://makexhtml.ru/2011/rezinovaya-vysota-bloka-s-uchetom-vycheta-vysoty-header-i-footer-css-jquery/, только подвал у меня фиксированной высоты. Реально ли такое реализовать только с использованием дивов или же прибегнуть к таблице? или же использовать скрипты? надеюсь на помощь более опытных коллег, потому как сам додуматься не могу.

    Asked by RK152,

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