HTML Coding

29542 questions in this forum

1. горизонтальное выпадающее по клику меню на CSS

   Возможно ли такое сделать? как здесь http://megaweb.su/demo/click_menu/megaweb.su.html но без использования Javascript.

   Asked by qwertyasdfg, June 2, 2011

   0 votes
   8 answers
2. Gulp, с чем его едят?

   Добрый день. Прошу помочь разобраться с этим зверем. Js знаю на уровне написания скриптов на jquery. Что пока есть. Установил Node, gulp. В папке с проектом создал папку dev, в которой храню less,js исходники bootstrap. (Bootstrap просто взял чтобы поучиться настраивать gulp) Задача состоит вот в чем. Хочу чтобы less файлы объединялись в один, затем конвертировались в css, прогонялись через autoprefixer минимизировался и сохранялся в папке /css/min.css Так же и js, но с этим думаю справлюсь как пойму принцип. Так же вопрос насчет плагинов, нужно их самому ставить если стоит npm? Допустим вот исходный файл gulpfile.js var gulp = require('gulp');gulp.task('css', func…

   Asked by li4e, November 25, 2014

   • node
   • gulp
   • js
   0 votes
   6 answers
3. Подскажите, как изменить размер элемента "radiobutton" в стилях?

   Когда меняю размер следующим образом, то все работает <input type="radio" class="radioBtn" style="width:250px; height:250px;"name="sel" id="sel_adr">Но когда так же делаю через стиль, то почему-то не работает. В чем может быть причина? .radioBtn { width: 250px; height: 250px;}<input type="radio" class="radioBtn" name="sel" id="sel_adr">

   Asked by osetr, November 13, 2014

   0 votes
   6 answers
4. div лесенкой

   Не могу нормальным способом сделать следующее: - слой - слой - слой - слой Единственное, что приходит в голову - или каждому слою дать id или запихнуть слой № 2 в №1, 3 в 2, 4 в 3 и каждому выставить отступ.

   Asked by IceBars, August 3, 2009

   0 votes
   4 answers
5. Позиционирование элемента

   Здравствуйте. Помогите, пожалуйста, решить задачу - расположить элемент html (например, картинку <img>) с некоторым заранее определенным смещением относительно центра по горизонтали. Конкретный пример - 400 пикселей влево от центра. Единственное, что приходит в голову - использование отрицательного margin-left. Но в этом случае картинка исчезает с клиентской части окна браузера при изменении его размеров (сжатии) ниже критического уровня. Картинка как бы уплывает за край браузера. Как сделать, чтобы картинка не уплывала, а если и уплывала, то чтобы ее можно было "достать" с помощью полосы прокрутки. Понятно, что задачу можно решить с помощью java script, но хотелось…

   Asked by salikoff, October 1, 2009

   0 votes
   19 answers
6. автоматическая ширина

   Предположим есть 3 колонки в контентной части макета не важно какие, но для примера код html <div id="middle"> <div id="container"> <div id="content"> Content: </div> </div> <div class="sidebar" id="sideLeft"> Left Sidebar: </div> <div class="sidebar" id="sideRight"> Right Sidebar: </div> </div> css #middle { width: 100%; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 320px; } #sideLeft { float: left; width: 300px; margin-left: -100…

   Asked by ShumNo, September 18, 2010

   0 votes
   15 answers
7. Резиновая шапка при фиксированном сайте

   Сайт на шаблоне с фиксированной шириной. Необходимо сделать на сайте шапку. Сейчас шапка на сайте есть, сделана по вот этому уроку, но вариант не подходит, так как в нём используется body { background <...> }, а мне нужно через backgroung задать сайту фон. Пробовал ещё такое решение: CSS: .container { background: #fff repeat; margin: 0 auto; height: 192px; width: 100%; overflow: hidden; position: relative; } template.php: <div class="container"> <div align="center"><img src="http://site.ru/themes/theme/images/top.jpg" alt="" /></a></div> </div> С высотой шапки 192px и шириной >1700px. Но при использовании этого способа,…

   Asked by vkapas, August 2, 2011

   0 votes
   8 answers
8. Не работают внешние таблицы стилей

   Здравствуйте. Такая проблема. При выносе стилей в отдельные файлы с расширением .css они перестают работать в документе. Как только переношу код из файла назад в тег style всё снова работает. При том что javascript, подключаемый также из внешнего файла, работает нормально. Заранее спасибо за помощь Вот часть кода страницы и далее содержимое файла header.css: <DOCTYPE html> <html> <head> <link rel="stylesheet" type=”text/css” href=”../global/styles/header.css” /> </head> <body background="../global/images/bg1.png" text=black link=blue vlink=923b8b> <div id="header"> <table width=1280 align=center border=0 cellspacing=0 cel…

   Asked by alex-great, January 13, 2014

   • CSS стили
   0 votes
   5 answers
9. Вопрос по перекатываниям

   Всем привет,у меня такая ситуация:решил сделать кнопки с эффектом перекатывания,но через CSS и с помощью идендификаторов,с JS ещ? не знаком,так вот первые две кнопки отображаются нормально,но когда я делаю третий идентификатор с указанием картинки и функцией hover,то кнопки изчезают,в ч?м дело?Буду очень благодарен за ответ. Вот код: A#rollover{ background: url('Глава1.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; left:140px; top:20px; } A#rollover:hover{ background: url('Глава1(актив).gif') } A#rollover2{ background: url('Глава2.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; l…

   Asked by Imevil, July 17, 2007

   0 votes
   15 answers
10. прблема c двумя <div>-колонками в div-контейнере

    Народ, подскажите плиз... Есть следующая код #container{ width: 800px; margin-left: auto; margin-right: auto; text-align: left; border: 1px solid #E0E2EE; background: #FAFCFB; - не срабатывает в FF и Opere } #left{ width: 75%; padding: 5px 5px 10px 5px; float:left; font-size:0.9em; border-right: 1px solid #E0E2EE; } #right{ width: 22%; padding: 5px 6px 5px 0px; float: right; } #footer{ width: 100%; background: #F8F9FB; float: left; } <div id="container"> <div id="left">Некоторая инфа</div> <div id="right">Некоторая инфа</div> <div id="footer">Подвал<div> </div> Так вот все чудесно, только когда я …

    Asked by Виталий, May 28, 2007

    0 votes
    6 answers
11. Форма контактов на Twitter Bootstrap

    Нашел интересную форму контактов сделанную на Twitter Bootstrap, стараю повторить тоже самое на своем сайте, но не получается. Ссылка на урок: http://bootstrap-ninja.ru/snippets/snippet-details/snippet-contacts-form.html Должно получиться так: А у меня получается так: Вот мой исходный код, согласно инструкции я все верно сделал: <!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>nartan.ru</title> <!-- Bootstrap --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css"></head> <body><div class="container"> <br /> <br /> <a href="../" cla…

    Asked by nartan, February 19, 2014

    • Bootstrap
    • бутстрап
    • форма контактов
    0 votes
    5 answers
12. Создание геометрических фигур в html

    Форумчане, вот такой меня вопросик интересует. Есть ли возможность средствами html или css создавать геометрические фигуры: окружность, прямоугольник, с заданными координатами. радиусом, цветом... нигде не могу наткнуться на эту тему. Спасибо

    Asked by YaFakir, May 8, 2009

    0 votes
    8 answers
13. блок

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

    Asked by bald, September 28, 2009

    0 votes
    18 answers
14. Много пустоты внизу страницы

    Приветствую всех! Такая проблема верстаю страничку слоями и внизу под подвалом образовалась пустоты. Я понимаю что это все из-за position: relative; . В таких случаях рекомендуют применять position: absolute; Но мне такое правило не годится так как текст/контент может быть произвольным и соответственно весь низ должен строиться относительно своего расположения, а не абсолютно. И так какие есть советы рекомендации. Страничка с проблемой http://laestrella.ru/ Желательно чтоб предложенные варианты работали в IE.

    Asked by flyagin, April 27, 2009

    0 votes
    5 answers
15. Как совместить в одной ссылке несколько атрибутов rel?

    Есть на сайте ссылка-картинка на профиль G+, в ней три атрибута rel: <a rel="me" href="https://plus.google.com/u/0/105.....8276?rel=author" rel="nofollow" target="_blank"> <img title="Добавиться в Google+" src="http://..../gplus.png" alt="Google+" style="border:0;width:32px;height:32px;"/></a> мне кажется что атрибут rel="nofollow" в этой ссылке не работает, так как она вроде бы определяется как открытая к индексации. Можно ли ставить несколько атрибутов rel в одной ссылке, будут ли они работать и как это сделать правильно?

    Asked by weffer, October 5, 2012

    0 votes
    9 answers
16. Подключение стиля с помощью @media

    Здравствуйте! Есть вот такая конструкция: <link rel='stylesheet' media='(min-width: 1281px) and (max-width: 1366px)' href='css/1366x768.css' /> <link rel='stylesheet' media='((min-width: 1025px) and (max-width: 1280px)) and ((min-height: 874) and (max-height: 900))' href='css/1280x1024.css' /> Но на практике она не работает... Хочу с её помощью подключать стилевой файл, если ширина окна будет колебаться от 1025 до 1280, а высота от 874 до 900 . Высота страницы задана в процентах, но высота блока с контентом - 874px. При увеличении ширины экрана (более 1280px) должен подключатся другой стилевой файл. Но почему-то этого не происходит. Даже при ширине в 1400 …

    Asked by maksvirus911, May 9, 2013

    • @media
    0 votes
    8 answers
17. Импорт ie-only.css

    Не знаю может баян, не нашел ответа. В общем дано: 1. index.html: <link href="style.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /> 2. style.css 3. iestyle.css Как грамотней подключить iestyle.css ? Варианты: 1. В index.html пишем <!–[if lte IE 6]><style type="text/css">@import url("iestyle.css"); </style><![endif]–> 2. В style.css пишем @import "iestyle.css" all; В первом варианте грузим в два потока(для IE) что нежелательно, во втором варианте нет условий для @import, т.е. грузят все браузеры. Как быть? Идеальным решением был бы второй вариант если бы для него можно было задать условие (if IE). Или я много хочу?

    Asked by FXIX, October 10, 2008

    0 votes
    8 answers
18. Сложное обтекание div-ов

    Здравствуйте. Столкнулся со следующей проблемой с обтеканием div-ов. На картинках ниже приведено, что есть и что нужно получить. Это у нас есть: (http://itmages.ru/image/view/287959/d5fb3475) А вот так надо: (http://itmages.ru/image/view/287960/4a7d5e0b) Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .news_main{ font-weight:normal; text-align:left; padding-top: 3px; padding-bottom: 7px; } .news_box{ text-align: left; vertical-align: top; padding: none; height: auto…

    Asked by nikolay2011, September 23, 2011

    0 votes
    4 answers
19. И опять о "Форме обратной связи"

    Очень намучился с создание формы для обратной связи. если учитывать, что с Пшп вообще мало знаком, думаю что-то получилось. Проверьте, пжлст мои Коды и дайте рекомендации. Есть вопросы, которые меня особо интересуют: 1. что там на счет полей обязательных для ввода, все верно? 2. как сделать так, чтобы без включенного поля Agree письмо не отправлялось 3. правильна ли проверка телефона? (нужно, чтобы телефон начинался с "+380") 4. правильно ли осуществляется проверка типа файла (у меня эта проверка - accept="text/txt") 5. как правильно подключить Капчту, а то у меня гадость какая-то получилась) - ну и все, что вы можете мне посоветовать файл с формой ****.html <form a…

    Asked by chest, March 6, 2011

    0 votes
    40 answers
20. распределение дивов

    Вопщем такой вопрос созрел: надо сделать из 4 дивов которые выводятся друг за другом, что бы при сжимании окна браузера они смешались вниз тока по 2, а не по 1-ому. <div style="float:left; width:200;">12345</div> <div style="float:left; width:200;">123456</div> <div style="float:left; width:200;">1234567</div> <div style="float:left; width:200;">1234578</div> Может кто уже делал что-то подобное, помогите плиз!) {...перенесено "Слои" kiD}

    Asked by AtskiySOTONA, July 2, 2007

    0 votes
    14 answers
21. margin-left в IE6 удваивается

    В IE6 удваивается марджин-лефт и сдвигает слой больше чем надо. Как с этим бороться подскажите плиз <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=Content-Type content="text/html;charset=windows-1251"> <title>Untitled</title> <style> * { margin: 0px; padding: 0px; } #osnova{ width:100%; height: 100%; min-width:1000px; } #bodier{ height: 100%; background:#CFCFCF; position: relative; z-index:0; } #left_body{ width: 100%; height:600px; z-index:0; position: relative; } #podlogo{ backgro…

    Asked by rokkkky, December 28, 2008

    0 votes
    4 answers
22. при наведении мышки "моргают" кнопки

    http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…

    Asked by WeeklyTea, May 5, 2011

    0 votes
    6 answers
23. Форма ответа

    Здравствуйте) Подскажите пожалуйста код для создания формы отправки письма с сайта на мэйл админа без участия почтового клиента. Сайт написан на html с применением JavaScript. Он расположен на Народе, поэтому о php речь не идет, как сказал сам Народ "Расширением текстового файла может быть только: html, htm, txt, js, css, xml, xsl, vbs."))) Заранее премного благодарна)

    Asked by Орифия, February 5, 2008

    0 votes
    30 answers
24. Кодировки.

    Доброго всем дня. Проблема вот в чём: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <link href="css/styles.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> </body> </html> Такой вот прекрасный красивый код, валидатор ничего против не имеет, на хостинге всё работает идеально, никаких проблем. Запускаю на локалхосте. Получаю вот что: п»ї<!DOCTYPE html PUBLIC "-//W3C/…

    Asked by Игорь Ермаков, October 30, 2009

    0 votes
    12 answers
25. hr и css

    xhtml 1.0 strict как можно убрать рамку (границу, обрамление, окантовку) тега <hr> средствами css в ie7 с заданным фоном и высотой? hr{margin:0; padding:0; border:0;} не помогает.

    Asked by MehOlOLBuC, March 5, 2011

    0 votes
    10 answers