HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Атрибут class
например имею: <div class="hidden"> </div> нужно что бы он стал <div class="unhidden"> </div> какие есть способы?
0 votes9 answers -
как продублировать нажатие на блок div
вот блок элементов хочу сделать меню и при нажатии на пункты меню раскрывался отдельный блок! Как это реализовать? как прописать на ссылку нажатие на определенный блок div? заранее благодарен!!
0 votes7 answers -
Включение CSS в зависимости от времени
Можно ли включать или отключать отпределенные стили в зависимости от времени суток и дня недели ?
0 votes8 answers -
картинка перекрывает ссылку
Здравствуйте! Подскажите пожалуйста. При наведении курсора на ссылку появляется картинка, но она перекрывает ссылку. ДО наведения курсора http://hkar.ru/G26z После наведения курсора http://hkar.ru/G26A Хотя в стилях для картинки задано: a image {visibility: hidden; position: absolute; z-index:1;}А для ссылки при наведении: a:hover text {text-decoration: underline; position: absolute; z-index:100;}Весь код: <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <svgxmlns="http://www.w3.org/2000/svg" version="1.1"xmlns:xlink="http://www.w3.org/1999/xlink"width="330" height="330" viewBox="-18 -15 330 330">&…
0 votes2 answers -
В какую сторону копать для упрощения верстки (макетирование).
Я в веб-верстки ровно месяц. Так что извините за незнание каких-либо терминов или/и их неправильное употребление. Попытался сделать сайт для себя, т.к. просто учиться на офлайн-файликах немного скучно. И уже сейчас столкнулся с такой проблемой. HTML-файлов в сайте уже штук 10, и каждый раз когда я хочу изменить интерфейс сайта мне приходится последовательно менять его во всех этих 10 файликах. Можно ли как-то оптимизировать этот процесс? Порылся в интернете - есть рекомендации Adobe Dreamweaver CC, но также пишут мол он "отупляет" верстальщика. Какую программу посоветуете для решения этой проблемы? В какую сторону копать?
0 votes4 answers -
Позиционирование под меню относительно главного меню средствами CSS
Добрый день. Сижу над следующей задачей: 1. Есть левое боковое меню из ul, li 2. При наведении на пункт меню li, отображаю блок div с подменю. Но проблема в том, что если боковое меню ul высотою с экран, или более, то всплывающее подменю div (возле последнего пункта меню li) не полностью выводиться на экран, оно уходит за границу нижней часть страницы и видно не полностью. Решение вижу так: 1. Для верхних пунктов (li) меню (ul), всплывающее под меню (div) позиционирую свойством top. Если всплывающее под меню (div) отображается для самых последних пунктов (li) вертикального меню (ul), то в место свойства top:0; для div думаю использовать свойс…
0 votes3 answers -
укажите на основные ошибки верстки
"учу" верстку уже очень долго но из за того что нет мотивации кроме как хочется но не колоситься научился не многому как я уже писал укажите на основные ошибки ибо знакомых верстальщиков нет хотелось бы развивать навык но из за того что не нахожу подходящей вакансии со стажировкой хоть как то применить знания и увидеть все изнутри в общем там большой прирост с подобной практики из за этого приходится просить вас. Заранее спасибо за потраченное время. https://spartak987.github.io/
0 votes5 answers -
Как сохранить прямоугольные формы пунктов меню при изменении...?
Как сохранить прямоугольные формы пунктов меню при изменении разрешения экранов? http://oilcity.su/ Конечно можно просто медиа запросами за счет падингов, но может есть более универсальное решение?
0 votes2 answers -
Аккордеон на чистом HTML/CSS
Добрый день. Подскажите как реализовать такой всплывающий блок как на картинке: 1) Блок на который один раз нажал должен быть открытым все время, до выбора другого блока; 2) Название блока в закрытом положении имеет черный цвет и стрелочка вниз, а при открытом синий цвет и стрелочка вверх 3) Реализовать с помошью HTML и CSS
0 votes2 answers -
Значение свойства в стиле и классе
<div id="div1" class="c1"> .c1 { visibility:hidden; } alert(document.getElementById('div1').style.visibility) выдаёт пустое место. Можно ли сделать чтобы выдавал 'hidden', не прописывая при этом явно style в диве?
0 votes2 answers -
Помогите сделать рамку и субменю. Зарание Спасибо
доброго времени суток...... просьба у меня такая...... вот у меня есть сайт.....пока это тестовый сервер, для проверок перед загрузкой на основной http://demotest.comze.com/ так вот у меня по поводу него сразу несколько вопросов, на которые я очень надеюсь, уважаемые знатоки ответят, имхо я был на разных форумах, так никто и не помог =( надежда на вас 1.На сайте есть таки меню как "Устав,Иерархия,Легенда,Гимн,Состав" мне бы очень хотелось объединить их в раздел "о нас" при наведении на который будет выдвигаться меню с данными будущими подразделами =). 2.Где можно сказать готические рамки? как их правильно порезать и вставить в шаблон сайта ? Пожалуйста, если можно разжуй…
0 votes0 answers -
iframe пролистывание на середину
на сайте вставил iframe когда в iframe (размер 200 на 200)загружается вставленный сайт то там по стандарту показывается верхний левый угол сайта и чтобы добраться до середины сайта надо прокручивать полосу прокрутки как мне сделать чтобы при загрузке iframe показывалась например сразу середина сайта
0 votes1 answer -
Помогите с обтикатием.
<!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/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- BODY { margin: 0 0 0 0; } #left { width:235px; height:500px; float:left; background-color:#06F; } #content { float:left; background-color:#0CF; width:50%; height:200px; } --> </style> </head> <body> <div id="left">left</div> <div id="content">centor</div> </body> …
0 votes3 answers -
Проблема с меню
Делаю rollover-меню, мне необходимо что бы все элементы меню распологались в строку, но когда меняю в CSS на display:inline; или display:inline-block; все картинки исчезают. Вот строчки из CSS: a.bt:link { background: url(images/b1.gif); display:inline-block; width:60px; height:20px } a.bt:hover { background: url(images/b1_2.gif); display:inline-block; width:60px; height:20px; }
0 votes4 answers -
Проблема с расположением обтекающих элементов
Требуется реализовать вот такую вот штуку: В несколько строк подряд идут одинакового размера блоки. При уменьшении окна браузера, не влезающие в строку блоки переходят на следующую. Реализовывается всё достаточно просто, через обтекание. Но вот одна загвоздка, при уменьшении окна браузера, на месте переходящего элемента остаётся пустое место Нужно, чтоб либо все оставшиеся в строке блоки равномерно располагались в строке (можно, чтоб между ними был отступ), либо все блоки центрировались. Первый случай хорошо реализован в ЯндексКартинках (1->2->3), но к сожалению ни первое, ни второе решения с использованием только HTML и CSS я нормально реализовать не смог. Просьб…
0 votes4 answers -
Ссылки в hover меню картинками
Надо сделать меню картинками, чтобы при наведении менялся цвет текста, ну и чтобы пункты меню были ссылками, естественно. С псевдоклассом hover я знаком, но есть одна проблема. В html коде пункты меню пустые. <div id="home"><a href="#"></a></div> Ко мне пришла в голову мысль заполнить пункты меню по высоте прозрачной картинкой шириной в один пиксель, и div a{display:block;} в css. С лого у меня та же проблема, хотя она конечно решаема вынесением картинки в html. Подскажите как по-хорошему это все сделать, не хотелось бы изобретать велосипед.
0 votes5 answers -
Плавающий div не растягивает родительский.
<html> <head> <title></title> <style type="text/css"> html, body { height: 100%; border: dotted 2px red; } body { border-color: green; margin: 0; } div { border-width: 1px; border-style: solid; } div.main { padding: 120px 0px 120px 0px; border-color: red; } div.menu { border-color: blue; width: 25%; float: left; } div.content { border-color: green; float: left; width: 74%; } </style> </head> <body> <div class="main"> <div class="menu"> Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br /> </div> <div class="content"&…
0 votes7 answers -
разобраться с доктайп
Помогите кто-нибудь разобраться почему доктайп отключает работы всех хаков? У меня есть страница с ява скриптом и хтмл-кодом, ЦСС которого содержит хаки для ИЕ (*html) ява-код <script type="text/javascript"> $(document).ready(function( ) { $('.otvet').hide(); $('#block_vopros h2').toggle( function() { $(this).next('.otvet').slideDown(700,'swing'); $(this).addClass('close_otvet'); }, function() { $(this).next('.otvet').slideUp(500,'linear'); $(this).removeClass('close_otvet'); } ); }); $(document).ready(function() {$('#toglink0').click( function() { if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) { if ($('…
0 votes8 answers -
Изображение в DIV шире окна браузера оставить по центру
Всем доброго времени. Давно пользуюсь этим сайтом и всегда находил ответы. Но видимо пришло время спросить у знатоков. Суть вопроса. Сразу приведу пример сайта ivi.ru. Хочется сделать как у них. У них рекламные постеры (изображение) в верху страницы размером 1700х424. И они используют jcarousel для слайдера. Но проблема в том, что jcarousel или другие слайдеры работают только с изображениями внутри блока DIV. Если блоку дать значение как background, то картинка центруется, но нет эфекта перехода (затухания). А если задать путь к изображению внутри блока, то блок при меньшем разрешении чем 1700 прилипает к левой стороне браузера, а не цинтрируется. На ivi.ru при изменении …
0 votes1 answer -
Каталог продукции
Доброго времени суток! У меня следующий вопрос! Есть небольшой каталог продукции.. сделан простенько на css и jquerry. Хотелось бы сделать так, чтобы при переходе на какую либо страницу в каталоге "раздвинутый" раздел запоминался. Практически все каталоги так сделаны, но я честно говоря не знаю как это реализовать.. Буду очень благодарен любой помощи!! Ссылка на все это дело: http://perfectionstudio.ru/palve/index.html если нужно, выложу сюда все коды!
0 votes2 answers -
создание сайта-вопросника
Добрый день. Сразу к делу- интересует с чего нужно создавать сайт-вопросник : то-есть посетитель заходит,оставляет свой вопрос, мне приходит уведомление, я отвечаю-ответ приходит на сайт под его вопрос. Спасибо за внимание)лучей добра
0 votes5 answers -
Стиль, систематизация, шаблонизация присвоения ID и классов HTML элементам
Всем здравствуйте! Поделитесь, если у кого есть, пожалуйста, статьями или информацией по теме грамотного присвоения ID элементам. Я понимаю что отчасти дело фантазии и собственного вкуса, однако я всерьёз полгаюа, что есть ряд методик, разработанный умными дядями, с которыми было бы интеремно ознакомиться. Однако, мне мало чего удалось найти. Помню была статейка написания сайтов "мини блоками" (не помню как они по умному назывались, бам, бом или что-то такое) и внутри каждого блока элементы получали очень грамотные, длинные и говорящие за себя названия. Может один я после 30-го элемента начинаю в них путаться, т.к. не использую грамотный подход при распределении ID? Буду …
0 votes7 answers -
Непонятная область блока
Приветствую! Интересная штука. Когда водишь мышью над третьим пунктом меню (Logout), попадается непонятная невидимая область, принадлежащая второму пункту (Gallery). И она довольно большая. Это хорошо видно по ховер эффекту изменения цвета иконки второго пункта. Такое действо происходит в Хроме, Опере, Сафари. А в Фаерфоксе - нет. Что это? http://tellmeof.cc.ua/DarkVertMenu/darkvertmenu.html
0 votes2 answers -
Зачем указывать html в стилях?
Приветствую сообщество. Я заметил в одном уроке по верстке тэг html при задании ширины, высоты и бэкграунда страницы. В уроке об этом нет ни слова, и выглядит как обычная необходимость. Мне не удалось найти информации относительно использования тэга html в стилях css, а очень хочется понять, в чем тут суть. Пример кода из урока: Вопрос - для чего же это был сделано? В чем секрет? В каких случаях и следует ли вообще его так использовать, или это просто ошибка автора?
0 votes3 answers -
Абсолютное вертикальное центрирование
Уважаемые участники форума, помогите советом. Наткнулась на статью про вертикальное выравнивание http://http://habrahabr.ru/post/189696/, пыталась выровнять абсолютно позиционированный блок, как в самом начале статьи, но пример не работает http://jsfiddle.net/MeisMe/fzuk9qxm/ Все уже перепробовала, не могу понять, что я упускаю из виду. Хочется знать почему: Не происходит центрирования по вертикали если у родительского блока position:relativeВысота блока с контентом равна 0 и не изменяется в зависимости от содержанияПример работает если у родителя position:staticСпасибо!
0 votes9 answers