HTML Coding

29,542 questions in this forum

1. Помогите

   нужно сверстать вот такой блок портфолио! заказчик хочет чтобы эти картинки были кликабельные, чтобы в последствии их можно было заменить. Проблема в том что я не знаю как к этому делу подступить, с какой стороны. Там еще тень общая и рамки общие.. Получается нужно вырезать отдельно тени со всех сторон, сами картинки и потом накладывать их друг на друга чтобы была рамка в 1пиксель? или както по другому можно это сделать?

   Asked by CheJo, June 5, 2011

   0 votes
   13 answers
2. Помогите сверстать

   Помогите сверстать,вот картинка. Делаю но получается что левый и правый блок вне блока content.Могу сюда скинуть свой код.СПАСИБО

   Asked by azarkin7, April 26, 2011

   0 votes
   13 answers
3. Label

   Вот у меня задача такая: Сделать так чтоб при нажатии на букву активировалась: <input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> это я делаю с помощью LABEL : <label class='label' id='r1' for='ati1'>1</label>. Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!

   Asked by new01, May 2, 2011

   0 votes
   13 answers
4. Откуда берется расстояние между блоками?

   Доброго времени суток. Простейший блок на странице ввел меня в замешательство. <style type='text/css'> section{ display:block; } #container{ margin:0 auto; width:900px; } #divsection div{ display:inline-block; /*float:left;*/ width:150px; border:1px solid black; margin:0; } </style> <section id='container'> <section id='divsection'> <div id='active-tab'><a href=''>Пункт 1</a></div> <div><a href=''>Пункт 2</a></div> <div><a href=''>Пункт 3</a></div> <div><a href=''>Пункт 4</a></div&g…

   Asked by FRUTALITY, May 6, 2011

   0 votes
   13 answers
5. Обводка полeй логинa и парoля в Опeрe

   Здравствуйте. В опере есть такая весч как обводка полей для магистра поролей(в новых версиях - жезл), и те поля от которых опера помнит пару логин-пароль она обводит желтым цветом. Подскажите, возможно ли как нибудь убрать это через css принудительно? outline:none !important; - непомогло. Вот как это дибильно выглядит: а хотелось бы вот так:

   Asked by tiHo, May 6, 2011

   0 votes
   13 answers
6. Резиновый фон для меню. Дайте совет...

   Ребят пожалуйста помогите. Вот честно юзал поиск, но не нашел подобной темы. Интересует мнение опытных верстальщиков. Ситуация следующая http://linkme.ufanet.ru/images/2e5e9e0e12db0195fe7d601beb4aa5bf.jpg набросал макет. Имеется три блока <div>. 1-header 2-menu 3-content в 1 все понятно. Логотип, телефон и т.п. Ширина фиксированная допустим 1000px margin:0 auto; 2-меню ! Блок шириной 100% Вот тут то моя проблема. Ломаю голову целый день не могу найти красивого решения проблемы, и некрасивого не нашел. Возможно все делается просто, но я не могу найти выход... Вроде и опыта не мало, но как коса на камень... Что тут требуется, а нужно сделать след. на картинке изоб…

   Asked by Rasel, May 6, 2011

   0 votes
   13 answers
7. Как лучше сделать лого и название сайта?

   Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …

   Asked by web-monster, May 12, 2011

   0 votes
   13 answers
8. Резиновое расстояние между картинками.

   Здравствуйте. Столкнулся с одной проблемой и не знаю как ее решить. Есть файл с рисунками меню и мне нужно это меню сделать на сайте, но что бы расстояние между рисунками было резиновое - изменялось пропирционально рассширению браузера. Меню ввиде рисунков я сделал, но c резиновым расстоянием у меня возникли проблемы. Как задать чтоб расстояние между рисунками было не фиксированным (word-spacing:) - а динамическим, вымеряемое у процентах. ?

   Asked by xunicornx, May 13, 2011

   0 votes
   13 answers
9. Валидатор

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

   Asked by Softlink, May 29, 2011

   0 votes
   13 answers
10. Стрелочки - прошу совета по оптимизации

    Сделал вот такую стрелочку (первая работа). Прошу критики, есть ли ошибки, можно ли уменьшить размер кода? Код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Стрелочки — CSS 2.1 + XHTML 1.0</title> <link rel="stylesheet" type="text/css" href="strelka.css"/> </head> <body> <div class="rectangle"><a href="">Вперед!</a><div class="arrow-right"></div></div> </body> </html> Код CSS: .arrow-right { border-color: white white white transparent; b…

    Asked by mustanger, June 13, 2011

    0 votes
    13 answers
11. Действия над img в div'е

    Добрый день. Есть страница с дивами в них картинки, ниже картинок идет описание. Картинки добавляют пользователи, следовательно размер их не известен. Необходимо размещать картинки так, чтобы они были по центру блока. Маленькие картинки я центрую с помощью задания для блока правил: display:table-cell; vertical-align:middle; text-align:center; width:100px; height:100px; Большие врезаются в блок с помощью задания ширины(100px) для картинки и высоты блока(100px + overflow:hiddden). Так как стоит ширина картинки, то маленькая картинка растягивается на всю ширину, а если убрать ограничение по ширине, то большая картинка растянется на свою ширину. Как сделать чтоб и большие, и …

    Asked by savinzeek, June 22, 2011

    0 votes
    13 answers
12. Внедрение Flash-анимации

    Приветствую) Я здесь новичек, хотя долго пользуюсь этим сайтом) Ладно теперь к делу. Я создаю один сайт и мне хотелось бы поставить на вверх сайта одну анимацию. Поставить анимацию проблем вообще не каких не составит, НО мне надо поставить анимацию под менюшкой. Я нашел на этом форуме одну тему, но она вообще не че не говорит. Как мне поступить? Что и где прописать? Спасибо.

    Asked by djemNa, June 18, 2011

    0 votes
    13 answers
13. Проблема с обтеканием кнопки

    Здравствуте!Я вот начал верстать макет и столкнулся с проблемой тут ссылочка на скрин вот мне нужно чтобы текст обтекал как на скрине я все остальное написал вид блока и тд так что прошу только помоч с кодом обтекания!Заранее спасибо)

    Asked by Unicode, June 23, 2011

    0 votes
    13 answers
14. Найти решение

    Господа, помогите пожалуйста найти оптимальное решение: Есть меню, между линками разделительная полоса (правый бордер), не получается найти элегантное решение что бы после последнего линка разделительной полосы не было... css: .mattblacktabs ul{ margin: 0; padding: 40px 0 0 450px; font: bold 12px Verdana; list-style-type: none; } .mattblacktabs li{ display: inline; margin: 0; } .mattblacktabs li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; border-right: 1px solid white; /*разделитель*/ color: white; } .mattblacktabs li a:visited{ color: white; } .mattblacktabs li a:hover, .mattblacktabs li.selected a { background: #003460; } …

    Asked by zefo, June 24, 2011

    0 votes
    13 answers
15. Отступы в блоке

    Здраствуйте, есть вот такой фрагмент: Как сделать отступ от левого края блоков а не от текста? Коды ниже: HTML: <div id = "tab-menu"> <div id = "pay"></div> <div id="right_head"></div> <div id="cases"> <div id="bar_tr"><span style="padding-left: 20px">Left</span><span style="right: 10px; font-weight: bold">97,14</span></div> <div id="bar_s"><span style="padding-left: 20px">Left</span><span style="padding-right: 10px; font-weight: bold">97,82</span></div> <div id="bar_tr"><span style="padding-left: 20…

    Asked by ShiftedReality, July 10, 2011

    0 votes
    13 answers
16. Плотное размещение изображений

    Добрый день. Возникла проблема при верстке. Как сделать чтобы все изображения плотно прилегали друг к другу? Для каждого изображения используется класс <div class=gallery-thumb"> Заранее спасибо за ответ

    Asked by sergeyvolk, July 13, 2011

    0 votes
    13 answers
17. margin-bottom

    Всем салют. Проблема вот в чем: есть блок header, в котором размещен блок header_logo и блок bar, которые идут друг за другом по горизонтали. Но мне не удается разместить блок bar в самом низу блока header, свойство margin-bottom:0; просто не работает. Да и с любым другим значением оно не работает - блок bar просто кидает в сам верх. Хотя в то же время margin-left и margin-top работают как надо. В чем может быть проблема? Спасибо.

    Asked by Dayks, August 11, 2011

    0 votes
    13 answers
18. Выравнивание ячеек таблицы по высоте

    Здравствуйте. Столкнулся с проблемой - есть таблица, в которой имеются ячейки, разные по высоте из-за контента. Поэтому высота ячеек получается разной. А нужно прижать один элемент к низу ячейки.Будь они одинаковой высоты - воспользовался бы position: absolute . А так все скачет и получается некрасиво. Есть какие либо варианты выравнивания ячеек по самой высокой в ряду?

    Asked by drdorian, July 18, 2011

    0 votes
    13 answers
19. Позиционирование

    Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 , Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)? #menu_itc { font-size: 16px; height:30px; text-align:center; background-color: #949494; } #menu_itc div { width:736px; margin: auto; } #menu_itc a { display:block; width:184px; height:30px; float:left; color: #fff; text-align:center; text-decoration: none; } #menu_itc a:hover { background:url(3.png); } <div> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 4</a> </div…

    Asked by Rambo2045, July 26, 2011

    0 votes
    13 answers
20. Макет сайта

    Здравствуйте! Сделал сайт Там архитектура следующая: Контейнер, у него BG стоит внизу - имитация Footer. Header, у него фон - верхняя картинка. И "Content" - фон белый и отрицательный margin сверху. Сам понимаю, что не очень... всё это делалось в блокноте и очень хотелось что б "Content" как бы накладывался на фоновые изображения. А ничего лучше придумать не смог. Сейчас решил переделать, но опять не пойму как сделать так, что б всё было правильно и красиво. Подскажите пожалуйста способ реализации этого макета.

    Asked by grindel13, August 7, 2011

    0 votes
    13 answers
21. Правильное перечисление селекторов

    Добрый вечер коллеги! Посоветуйте как поступить, чтобы ссылки одинаковые были в обоих блоках? <div id="left_block"> <a href="#">ссылка 1</a></br> <a href="#">ссылка 2</a></br> <a href="#">ссылка 3</a></br> <a href="#">ссылка 4</a></br> </div> <div id="right_block"> <a href="#">ссылка 5</a></br> <a href="#">ссылка 6</a></br> <a href="#">ссылка 7</a></br> <a href="#">ссылка 8</a></br> </div> …

    Asked by XuLLlHuK, August 15, 2011

    0 votes
    13 answers
22. Проблема с style.css

    Добрый день. Я только учусь html и css. Вот Пытаюсь сделать страничку для ресторана. Возникла проблема: когда сайт запускается на компьютере все работает отлично но когда закидываю на хост перестает работать style.css или работает некорректно. Ниже код html и css. Что там не так, уже сил нет. Спасибо заранее за помощь. Сам сайт www.crystall.zp.ua HTML Код И CSS

    Asked by K2A, August 16, 2011

    0 votes
    13 answers
23. Сложный фон для Wrapper

    Есть такой фон, специально нарисовал на нем блоки с обозначением где и что будет с учетом размеров на макете.. Может есть у кого в запасе хитрые способы как правильно такое сверстать? У меня есть только мысль банально разбить на три картинки центральную вырезать таким образом, чтобы она могла повторятся не портя дизайн (- хотя, это тоже хз как сделать... в нижней части контента начинается затемнение, которое при повторе будет портить всю картину). Также это все дело не по детски весить обещает: необходимо сохранить прозрачность по краям (png-24).. одна такая картинка занимает от 900кб до 1,5 мб

    Asked by skiph, August 30, 2011

    0 votes
    13 answers
24. Резиновое меню списком внутри DIV

    Есть DIV, резиновый Внутри него должно быть меню, из 5ти элементов, каждый по 20% соответственно. Когда ставлю 20 - менюшка уезжает за ДИВ, тоесть считает 20% от всего окна. Как её заставить встраиваться в див? Наверно какие-то параметры display надо прописать, но пока не понимаю. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #hmenu { z-index:1; height: 50px; background:red; margin-left: 2…

    Asked by Kolik, September 4, 2011

    0 votes
    13 answers
25. Как вычислять отступы от символов

    Никогда не задумывался об отступах между элементами серьезно (потому что не верстальщик). Ну, конечно, margin от padding отличал, но вот недавно столкнулся с тем, что необходимо было перевести шаблон из PSD html\css с точностью до пикселя. "Раньше я делал как:" (с) Федор Лошадкин) - открываешь шаблон в фотошопе и выделяешь, к примеру, от верхней границы начертания символа (глифа) до нижней границы верхнего блока (каламбур, но см. рис.). На рисунке это зеленая линия (вроде по-умному это называется верхняя линия шрифта). Затем смотришь высоту выделения и вбиваешь ее в отступ. Браузеры же думают иначе (и логичнее), и любой текст обрамляется рамкой, откуда они и начинают высч…

    Asked by userlogoff, September 6, 2011

    0 votes
    13 answers