HTML Coding

29,542 questions in this forum

1. Горизонтальное меню на картинке

   Ссылка Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов. Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?

   Asked by Rustick, October 12, 2011

   0 votes
   3 answers
2. Слева и по центру

   <div align="center"> ***************<br> ***************<br> ***************<br> ***************<br> </div> текст по центру. но это некий диалог, и отображается он что-то типа ______________-привет как дела ____-нормально ___-чем ты занят сегодня ________-да ничем __-ясно как то так(зависит от длины строки) мне нужно что они были по одной линии, но по центру)) ___-привет ___-нормально ___-чем ты занят сегодня ___-да ничем ___-ясно

   Asked by Gotafak, October 12, 2011

   0 votes
   10 answers
3. Расширение td на всю tr

   Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…

   Asked by Squidward, October 13, 2011

   0 votes
   2 answers
4. Вопрос по спойлерам на jQuery

   Собственно нашол нужным мне код, внедрил его, но есть вопрос, у меня на одной странице используется сразу не сколько спойлеров, все они свернуты, мне нужно, что бы один из них был всегда показан полностью (с возможностью свернуть), а другие нет. Может, кто подказать, что нужно изменить в этом коде: HTML <div class="spoiler-wrap"> <div class="spoiler-head folded">Внимание, спойлер!</div> <div class="spoiler-body"> Текст спойлера </div> </div> Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> jQue…

   Asked by papay, October 13, 2011

   0 votes
   4 answers
5. Тени

   Здравствуйте, возникла проблемка при работе с тенями. Вот css для div body{ background:#000; margin:0; } div.spell{ margin: 0 auto; background:#FFF; box-shadow: 0 0 120px white; /* Параметры тени */ -moz-box-shadow: 0 0 120px white; -webkit-box-shadow: 0 0 120px white; height: 2000px; width: 900px; } В IE всё отображается как надо, по бокам тени, с верху и с низу отступов нет, так что div стыкуется впритык. А вот в Opere 11.51 отступы снизу равны размеру тени, а сверху всё норм, тень невидна. Реально ли сделать без отступа снизу?

   Asked by miningo, October 11, 2011

   0 votes
   15 answers
6. Красная строка

   Здравствуйте! Возникла необходимость в красной строке. (в больших количествах) Правильного решения данного вопроса не нашел!!! зато случайно получилось это сделать закрывающим тегом <P /> тобиш проставляя его перед началом параграфа и получается нормальная красная строка. Подскажите пожалуйста: насколько это безграмотно, а главное минусы данного решения.

   Asked by Leonidk, October 13, 2011

   0 votes
   3 answers
7. Можно в форме отключить "Enter" а именно в <input> ?

   Можно в форме отключить "Enter" а именно в <input> ? Выходит что при вводе в форме в <input></input> текст и при нажатии на "Enter" срабатывает Submit. А можно сделать чтобы Submit не срабатывал?

   Asked by Saturn, October 12, 2011

   0 votes
   12 answers
8. DOCTYPE и XHTML

   Добрый вечер всем! Начал читать раздел, посвящённый XHTML. Возник сразу же вопрос. Какой тип документа лучше указывать? Который применяется для HTML5? Или же который применяется для XHTML 1.1?

   Asked by Feers1de, October 11, 2011

   0 votes
   4 answers
9. как сделать эффект нажатия кнопки

   как сделать что бы при нажатии кнопка(не <button>) "впадала"

   Asked by atew, October 12, 2011

   0 votes
   2 answers
10. css выподающее меню

    В выпадающем меню верхняя часть каждой кнопочки не кликабельная. Хочется сделать возможность клика по любой части кнопки, желательно без js. Вот меню И код: .top-menu{ list-style:none; padding:0; margin:0; margin-top:0px; text-align: right; position: relative; } .top-menu li { float:left; height:33px; padding:0; margin:0px; margin-left:5px; width:150px; text-align:center; background:#333; position:relative; padding-top: 12px; border-radius: 5px 5px 0 0; } .top-menu li ul{ list-style:none; padding:0; margin:0; width:150px; display:none; position:absolute; z-index:999; left:0; top:45px; } .top-menu li ul li{ float:none; height:33px; margi…

    Asked by WonderMNS, October 12, 2011

    0 votes
    2 answers
11. Нестандартная верстка

    Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?

    Asked by Selen, October 12, 2011

    0 votes
    6 answers
12. Высота блока меньше, чем его содержимое

    Привет всем! На примере странички http://www.vw-ntagil.ru/index.php?page=vwMagazine Никак не могу понять почему, если с блоке content (по центру) наполнения меньше, чем по боковым столбцам или оно отсутствует, то боковые столбцы блоком main просто съедаются. Верстка не моя, долго ковырялся, прописывал height: 100%; для всех колонок, но не помогает, пробовал менять overflow для main, все равно нет эффекта, рисует скроллинг сбоку и помещает контент в себя, а высота остается маленькой.. Помогите, если не трудно, основной .css это style.css. Поделиться исходниками не могу, только в таком виде.. я уже весь мозг сломал. =)

    Asked by gard, October 12, 2011

    0 votes
    4 answers
13. Оптимизация

    Добрый вечер! Я создала блог на blogspot.com ,сегодня купила домен.. Но столкнулась с проблемой , заходя на другие браузеры , такие как Safari (Mac) , Internet Explorer .. всё передвигается ,цвета другие , расширение тоже. В этом деле я новичок , поэтому не судите строго! Блог по заказу и нужно чтоб на всех браузерах отображался одинаково. Поэтому прошу у вас помощи , в оптимизации мало что понимаю . Подскажите что нужно делать , на мозиле всё отображается хорошо. Вот сам блог : buddyleeblog.blogspot.com

    Asked by VioletaMeynell, October 11, 2011

    0 votes
    8 answers
14. реализация с :after

    Всем здравствуйте После меню мне нужно реализовать border-bottom через after, как этого добиться. Моя реализация такова ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; position: absolute; left: 0; /* Всё вроде нормально, но сам бордер становиться поверх этого меню, а мне надо под*/ } Без absolute ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; owerflow: hidden; /* Всё вроде нормально, он под меню, но растягивается только под ширину этого меню*/ }

    Asked by radionanet, October 12, 2011

    0 votes
    7 answers
15. баг с col в Opera

    Наткнулся на такую проблему. Использую col:nth-child. Везде всё в порядке, а в опере, почему-то, к первому col применяется стили от второго, и так далее со смещением код под спойлером. или тут http://jsfiddle.net/dE6s4/ Версия: 11.51, насколько знаю должна хорошо поддерживать это свойство и использованные тэги.

    Asked by Быколай, October 12, 2011

    0 votes
    5 answers
16. ячейка в таблице определенного размера

    хоться иметь таблицу с ячейками размером 2 на 2 пикселя но никак не получается кажись вина в шрифте (его размере) помогите кто может всем за ранние спосибо

    Asked by serjico, October 6, 2011

    0 votes
    18 answers
17. Непростой градиент в меню

    Доброго времени суток! Недавно получил задание на вёрстку сайта и в процессе столкнулся с некоторой проблемкой. Задача была сделать градиентное поле при наведении на пункт меню. Сложность в том, что в углах он должен закругляться, то есть иметь более овальную форму. Сейчас сделал тенью от текста, получилось немного похоже, но не совсем то Как должно быть: Как есть: http://jsfiddle.net/rmn8m/ Поскольку только начал освоение вёрстки, не совсем представляю как такое реализовать. Просьба наставить на путь истинный, заранее спасибо!)

    Asked by Gvager, October 7, 2011

    0 votes
    3 answers
18. Вертикальное выравнивание внутри элементов списка

    Добрый вечер! Вот проблема такая есть, не знаю как сделать. Вот картинка проблемы: Вот код: <html> <head> <style> .asd ul li{ outline: 1px solid black; height: 80px; } </style> </head> <body> <table border="1" align="center" width="200"> <tr> <td> <div class="asd"> <ul> <li><a href="#">123</a></li> <li><a href="#">sd sdg g456 gf sdgd 4 23 423 423 </a></li> <li><a href="#">345</a></li> <li><a href="#">456 234 234 234 234 234 23 423 423 </a></li&g…

    Asked by rbelko, October 11, 2011

    0 votes
    3 answers
19. Строчной внутри блочного

    Доброго времени суток. В css: overflow: auto; в body: <div class="***"> <img src="****" /> а а а а а а а а а а а а а а а а а а а а а а </div> дело в том, что мне нужно чтобы при масшабировании появлялась полоса прокрутка у картинки. и что бы картинка была справа. вроде бы как все просто, у img указываем align="right" да, картинка справа, но полоса прокрутки не появляется. а если в <div align="right"> то тогда все что в элементе div становится справа, но зато появляется полоса прокрутки. я пытался просто картинку взять в <div> но это же блочный элемент, и текст становится под картинкой. что делать? что бы полоса появлялась только у фото, и …

    Asked by Gotafak, October 10, 2011

    0 votes
    3 answers
20. закругленные углы

    как закруглить углы в css2.1 ? а то не проходит валидацию

    Asked by olechic, October 5, 2011

    0 votes
    3 answers
21. Проблема с вёрсткой CSS кнопок

    Есть такой сайт с двумя CSS стилями. Необходимо их объединить в один. Я это сделал, но у меня не хочет теперь отображатся цвет посещённой ссылки. Помогите решить проблемму. Ещё, по другому начал отображатся стиль при нажатии.

    Asked by and_zheltukhin, October 11, 2011

    0 votes
    2 answers
22. вертикальное выравнивание внутри элементов списка

    Приветствую. Никак не могу добиться выравнивания текста, находящегося в элементах списка, по вертикали по середине. Не трогая html разметку, только средствами CSS. Возможно? Подскажите пожалуйста. Цель: Без задания индивидуальных отступов и прочих параметров для элементов списка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>baby</title> <style type="text/css" media="screen…

    Asked by bookworm, February 11, 2011

    0 votes
    15 answers
23. Видео в изображении

    Помогите сделать чтоб видео ( стрим канал) был в картинке (телевизор)?! Срочно нужно

    Asked by gunya411, October 11, 2011

    0 votes
    14 answers
24. (CSS) DIV при высоте 100% вычесть 200px снизу

    Привет! Торможу уже второй день с проблемой. У меня есть DIV. Я его растягиваю на 100% по высоте. Но я хочу, чтобы при этом, 200рх снизу оставалось пустым. Это вообще возможно сделать средствами CSS? Пробовал применять такой код, но они не работают: height: 100%; margin-bottom: 200px; и height: 100%; margin-bottom: -200px;

    Asked by Boron, October 11, 2011

    0 votes
    6 answers
25. IE6 проверка

    Здравствуйте, уважаемые форумчани. У меня стоит ubuntu 11.04 и я понятия не имею как мне проверить свой сайт, кроме как глюченным wine IE6, которому я не верю. Вопрос стоит в том что я совершенно не смог найти ссылку, которую множество раз встречал здесь - проверки с помощью какой-то программы на валидность, толи сайта. Прошу - дайте мне ссылку.

    Asked by Wahlberg, October 10, 2011

    0 votes
    6 answers