HTML Coding

29542 questions in this forum

1. Создание начального макета

   Нужно создать вот такой вот макет что бы было без разделения (линий) между частями. Когда я делаю больше двух колонок, то у меня начинается белебера из-за недостатка опыта. Может быть есть тема в которой рассказывается по создание колонок. Работаю в Adobe Dreamweaver CS5 заранее благодарна всем.

   Asked by Livandey, June 21, 2011

   0 votes
   33 answers
2. Меню сайта

   вот создал меню кнопки сделал в фотошопе.При наведении на кнопку она меняется Я правельно понимаю теперь нужно кнопки залить в папку IMEIGE и прописать код. <a class="shapka" href="http://www.express-mag.ru/index.php">'>http://www.express-mag.ru/index.php"> </a><a href="http://www.express-mag.ru/index.php" onMouseOut="MM_swapImgRestore()" onMouseOve"MM_swapImage('Image18','','Новая папка/knopka1.jpg',1)"><img src="Новая папка/knopka.jpg" name="Image18" width="199" height="40" border="0"></a> <td align="center" valign="middle"> <a class="shapka" href="http://www.express-mag.ru/index.php?show_price=yes">'>http://www.ex…

   Asked by ppvkomi, November 11, 2009

   0 votes
   29 answers
3. input type="file"

   Форма выбора (ну и последующая загрузка) файла имеет кнопку "выбор..." или "обзор..." Подскажите как изменить стиль этой кнопки? Само поле input нормально меняется, а как изменить саму кнопку?

   Asked by vak, December 16, 2008

   0 votes
   11 answers
4. резиновый трехколоночный макет с отступами по бокам

   Ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже, что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) почему не ясно хотя я прописал min-width:4,9%; width: auto !important; width: 4,9%; а вотFF и Opera хоть и отдают для этой колонки нужное пространство, но судя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?

   Asked by ardjuna, January 21, 2010

   0 votes
   23 answers
5. Как совместить в одной ссылке несколько атрибутов 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
6. div лесенкой

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

   Asked by IceBars, August 3, 2009

   0 votes
   4 answers
7. Картинка при наведении курсора на текст

   Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…

   Asked by bios, April 6, 2012

   0 votes
   18 answers
8. Подскажите, как изменить размер элемента "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
9. распределение дивов

   Вопщем такой вопрос созрел: надо сделать из 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
10. две неподвижные фоновые картинки. как?

    Здрасти) Вобщем такая ситуация, заказчик попросил сделать тянущийся по ширене сайт чтоб по бокам были фоновые картинки неподвижные. Картинки имеют определенную ширину, рабочаю область 80% но не менее 800рх. как я понимаю картинки должны быть именно в фоне или дивы привязать. они также должны скрываться если рабочая область не помещается и в то-же время от них не должен появляться скрол. при маленьких размераш рабочая облость не должна скрываться (обычно левый край) за облости видимости браузера. Если кто-то понял этот бред, можете поделится идеями или код

    Asked by clgs, June 23, 2009

    0 votes
    23 answers
11. Создание геометрических фигур в html

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

    Asked by YaFakir, May 8, 2009

    0 votes
    8 answers
12. Вопрос по перекатываниям

    Всем привет,у меня такая ситуация:решил сделать кнопки с эффектом перекатывания,но через 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
13. css аналог noshade у тега <hr>

    Какой есть css аналог свойства noshade у тега , чтобы не писать постоянно , а грамотно с помощью css?

    Asked by yujin, August 1, 2008

    0 votes
    1 answer
14. Кнопка Сделать Стартовой

    Подскажите пожалуйста какой адрес надо написать для кнопки чтоб при нажатии на нее моя страница делалась стартовой.

    Asked by Victor Ananiev, July 15, 2007

    0 votes
    9 answers
15. 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
16. при наведении мышки "моргают" кнопки

    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
17. Форма контактов на 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
18. текст выводиться над слоем

    вопрос таков: почему "злополучный текст" не в слое выводится а над ним? И чем я только не пробывал повлиять на сложившуюся критически ситуцию. Бестолку. Помогите.. Предложения типа: сверстай тоже самое таблицей или еще в этом роде - сразу предупреждаю не надо писать . Я уже их наслушался вдоволь. Не знаете как решить проблему - лучше молчите. И что это такое товарищи дизайнеры бежать от трудностей в коде.. ? Так дело не пойдет. Заранее спасибо! CSS: * { margin: 0; padding: 0; border: 1px solid white; } #X1_l { background-position: left; background-repeat: no-repeat; height: 240px; overflow: hidden; display:inline; } #X1_r { background-position: right; background-…

    Asked by WEB_bobby, May 24, 2007

    0 votes
    6 answers
19. margin - padding в таблице

    Хочу получить нумерованный список в ячейке таблицы и установить отступ от границы ячейки до цифр 10px. Вообще не врубаюсь в логику IE 6, Mozilla, Dreamweaver 8 и как они соответстыуют рекомендации http://www.w3.org/TR/REC-CSS2/box.html. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style title="text/css"> ol{ /*margin-left: 10px;*/ /*Непонятно... в IE 6 цифры не входят в блок ol и заходят на границу ячейки Как считает Mozilla 2.0.0.4 тоже не понятно*/ padding-left: 10px; /*IE 6, Mozilla, Dreamweaver 8 - у всех поразному ...*/ border: 1px solid #00FF66;} li{ …

    Asked by jump, July 11, 2007

    0 votes
    7 answers
20. Х с планкой сверху

    Подскажите, пожалуйста, где найти код символа х с черточкой наверху в UTF?

    Asked by LuxCore, September 14, 2011

    0 votes
    5 answers
21. Вертикальное меню - CSS & JS

    Добрый день, хочу сделать выподающие меню, почитал разные статьи... Остановился на одном меню но прежде чем его осущевствлять хочу у вас спросить: кое где я вычитал что меню на js не индексируются роботами, это так(в данном случае см.внизу)? И может мне сделаете напутствие какое нибудь, к чему готовиться, или что не так может быть. Вот какого формата я хочу сделать менюшку ВОТ или такое ЕЩЁ, ну естественно стили, фоны будут чуть другими. Статья с инструкцией и стилями и прочим И как, такой способ не "левый"? Всем заранее спаибо. А, еще забыл сказать, что подменю в цикле будет выодиться(do...), ну с этим то проблем нге должно быть

    Asked by woofs, January 27, 2009

    0 votes
    1 answer
22. Опытные верстальщики, а как вы проверяете на крассбраузерность?

    Не стал поднимать темы с бородой. Какой лучший и удобный, с вашей точки зрения, способ проверки на кроссбраузерность? Стоит ли пихать всё в одну папочку? Будут ли они конфликтовать друг с другом? Или же стоит воспользоваться специальными программами и сервисами? Но стоит ли им доверять? Про случай с какой-то виртуальной машиной вообще не понятно.. В общем нуждаюсь в совете

    Asked by flagreit, March 2, 2011

    0 votes
    39 answers
23. Импорт 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
24. absolute? Фиг вам - fixed!

    Собственно есть проблемка, серьёзная, а решения в инєте нигд ене нашел, может кто-то сталкивался... Есть некоторая верстка, вверху страницы есть хеадер, спозиционированный как absolute. Так вот при переходе по внутренней ссылке на закладку в html документе этот абсолют ведет себя как фиксед, тобиш весь контент, тобиш остается вверху екрана когда должен был бы улететь далеко вверх за границы видимости. Наблюдается в фаерфоксе всех версий, експлорере 6-7(8 не пробовал). В опере все шоколадно. Может кто-то уже лечил?

    Asked by Love_silense, September 23, 2009

    0 votes
    26 answers
25. почему размеры шрифта на макете и на сайте так различаются?

    Например: 1. В фотошопе смотрю параметры шрифта: 2. пишу в css: span {font: 12pt Arial, sans-serif} 3. текст на макете: отображение в хроме (в других примерно также): Подскажите пожалуйста, почему такие различия?

    Asked by sfc, June 5, 2012

    0 votes
    13 answers