HTML Coding

29542 questions in this forum

1. Верстка сложного изображения

   Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …

   Asked by Digidie, September 4, 2012

   0 votes
   0 answers
2. Горизонтальная прокуртка в Опере и overflow. Не могу их подружить.

   Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?

   Asked by VasyOK{!}, October 7, 2012

   0 votes
   4 answers
3. Как привязать к экрану блок не используя fixed и js?

   У меня таблица. И с права и с лева в таблице идут картинки. мне их нужно привязать к прокрутки. Но если я делаю position: fixed, то получается, что пропадает td и все смещается. Мне нужно сделать вот что: И картинки нужны резиновые, что бы становились больше или меньше от браузера. Посоветуйте что нить пожалуйста?

   Asked by hea8y, October 9, 2012

   0 votes
   3 answers
4. Селекторы, классы

   Всем привет, начал изучать данные технологий, почитал кое-что у нас, на стороне (ру/en) Возник вопрос в в таких записях типо: #div ul{...} #div ul li{...} #div ul li a{...} видел еще много подобных (если не изменяет память, то что то из разряда ul.div li) Зачем используются такие записи (их цель назначение, а еще важнее как работает) Это понятно, что мы задаем стиль для списков, ссылок, но почему нельзя делать это например по одному, например все что отностися к UI записать сразу все в одном стиле (хотя получится громоздко) Заранее спс

   Asked by goGAS, January 7, 2013

   • Стили
   0 votes
   2 answers
5. Призрачный отступ

   После своего собачьего сайта, Я прочел рекомендованные статьи, переварил полученную информацию, проанализировал свои ошибки и принялся за верстку нового шаблона но уже учитывая ошибки, валидность и семантику. А теперь суть самой проблемы, от верхней границы браузера до блока body какой-то непонятный отступ, я знаю что его можно убрать использовав margin с минусовым значением, но Я хочу понять что там происходит. Сначала я подумал что это из-за файла reset, но Я его отключил и проверил, проблема сохранилась, прошу помощи. Заранее спасибо! Подопытный Файлы Шаблон(если надо)

   Asked by li4e, April 18, 2013

   0 votes
   2 answers
6. Дергание блока при раскрывании в FireFox

   Вот ссылка на мой раскрывающийся блок подписки на рассылку, работает во всех основных браузерах кроме FireFox любой последней версии, если на странице есть вертикальный скролл раскрывающийся блок дернется вправо и становится на место и также при сворачивании, как это пофиксить? перепробовал все что на ум приходило, прощу помощи професионалов

   Asked by ilyas, August 5, 2013

   0 votes
   3 answers
7. печать страницы из браузера

   http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?

   Asked by https, December 23, 2015

   0 votes
   3 answers
8. Не работает clearfix в Safari

   Здравствуйте! Подскажите, пожалуйста, как решить проблему - в браузере Safari некорректно отображаются плавающие элементы: Вот пример страницы В чем может быть дело? Заранее благодарен за помощь!

   Asked by volshebnyi, May 13, 2016

   0 votes
   2 answers
9. Куда вписать 'random' в код галереи?

   Приветствую всех! Я новичок. Пытаюсь сделать случайный порядок показа картинок в галерее, но пока, увы. Если кто может помочь с кодом или предложить другой, буду благодарен за помощь! Сам код в html: <script type="text/javascript" src="res/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="res/jquery.cross-slide.js"></script> <script type="text/javascript">$(function() {$('#pic10').crossSlide({sleep: 2,fade: 1} , [ { src: 'gallery/home1.jpg' }, { src: 'gallery/home2.jpg' }, { src: 'gallery/home3.jpg' }, { src: 'gallery/home4.jpg' }, { src: 'gallery/home5.jpg' }, { src: 'gallery/home6.jpg' }, { sr…

   Asked by herdoctor, March 9, 2017

   0 votes
   1 answer
10. Как реализовать данный эффект

    Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?

    Asked by black_c, March 22, 2017

    • верстка
    0 votes
    0 answers
11. opera tbody bgcolor

    Подждскажите пожалуйста, я делаю что то не так или Opera не поддерживает отрисовку фона для TBODY? <table cellpadding=1 cellspacing=1 border=1 bgcolor='red'> <tbody bgcolor='green'> <tr><td>1.1 <td>1.2 <tr><td>2.1 <td>2.2 </tbody> </table> IE, Firefox - фон ячеек зеленый, граница - красный Opera - фон ячеек красный, граница - красный ?

    Asked by ak1001, April 6, 2009

    0 votes
    2 answers
12. Нужна помощь

    Всем привет... Впервые решил создать сайт,но никак не могу справиться с выравниванием рисунков...помогите ,а... вот что у меня получилось: Файл index: <html> <head> <title>Открытки HandMade </title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="verh1"> <div id="verh"> <img src="images/batterfly 2.gif" align="left"> <div id="verh-right"> <img src="images/butterfly.gif"> <div id="main"> <div id="niz_left"> <img src="images/Text.gif" align="left" align="bottom"> <div id="niz_right"> <img src="images/Left bot…

    Asked by Ruzzel, November 16, 2010

    0 votes
    2 answers
13. Пересекаемые объекты, дивы

    Есть два дива! Первый пересекает область второго! Как сделать, что бы первый див не блокировал содержимое от свойств мыши второго?

    Asked by gargon2008, November 27, 2010

    0 votes
    1 answer
14. Макет для верстки 06.01.2011

    Вот решил добавить вам еще один макетик для верстки, думаю, он вам понравится PSD: http://webformyself.com/wp-content/uploads...%20code/psd.zip Скрин: http://imm.io/2Xmu Готовая страница ( как должно быть ) http://nettuts.s3.amazonaws.com/336_siteFr...late/index.html Про макет: Ширина резиновая, высота фикс. Будут вопросы - спрашивайте Автор: Феликс Бойо Ссылка на первоисточник: http://net.tutsplus.com/tutorials/design-t...ratch-–-part-i/

    Asked by Temiks, January 6, 2011

    0 votes
    1 answer
15. как правильнее размещать рисунок ?

    как правильнее разместить рисунок ? 1. <img ....> 2. <div><img ..></div> 3. <div></div> и в style.css background-image для это блока и еще вопрос как правильно делать позиционирование fload или position ?

    Asked by arem4eG, July 14, 2011

    0 votes
    2 answers
16. Расположить блок сбоку от основного (margin: 0 auto)

    Здравствуйте! Целый день сегодня мучаюсь. Нужно расположить блок сбоку от основного контента <div id="content">...</div> #content{max-width: 800px; margin: 0 auto} Нарисовала примерно то, что нужно получить.

    Asked by Анастасия Кирина, April 7, 2012

    0 votes
    2 answers
17. Не работает селектор атрибутов в Safari 5

    Не работает селектор атрибутов "~" в Safari 5 на мобильном устройстве (iOs). Селектор целиком выглядит вот так .tabs > input.tab-selector-1:checked ~ div > div:nth-child(1){} При всем при этом, другой селектор той же категории "+" вполне переваривается. В чем может быть дело? Заранее признателен

    Asked by kich, May 23, 2012

    0 votes
    0 answers
18. Резиновое меню

    Собственно проблема в том, что у пунктов неравномерный отступ. Вот сайт: http://superpuff.ru/ Кто знает почему?

    Asked by miloslovesky, June 16, 2012

    0 votes
    2 answers
19. Как подключить jQuery?

    Опыта работы с jQ нет, но надо бы применить. На этом фрагменте http://clip2net.com/s/23x5S 2 задачи: 1) Главная картинка плавно заменяется одной из 3х других равных по размерам. 2) Блоки под картинкой при :hover трансформируются в блоки иного цвета, более высокие, имеющие ссылку. Мне кажется это давно решенные примерчики для профи, может есть шаблон скрипта который можно адаптировать под мою задачу?

    Asked by seemax, June 22, 2012

    0 votes
    2 answers
20. Помогите с версткой горизонтального меню

    Всех приветствую, возникла проблема с версткой горизонтального меню, необходимо что бы верхняя граница всплывающего меню была под названием пункта и перекрывала текст под ним. Вот код <!DOCTYPE html> <html> <head> <style> body{ background:#6da1da; width:800px; } .padding{ padding-top:10px !important; } #menu { padding: 0; margin: 0; font-size: 100%; font-family: Georgia; display: block; } #menu li { z-indtx:22; display: block; list-style: none; float: left; padding: 0; margin: 0; width: 150px; text-align: center; text-shadow:0 0 15px #fff,0 0 15px #fff; position: relative; padding-top: 12px; } #menu li ul { list-style: none; pa…

    Asked by avatar077, December 11, 2012

    0 votes
    2 answers
21. Горизонтально-ориентированное положение страницы в Ipad

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

    Asked by goooooch, May 18, 2013

    0 votes
    1 answer
22. Выпадающее меню скрыто скриптом

    Доброго времени суток форумчане! Подскажите пожалуйста. На сайте http://prikoltube.ru вверхне меню при наведении курсора на "Еще категории" раскрывается но его перекрывает рекламный блок что ниже. Пробовал z-index не помогло, видимо он не работает с скриптом, который перекрывает меню. МОжет есть у кого идеи и предложения как исправить эту ошибку?

    Asked by stas3k, October 17, 2013

    0 votes
    4 answers
23. Позиционирование

    День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…

    Asked by 3d_max_9, October 26, 2013

    0 votes
    4 answers
24. Галерея

    Нубу нужна Ваша помощь, мне нравиться галерея в htmlkickstart, но у нее есть некоторые недочеты. Допустим в блоке у меня есть png изображение с заданным hover, необходимо чтобы при нажатии открывалась другая картинка заданного размера, открывалась в этом же окне с возможностью закрыть, желательно без лишней анимации Подскажите с помощью какого скрипта это можно реализовать ?

    Asked by drevil37, February 18, 2014

    0 votes
    1 answer
25. Размер шрифта

    Можно ли сделать так, чтобы размер шрифта изменялся пропорционально высоте страницы?

    Asked by PavelTkachev, March 31, 2014

    0 votes
    5 answers