HTML Coding

29,542 questions in this forum

1. помогите прилепить один div к другому

   Нужно прицепить div#bodyGradient к левой стороне div#bodyContainer и повторить по оси Y по высоте div#bodyContainer . Имеем следующее: HTML: <div class="bodyGradient"></div> <div class="bodyContainer"> ... <!-- тут куча других дивов, в общем главные элементы страницы --> </div> CSS: /************* Structure *************/ div.bodyContainer { width: 1000px; margin: 0 auto; } div.bodyGradient { width: 10px; height: 1px; background-image: url("../img/bodyLeftGradient.png"); background-position: bottom left; background-repeat: repeat-y; float: left; } Схематично это выглядит так: Нужно чтобы было так: Подскажите пожал…

   Asked by str, June 12, 2012

   0 votes
   2 answers
2. Съезжает форма

   Здравствуйте.В общем начал верстать шаблон с макета. Вот какова сама проблема: Ссылка на изображение То есть форма съезжает вниз..padding-bottom для неё бесполезно... Вот код для черного блока: div#header { background-image: url('../images/header_block.png'); background-repeat: no-repeat; width:auto; height:50px; } Вот код текста "Yeah-studio": div#text_header { padding-left:60px; color:white; font-size:18px; font-family:arial; padding-top:15px; } а вот код формы: form#form_ { margin-left:690px; padding-bottom:29px; } собственно,как я уже сказал,padding-bottom тут вообще не помогает. Вот,если надо,сам код html: <div id="header"> <div id="text_header">Yea…

   Asked by SteeLZzZ, June 12, 2012

   0 votes
   1 answer
3. Фиксированный элемент

   Здравствуйте! Как на сайте, вот сайт, сделать дополнительный слой, чтоб, независимо от высоты страницы, был графический элемент, который бы всегда был внизу страницы, но перед футером? Вставлять все в новый див и в нем располагать этот элемент с позиционированием?

   Asked by Zeeeya, June 12, 2012

   0 votes
   4 answers
4. Передвинуть блок

   Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк

   Asked by Andrew_las, June 12, 2012

   0 votes
   4 answers
5. Вертикальное выравнивание блока.

   Всем привет. Подскажите, кто знает, возможно ли выровнять блок по вертикали, если у него нет фиксированной высоты? (речь идёт о классе .wrapper) Cтраницу можно увидеть здесь: http://yamaradg.narod2.ru/history/zaglushka/index.html P.S. Буду благодарен за ответ...

   Asked by Yamaradg, June 12, 2012

   0 votes
   1 answer
6. Скрыть сразу несколько блоков (javascript)

   Здравствуйте! Скажите пожалуйста как можно с помощью события onclick скрыть несколько блоков div сразу. Допустим есть блоки wind1, wind2, wind3, wind4. Для каждого из них в меню есть кнопка. Нужно чтобы при нажатии на кнопку 1 показывался блок wind1, при нажатии на кнопку 2 скрылся блок wind1 и отобразился блок wind2, то есть при нажатии на кнопку показывался только соответствующий блок, а остальные скрывались. Я решил эту проблему так: wind1: <div id="button1"> <a class="but" href="#" onclick="document.getElementById('wind1').style.display='block'; document.getElementById('wind2').style.display='none'; document.getElementById('wind3').style.display='none'; doc…

   Asked by anjoy74, June 12, 2012

   0 votes
   2 answers
7. исчезновение дива?

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

   Asked by olechic, June 12, 2012

   0 votes
   11 answers
8. Помогите убрать вертикальные линии

   Народ помогите убрать вертикальные линии за каждой ссылкой в горизонтальном меню ссылка на сайт http://revkomvko.kz

   Asked by zhigan, June 12, 2012

   0 votes
   1 answer
9. height: auto или фикс?

   Нарисовалась такая трабла, по идее wrapper должен растягиваться, он растягивается если добавить просто кучу текста - тянется, всё оки, сверстал 100% скролл страницы, wrapper не тянется, чтож тут может быть не так, прошу помощи у гуру. UPD Добавил к wrapper clear:both; overflow:hidden; И о чудо, он растянулся)

   Asked by Ergonav, June 12, 2012

   0 votes
   0 answers
10. фон на боках сайта

    Приветствую всех! Столкнулся с такой проблемой, на сайте имеется div главный, который размещён по центру и в нём находится весь контент, меню и т.д. Этот div имеет ширину 1024px. Теперь о проблеме: необходимо добавить слева и справа фон который будет прилипать к краям браузера, независимо от разрешения монитора пользователя, при этом центральный div остаётся 1024px делаю так <div id="l_lg"> <div id="r_lg"> <div id="main"> контент </div> </div> </div> и css такой на левый фон #l_lg { background: url('../images/l_lg.png') repeat-y; left:0px; } левый фон есть и контент остаётся на своём месте, но теперь как сделать справа фон? шири…

    Asked by alfaq, June 11, 2012

    0 votes
    11 answers
11. Планшетная верстка

    Здравствуйте! Моя задача - заставить браузер ПК передавать в запросе к серверу информацию, что это браузер планшета (например, строку: User-Agent: Opera/9.80 (Android 2.3.7; Linux; Opera Tablet/35779; U; ru) Presto/2.10.254 Version/12.00), чтобы иметь возможность пользоваться отладчиками типа firebug, dragonfly и пр. при верстке страницы под планшетные устройства. Кто подскажет, как осуществить задуманное?

    Asked by hike, June 11, 2012

    0 votes
    3 answers
12. как это сделать?

    у меня есть вот такая форма с табами http://pixs.ru/showi...978_4966929.jpg как мне сделать так что бы при нажатии на submit вся эта форма скрылась и появился блок об успешной регистрации, который плавно исчезает через 5 секунд или при клике на выход.

    Asked by olechic, June 11, 2012

    0 votes
    1 answer
13. Фоновая загрузка файлов

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

    Asked by apexis, June 11, 2012

    0 votes
    2 answers
14. HTML5

    Всем привет. Захотелось мне соорудить сайт для самого себя, причем обязательно с использованием HTML5 тегов. Читаю-изучаю разнообразную информацию об использовании новых тегов для структуризации документа, но ее очень много и эта информация, порой, достаточно противоречива. Вкратце опишу основные элементы сайта: 1. Имя и слоган <header> <h1>Имя сайта</h1> <span>Слоган</span> </header> Имеет ли тут смысл использовать hgroup и обернуть слоган в h2? 2. Главное меню. Drupal добавляет к навигационным меню невидимые заголовки h2 (для скрин-ридеров), поэтому я обернул главное меню в section, чтобы создать отдельный раздел страницы 3. Стра…

    Asked by hedgehog, June 11, 2012

    0 votes
    1 answer
15. Проблема с растягиванием сайдбара и контента к футеру

    Здравствуйте! Такая проблема при верстке слоями (блоками): хочу сделать страницу с хедером, двумя колонками (левый сайдбар и контент) и футером. Сделал чтобы футер был прижат к низу страницы при помощи вставки пустого блока в конце контента и притягиванием выше (на размер этого пустого блока) футера. С футером все хорошо, сидит поживает себе спокойно снизу страницы, НО сайдбар и контент растягиваться сами до футера никак не хотят (честно, перепробовал уже кучу всяких примеров из гугла, скачивал готовые шаблоны - ничего не помогает ) В теории все просто: необходимо сделать так, чтобы sidebar и content занимали все доступное место в блоке conteiner2.. есть мысля, что чере…

    Asked by Nerf74, June 11, 2012

    0 votes
    4 answers
16. валидация формы

    можно ли к такой форме добавить валидацию полей? или нужно что-то исправлять? не работает ни один плагин для валидации? в чем может быть проблема? <body> <a href="#tab_id" id="hr" class="ss">Please, Click me</a> <form action="..." method="..." name="order-form" "> <div class="tabs" id="tab_id"> <ul class="tabNavigation"> <li><a class="firstTab" href="#first">Вход</a></li> <li><a class="secondTab" href="#second">Регистрация</a></li> </ul> <div id="first"> <a href=""><img src="img/Close.gif" alt="альтернативный текст" / id="close"&…

    Asked by olechic, June 11, 2012

    0 votes
    4 answers
17. не могу очистить свойства span-а

    Здравствуйте! Помогите убрать с тэга <span> непонятно вылезающие свойства!!! Хотелось бы сделать нормальную разметку и назначать нужные мне свойства. Пример в файербаг мозилы ниже:

    Asked by t0wer, June 11, 2012

    0 votes
    2 answers
18. Использование CSS фреймворка Twitter Bootsrtrap

    Добрый день! Кто-нибудь пользуется фреймворком в сабже? Ну или любым другим.. Не получается сверстать вот такой макет: Трудность в том, что БЛОК А слева занимает две, так называемые, "строки", нижняя из которых (БЛОК В) также занята справа сайдбаром (БЛОК С). Верстка резиновая. Буду благодарен любым предложениям.

    Asked by 0zz, June 11, 2012

    0 votes
    0 answers
19. высота изображения-ссылки

    здравствуйте. подскажите, как победить проблему высоты изображения-ссылки. страница здесь http://uc.vitragestyle.ru/4pik/news.php?idnws=2 у ссылки display="block". изображению задаётся ширина в процентах. как я понимаю, браузер выставляет высоту автоматически. как указать высоту ссылки? без этого значения более-менее корректо отрисовывает страницу только firefox. в остальных браузерах не получается узнать высоту ссылки -> неизвестна высота блока галереи -> некорректна высота блока новости (учитывается только высота текста) -> неправильно задаётся положение футера (положение футера расчитывается с помощью js на основании размеров блоков)

    Asked by balashovka, June 11, 2012

    0 votes
    6 answers
20. Почему padding не работает?

    Я в сайтостроении новичок, та что сильно не пинайте. Вобщем есть HTML <!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=utf-8"> <title>Главная</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrapper"> <!-- top_header --> <div id="t_header"> <div id="t_header_middle"> <p>Левый текст| E-mail: <a href="mailto:xxxxx@mail.ru" title="Написать нам письмо">xxxxx@mail.ru<…

    Asked by Vensdale, June 10, 2012

    0 votes
    6 answers
21. Таблица вылезает из дива

    Все просто: есть див, в нем табличка. После нее немного текста. А впрочем, код: <div id=info> <table style='float:left;'> <tr><td><a href='#4fa9c8efcbd39'>Тренажеры уличные</a></td></tr> <tr><td> <a href='#4fa9c8efcbf50'>Комплекс уличный</a></td></tr> <tr><td> <a href='#4fa9c8efcd08f'>Тренажер уличный</a></td></tr> <tr><td><a href='#4fa9c8efcf8d6'>Кардиотренажеры</a></td></tr> <tr><td> <a href='#4fa9c8efcfaa9'>Дорожка беговая</a></td></t…

    Asked by stationfuk, June 10, 2012

    0 votes
    5 answers
22. Gроблема с Operой

    Всем привет. Помогите пожалуйста решить проблему, сроки поджимают, а найти решение сам не могу. В опере съезжает вниз список , вот етот <div class="contentA"> <ul> <li><a href="#">Product 1</a></li> <li>See all: <a href="#">Category</a></li> </ul> </div> в мозиле и хроме все ок, если убрать паддин здесь .contentA, .menuA { padding: 10px; } то в опере все работает, только вот блоки размещаются в углу, буду благодарен за помощь вот код <style type="text/css"> .mainA{ margin:auto; background:#e8e8e8; max-width:480px; height:150px; border-radius:8px; margin-botto…

    Asked by Android, June 10, 2012

    0 votes
    2 answers
23. Проблема абсолютным позиционированием

    Есть сайт vtrailere.ru. Поставил туда РСЯ и обернул его код дивом с id="rsy" (http://vtrailere.ru/2012/treyler-k-filmu-strast-k-peremene-mest) Написал для этого дива следующий стиль #rsy { position: absolute; top: 100px; } Ждал что этот местоположение этого будет вестись от верхнего левого урая браузера но ничего не произошло. В чем моя ошибка?

    Asked by smirn0ff, June 10, 2012

    0 votes
    6 answers
24. tinyMCE редактор - есть ли аналог shift + стрелки как в фотошопе

    Добрый день! Есть ли в tinyMCE аналог shift + стрелки как в фотошопе. Иначе как постоянно загружать много картинок в ряд, чтобы стояли через равный промежуток.

    Asked by jomcat, June 10, 2012

    0 votes
    0 answers
25. Как реализовать такие углы?

    Подскажите как сделать такие углы? Или такие углы только с помощью картинок делаются?

    Asked by tini.kRyptoNite, June 10, 2012

    0 votes
    4 answers