HTML Coding

29542 questions in this forum

1. Рамка в шапке сайта из DIV с меняющимися картинками внутри

   День добрый! Пытаюсь сделать нечто вроде рамки в шапке сайта в которой будут крутиться картинки (слайдшоу), но пока что-то не очень получается, видимо из-за того что совершенно не умею работать с div версткой. Вот то что получилось накидать: <div style="width: 1135px; height: 376px; position: relative;"> <div style="float:left; width: 80px; height: 376px; background:url(left.png); background-repeat:no-repeat;"></div> <div style="float:right; width: 90px; height: 376px; background:url(right.png); background-repeat:no-repeat;"></div> <div style="position: absolute; top: 0; height: 80px; width: 965px; background:url(top.png); ba…

   Asked by Gnome.su, February 1, 2014

   0 votes
   4 answers
2. Проблемы вёрстки.

   Здравствуйте. Не знаю как сделать самому, уже всё перебрал. Помогите. Вот, что нужно: 1. Пространство между "ёлочками" растягивалось в зависимости от содержимого (т.е. без указания определённого height). 2. Сделать задний фон нижних ёлочек (весь) в тон цвета ёлочкам. Изображения: Заготовки:

   Asked by Jeka778, March 2, 2014

   • вёрстка
   0 votes
   7 answers
3. Верстка меню "под лифт"

   Добрый день. Подскажите пожалуйста по такому вопросу: Необходимо сверстать меню следующим образом у меня получается такой вариант. Т.е. нет стрелок вверх/вниз.

   Asked by jdk, April 19, 2016

   0 votes
   4 answers
4. Не удается скопировать CSS анимацию

   Здравствуйте, наткнулся на простую CSS анимацию свойством animation, но что-то она у меня не запускается - просто стоит посередине кнопки и все. Помогите пожалуйста. Пытаюсь скопировать "перелив" с кнопки Смотреть тут http://ma******.ru/ .b-button_animation { animation: 4s ease 0s normal none infinite running flash-button; background-image: -moz-linear-gradient(0px 0 , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0) 50%); background-position: -150px -150px, 0 0; background-size: 250% 450%, 100% 100%; } .b-button_common-black { background: #686868; /* Old browsers */ background:…

   Asked by Miha1l, April 7, 2017

   • animation
   0 votes
   2 answers
5. Padding в разных браузерах.

   Наверняка данная проблема уже обсуждалась, да и я видел ее решение на просторах интернета, но как то не обратил внимание, о чем сейчас жалею. Проблема в следующем: Создаю меню через <ul> список: <div id="Меню"> <div id="Шапка_меню">Меню</div> <ul> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> </ul> </div> Задаю стили для него: #Шапка_меню { border: solid #000; b…

   Asked by aPioz, April 19, 2009

   0 votes
   2 answers
6. expression для определения размеров

   подскажите как определять размер рабочей области окна браузера и соответственно задавать эти размеры слоям???

   Asked by Small_man, May 10, 2009

   0 votes
   13 answers
7. резина - пробую

   Ссылка Пробую резиновую верстку. Во wrapper взял все кроме подвала. Подвал вынес, для того, чтобы прижать. Для wrapper проставил: #wrapper { min-height: 100%; } Почему он тогда не растягивается на всю высоту? И как в целом моя так скажем "верстка"?

   Asked by Rustick, July 21, 2011

   0 votes
   12 answers
8. Проблемы в IE7 с float:right

   Здравствуйте! Встала проблема с 7м осликом.. Уже не первый раз сталкиваюсь с таким моментом. Есть простой код: <div class="caption"> Отзывы <a href="#">Все (232)</a> </div> со стилями: .caption { color: #0B0B0B; font: 18px/22px Arial,Tahoma,Verdana,sans-serif; height: 26px; } a { float: right; font: 14px/18px Arial,Tahoma,Verdana; } Так вот, везде всё нормально: кроме ie7 (синим выделен контейнер .caption в "средствах разработчика"): Просьба, помогите разобраться! Сталкиваюсь с таким далеко не впервые, побороть так и не смог. Приходилось для ослика отказываться от float'a. Может это типовая проблема? Может у неё уже д…

   Asked by AlOshka, February 27, 2012

   0 votes
   6 answers
9. Давайте изобретём идеальную резину!

   Уже какой месяц бьюсь, пытаясь изобрести идеальную резину, но так ничего и не вышло, даже приближённого к идеальному. Предлагаю объединить усилия. Давайте уже соберёмся и перевернём нафиг привычные представления о вёрстке! Сверстаем шедевр, которым потом будут пользоваться не одно поколение программистов. Собственно, озвучиваю требования по порядку: 1. 2 фиксированных сайдбара и резиновый центр. Фиксированные по высоте футер и хидер. 2. Обтекание больших картинок центральным блоком, то есть макет должен уметь "разъезжаться" шире окна браузера. 3. Футер прижат к низу страницы, а при высоком контенте страница тянется вниз. 4. Возможность сделать header и footer прозрачным…

   Asked by Freakmeister, March 20, 2012

   0 votes
   8 answers
10. многострочная блочная ссылка, вертикальное выравнивание

    Как выровнять по вертикали по центру многострочную блочную ссылку? Хочется чтобы выглядело красиво и по ховер цвет фона менялся. line-hight в высоту блока не подходит, т.к. строчек больше одной

    Asked by mitay, June 4, 2012

    0 votes
    13 answers
11. Фон по высоте уменьшается при недостаточном контенте

    Всем привет! У меня двухколоночный макет, только вот при недостаточном контенте уменьшается высота фона, а нужно, чтобы высота фона постоянно оставалась от header'a до footer'a? Подскажите, что можно сделать? Вот ссылка на скриншот http://s59.radikal.ru/i163/1308/f7/8494a81e4d2c.png Вот код: <div id="container_layout"> <div id="main_layout"> <div id="all_layout"> <div id="header_layout"> Header_Layout </div> <div id="left_block_menu_layout"> left_block_menu_layout </div> <div id="content_layout"> content_layout </div> <div id=…

    Asked by Nailya, August 7, 2013

    0 votes
    9 answers
12. Кнопки в IE

    Добрый день. Я уже, наверное, всем надоела. Но у меня проблема. В брауезере всеми нами любимом в самом низу страницы кнопки отображаются не в одной плоскости с каруселью, а как блочные. http://www.pereezd-kvartiri.su/ Именно эта проблема появилась на движке, при верстке такой проблемы, конечно же, не было. Уменьшение ширины карусели на результат не влияет, ессно. Кто-то сталкивался с таким? И что сказать мне IE, чтобы он перестал.

    Asked by kattiperk, July 29, 2014

    0 votes
    6 answers
13. Резиновый блок

    Ребят, есть такой код: <!doctype html><html><head><title>Page</title></head><body><div id="wrapper"> <div id="left">...</div> <div id="right">...</div> <div id="main">...</div></div></body></html>Блок wrapper имеет определенную ширину и фон у него белый. У блока right тоже своя ширина, а вот фон другого цвета. И мне нужно установить максимальную высоту, чтобы она была "равна" высоте блока wrapper, дабы в других блоках контента больше, соответственно высота у них тоже больше, а не очень то красиво выглядит то, что в правом блоке часть фона серая, а другая - белая.…

    Asked by Nikita_Barinov, August 3, 2015

    • css
    • html
    0 votes
    8 answers
14. Проблема: смещение на 1px background в Хроме и Мозила

    Здравствуйте уже ни раз сталкиваюсь с подобной проблемой и вот наконец то решил обратиться за помощью Суть проблемы: Подопытный сайт: http://www.retro.ontuning.ru/ Так же прикладываю картинки для наглядности. В левом садбаре имеется табличка, а за ней находится труба, эту трубу я реализовал следующим образом: вырезал кусок трубы размером 12рх на 12рх, после чего добавил в сайтбар свойством background, определил позицию трубы свойством background-position и растянул в длину, чтобы она состыковывалась с фоном в шапке и с фоном в подвале. Таким образом, я добился, чтобы труба тянулась при наличии контента. В мозили все отображается хорошо, так как нужно, а вот в хроме, …

    Asked by Akkord87, October 27, 2015

    0 votes
    13 answers
15. Анимация SVG средствами JS

    Привет. Подскажите, пожалуйста, почему данный код может не работать: var svgDoc; window.onload = function() { svgDoc = document.getElementById("switchid").contentDocument; } var switch_ = svgDoc.getElementById("switch"); switch_.onclick = function() { current_position = Number(switch_.getAttribute("y")); if(current_position == 32) { // off switch_.setAttribute("y", "9"); switch_.setAttribute("style", "fill:#00ff00"); } else { switch_.setAttribute("y", "32"); switch_.setAttribute("style", "fill:#ff0000"); } } Суть проста. Подключаюсь к svg на странице. И хочу по клику на определенный прямоугольник (id="switch") переводить его из одного положения в…

    Asked by ioprst, March 19, 2018

    • js
    • svg
    0 votes
    2 answers
16. валидатор

    Здравствуйте . Вставляю этот код: <a href="http://www.brtv.ru/" target="_blank"><img src="http://www.brtv.ru/form/kn/8831.gif" border="0" width="88"height="31" alt=" Вс? ДЛЯ ТВ, 3D Coler клипарты,Редакторы "></a></p> валидатор выдает ошибку Объясните пожалуйста в чем ошибка?! Спасибо.

    Asked by Lobo, May 11, 2008

    0 votes
    4 answers
17. Элемент с height: 100% и шестой осел.

    Здравствуйте. Имеем код: <!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=windows-1251"> <TITLE>Что-то</TITLE> <style type="text/css"> html,body { height:100%; width:100%; margin:0px; padding:0px; } table { height:100%; margin:0px; padding:0px; border-collapse: collapse; border-spacing: 0px; } tr { margin:0px; padding:0px; } </style> </HEAD> <BODY> <table width="100%" cellpadding="0" cellspacing="0"> <tr style="height: 100%;"> <td style="height: 100%;"&g…

    Asked by IceFire, July 22, 2008

    0 votes
    2 answers
18. z-index и отрицательный margin

    Привет всем Пытаюсь первый блок разместить поверх второго. Объясните плиз, почему в данном случае не работает z-index? особенности отрицательного маржина или я не понимаю чего-то? css: #one { background-color:Green; width:600px; height:100px; z-index:1; } #two { background-color:Red; width:500px; height:100px; margin-top:-50px; z-index:0; } html: <div id="one">ONE</div> <div id="two">TWO</div>

    Asked by cronopio, May 21, 2009

    0 votes
    3 answers
19. Отцентровать картинки

    В блоке есть несколько баннеров, которые размещены вертикально. Как их лучше всего отцентровать с помощью CSS? Они разного размера.

    Asked by San-ch93, July 26, 2009

    0 votes
    2 answers
20. Выбрать только один сhecked

    Всех приветствую! Подскажите пожалуйста, как сделать чтобы можно было выбрать только один checked: чтобы было не возможно выбрать сразу два. <input type="text" name="q" value=""> <input type="submit" value="поиск" /> Искать по: названию <input type="checkbox" name="option5" value="a5" checked> описанию <input type="checkbox" name="option5" value="a5">

    Asked by phz, July 31, 2009

    0 votes
    3 answers
21. Проблема позиционирования png картинки

    Вывожу блок с png картинкой, с прозрачным фоном: .blok{width:100%; height:100%; background:url(/img/img.png) left bottom no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/img.png, sizingMethod=crop); //background:none;} все гуд - фон прозрачный, но после применения данного фильтра в IE не работает позиционирование left и bottom. Как сделать правильно ?

    Asked by GromLine, June 21, 2010

    0 votes
    5 answers
22. Хак оперы или мозилы )

    Мне нужен хак на один из браузеров опера или мозила. Просто в мозиле с position: absolute; работает, а в опере с position: relative; Мне или для одного дописать или для другого без разницы. Если вы чтото знаете о подобных проблемах, то я с радостью прочитаю то что вы напишите;

    Asked by Mr Loga, December 20, 2010

    0 votes
    5 answers
23. Невидимый select

    Здравствуйте! У многих элементов есть свойство type="hidden", у select`а такого свойства нет. Как сделать его невидимым? Спасибо. Нашёл: CSS -> visibility: hidden

    Asked by LuxCore, November 22, 2011

    0 votes
    1 answer
24. увеличить ширину

    Есть такой вот код одного форума, нужно увеличить кол-во выводимого текста в графе последняя тема. То есть сейчас тема называется 111222333444555666777888999000 В графе её показывает как 111222333... Нужно задать больший параметр ширины, а где - немогу понять. Прикрепил код. .cat_list .cl_item .cl_last {float:right; width:31%; min-width:165px; max-width:400px; border-left:1px solid #dedede; height:100%; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl {border-left:1px solid #fff; padding:14px 5px 0 19px; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl dt {float:left; clear:left; padding-right:0.3em;} .cat_lis…

    Asked by soldier, December 23, 2011

    0 votes
    7 answers
25. Загрузка страницы "через белое".

    Есть сайт http://primehotel.ru На нем несколько пунктов меню. При нажатии на любой пункт грузится страница, без каких либо проблем и дерганий . И только при нажатии на "Бронирование" страница грузится через "белый экран". Проверял в Опере, Хроме и Лисе. Я так понимаю, что это из за присутствие на странице "формы бронирования". Подскажите как это можно избежать и грузить ее так же, как и остальные страницы.

    Asked by amv, February 9, 2014

    0 votes
    10 answers