HTML Coding

29,542 questions in this forum

1. скругление углов css меню !

   Всем приветк ! подскажите пожалуйста...не могу скруглить все углы у меню ! оно построено как то так, что нижняя линия добавляется отдельно,а если скруглять тут, то скругляются и углы разделов меню ((( .suckerdiv ul li a{ display: block; color: black; text-decoration: none; background-color: #fff; padding: 1px 5px; border: 1px solid #ccc; border-bottom: 0; line-height: 2em; } подскажите как меню подправить ??? suckerdiv li { display: none; } .suckerdiv ul{ margin-left: -7px; margin-top: 0px; padding: 0; list-style-type: none; width: 165px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; font-family: arial; font-size: 11px; } .suckerdiv ul li{ position: relative…

   Asked by morgusha, February 12, 2013

   0 votes
   19 answers
2. Смещение

   Сделал меню по примеру http://anton.shevchuk.name/wp-demo/jquery-tutorials-2/drop-down.html. но когда выезжает меню , то сдвигаются вниз некоторые элементы. в чем может быть дело?

   Asked by olechic, February 13, 2013

   0 votes
   1 answer
3. input в label

   Как сделать, чтобы при клике на текстовый инпут ставилась галочка на чекбоксе, а фокус на текстовый инпут. Или только js-ом? <label> <input type="checkbox" name="check-1" /> Last <input type="text" name="lastname" /> Name </label>

   Asked by youmay, February 12, 2013

   0 votes
   4 answers
4. Подскажите по верстке элемента

   Привет. Обычно стараюсь к помощи окружающих не обращаться, но сейчас что-то совсем в голову ничего не приходит. Просят сделать это - http://smotr.im/crJI на чистом css и вот что-то не могу сообразить КАК это сделать Поделитесь своими соображениями пожалуйста.

   Asked by lolka84, February 13, 2013

   0 votes
   2 answers
5. съезжают ноги на мобильном девайсе

   Приветствую. Сверстал магазин http://plastbaki.ru. Вроде все нормально. Но заметили такую ошибку. Если смотреть сайт с мобильного устройства, то у монтажника ноги съезжают на желтый блок. Подскажите пожалуйста, как это можно поправить.

   Asked by psevdo, February 12, 2013

   0 votes
   4 answers
6. Как создать изображение кодом?

   Здравствуйте! Нужна помощь понимающих. Вопрос: Я хочу сделать иконку не путем добавления ссылки на изображение в код, а кодом, указав размер иконки в 20px, 20px и каждому пикселу присвоить свой цвет, чтобы в итоге они образовали простую иконку. Цель: Получить иконку без надобности заливать изображение на хостинг или использовать с иного ресурса. Подскажите пожалуйста пример кода, как присваивать цвет пикселам. Желательно html, думал сделать через canvas и js, но здесь подвох, если js отключены, иконки отображаться не будут, поэтому остается html. Но если это анриал, тогда уже js, хотя мне кажется это просто сделать, только мне не хватает соображения, что бы понять как это…

   Asked by Artimarius, February 11, 2013

   0 votes
   4 answers
7. Style.css Настройка ширины текста и интервалов.

   Проблема вот в чем - не могу понять каким образом в style.css изменить(в данном случае увеличить) ширину текста. На первой картинке - скриншот сайта, на второй - применена одна из бесплатных тем(сайт на wordpress). Хорошо видно, что на втором скриншоте текст заметно шире, хотя шрифт тот же. Подробное изучение этого вопроса результатов не дали, прошу помочь. Скриншот номер два:

   Asked by Andrew_gur, February 11, 2013

   • css
   • text
   • html
   0 votes
   6 answers
8. Поставить 2 блока в 1 ряд

   Нужно разместить в ряд 2 блока с сохранением отступов 5%. 1 див выводится норм, а второй с картинкой идет под ним. Хз как сделать заставить его отображать нормальные отступы и находиться в 1 ряд с первым дивом. Вот пример кода: Что нужно написать в стилях второго дива. Спасибо за помощь а! все понял - нужно было делать все на спанах

   Asked by Esigns, February 12, 2013

   • 2 блока в 1 ряд
   0 votes
   2 answers
9. Simpless?

   Не знал точно где разместить вопрос Хочу выучить LESS и вот пробовал установить http://wearekiss.com/simpless для компиляции в СSS, но ничего не получилось, такая же беда как здесь https://github.com/Paratron/SimpLESS/issues/59, может кто-то стыкался и обяснит по-доступней где искать проблему. Спасибо.

   Asked by Kuzyo, February 12, 2013

   0 votes
   4 answers
10. "Выпадающее меню" подскажите пожалуйста

    Здравствуйте. Я пока только учусь, и уже сломала голову в поисках решения. Мне нужно сделать "выпадающее меню" на трех кнопках основного меню (под header ом) Например: кнопка Puppies должна делится на два подменю - 1) Bullmastifs , 2) Dogo Argentino., но при этом нужно чтоб основное меню не потеряло стилистику...... И второй вопрос, у меня почему то получаются очень тяжелые страницы... может есть какая нить статья как уменьшить вес, не потеряв качество изображений. ссылка на страницу - _http://bullmastiff-dogoargentino.narod.ru/index_k.html Заранее благодарна всем кто откликнется.

    Asked by Antalia, February 4, 2013

    0 votes
    3 answers
11. Центрирование элементов и background.

    Подскажите, пожалуйста. Есть следующий простенький код: <div class="wrapper"> <div class="InnerWrapper"> Blablabla </div> </div> И цсс к нему: .wrapper { height:100px; width:100%; background: #eee; } .InnerWrapper { margin:0 auto; height:100px; width:400px; background:#3D6AA2; } При этом, все работает как нужно, див с blablabla центрируется. Но мне нужно сделать так, чтобы при фиксированной ширине внутреннего дива, слева от него был такой же цвет. Думаю, не очень понятно написал, но другими словами мне нужно чтобы бэкграунд с внутреннего дива шел от начала страницы, но контент его центрировался посредине страницы. Для наглядности приложу ск…

    Asked by DmitryG, February 12, 2013

    0 votes
    1 answer
12. запрещение перетаскивания

    нарисовал дизайн сайта в фотошопе, потом раскройкой разделил на кнопки и сохранил добавил ссылки по клику (делал по принципу http://tyniks.ucoz.ru/publ/stati_dlja_khakerov/kak_sdelat_aktivnuju_knopku_samomu2/3-1-0-239) если зажать левую кнопку мыши, на любой точке страницы и потянуть, то появляется значок перетаскивания картинки как сделать чтоб он не появлялся? (что б мышкой картинки не таскались а то некрасиво)

    Asked by mangust84, February 11, 2013

    0 votes
    12 answers
13. Самоскроллирование в Опере

    Доброго всем дня! Столкнулся с такой странной вещью. Доводим до конца сайт http://rezbaderevo.ru. На странице http://rezbaderevo.ru/ratatuyka (и к сожалению не только на ней) в Опере наблюдается странный баг. При скроллировании страницы вниз с определенного места (конкретно Дюрер картинка Кранах) после щелчка мышью на теле страницы экран возвращается вверх к этому месту. Никаких особенностей в html я не наблюдаю, в других броузерах этого нет. Буду очень благодарен, если вы подскажете, в чем проблема.

    Asked by Yust-os, February 12, 2013

    • Opera
    0 votes
    2 answers
14. помогите с IE 7

    http://jsfiddle.net/FhZuV/ В совместимости с IE 7 рамка уходит в сторону... Знатоки помогите, голова уже кругом идет...

    Asked by vladmih, February 11, 2013

    0 votes
    6 answers
15. Форма для контакта

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

    Asked by ArgonXPrime, February 12, 2013

    • Контакты письмо
    • связь
    0 votes
    1 answer
16. Font-Awesome (или его аналоги) внутри option – как?

    Доброго времени суток! Задача: Собственно, сабж. Есть select (не multiple), внутри каждого option должны быть звёздочки. Как сейчас: С добавлением & #9733; в нормальных браузерах работает: http://f.cl.ly/items...y2W02/stars.png А "всеми любимый" браузер (IE8) этого понять не смог: http://f.cl.ly/items...h0g/starsie.png Что пробовал: Поэтому решил юзать FontAwesome. Понятно, что html-код внутрь option'а не запихнёшь поэтому пытался сделать так: <select> <option class="starz"></option> </select> .starz { font-family: FontAwesome; content: '\f005'; } Но увы, это тоже не сработало. FontAwesome не принципиален – рассмотрю любые варианты. Главн…

    Asked by TrogWar, February 12, 2013

    • html
    • select
    • option
    • fonts
    • custom
    • awesome
    0 votes
    1 answer
17. Якорь для вкладки

    Помогите сделать ссылку якорь для любой из вкладок сайта http://kopiichasov.ru/direct.php

    Asked by top10, February 11, 2013

    0 votes
    1 answer
18. простая активная кнопка...

    подскажите почему данаая конструкция не работает в опере: css : .vhod a{ display:block; background:url(http://jaguar-pw.clan.su/knopki/vhod/go.png) no-repeat; width:120px; height:24px; font-size:30px; color:#FFFF66; text-align:center; text-decoration:none; } .vhod a:hover{ display:block; background-position: 0 -24px; } .vhod a:active{ display:block; background-position: 0 -48px; } html: <li class="vhod"> <a href="$LOGIN_LINK$" class="vhod"></a> </li> и какие пути решения...?

    Asked by spn_one, February 7, 2013

    0 votes
    2 answers
19. Активная кнопка меню

    Здравствуйте... У меня есть вопрос, как сделать кнопку активной после нажатия на нее.. Допустим имеется ссылка в навигационной панели, нажимаешь на необходимую категорию, после перехода, - это кнопка имеет друргой цвет - что показывает что она сейчас активна...

    Asked by synapse, February 10, 2013

    • меню
    • кнопка
    0 votes
    2 answers
20. Расположение инлайновых тегов друг над другом

    Что надо изменить в данной конструкции чтобы время и текст были друг над другом, оба блока растягивались по количеству содержимого, блоки были по центру страницы? Дума, ничего хорошего не надумал. Что я не учёл?

    Asked by Ge1i0N, February 11, 2013

    • block
    • inline
    • inline-block
    0 votes
    2 answers
21. Фиксированное меню

    В опере иногда сьезжает #wrapper{ margin:50px auto 0px auto; width:960px; height:auto; } aside{ width:309px; padding:10px; float:left; height:auto; border-collapse: collapse; } article{ width:609px; padding:10px; float:left; height:auto; border-left:1px solid #B9E3F3; border-collapse: collapse; } .clear{clear:both;} footer{ border-top:1px solid #B9E3F3; width:940px; padding:10px; height:auto; } nav{ position:fixed; top:0; left:0; padding:0px; margin:0px; width:100%; height:50px; background:black; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <title>Sign in Mysite</title> </head> <body> <…

    Asked by max2012, February 11, 2013

    • fixed
    • position
    • меню
    0 votes
    0 answers
22. Галерея slimbox2, наиправильнейший вариант

    Нужен совет и критика: Есть галерея - "slimbox2". Бралась готовым кодом с какого то сайта, структура кода примерна такая: <ссылка><картинка></ссылка> + стили для ссылки и для картинки + файлы явы Получилась сетка примерно по 150на130 картинок. У меня возникла необходимость разбавить секции фотографий, текстом. Сделал блок со своими стилями, который в нужном месте вставлял меж фоток. И тут начался бардак. Возникла идея сделать галерею на базе списка, где уже основные параметры назначить ячейки, а в нее вставлять по необходимости рисунок или текст. Вот стало интересно - яве все равно откуда брать ссылку на увеличенное (исходное) изображение, из ссылки кото…

    Asked by cmndr_alexgreen, February 8, 2013

    • Галерея slimbox2
    0 votes
    7 answers
23. Высота float-элемента в 100% в FF и Chrome

    Мда )) Уже начал сходить с ума, пытаясь понять логику, по которой float-элемент игнорирует height и min-height в процентах. Оказалось дело в Firefox. Допустим, у нас есть float-блок, который находится в родителе. И нам нужно, чтобы даже при отсутствии контента (или малом количестве) у плавающего была бы какая-то минимальная заданная высота. Как бы логично и удобно использовать min-height, который берется от родителя. Но FF все обламывает. Понятно, что такую модель можно реализовать и по-другому. Но вопрос в том, что есть ли способ, не меняя подход, научить FF видеть эту высоту? Перед нажатием на "отправить" проверил в Хроме. Та же проблема. Тогда это уже интереснее. Кто м…

    Asked by Kray Storm, February 7, 2013

    • float
    • Mozilla
    • height:100%
    • Chrome
    • min-height:100%
    0 votes
    7 answers
24. Добавление роликов с ютуба

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

    Asked by vladmih, February 11, 2013

    0 votes
    1 answer
25. Помогите, пожалуйста, с кнопкой Facebook

    c нововведениями от фейсбука появились окошки с комментированием. И они не настраиваются! В упор ставится 450 ширина, сколько не вбиваю в ширину 280 пикселей Причем они появляются как-то странно... на широком экране (когда эти 450 пикселей помещаются) справа от кнопки... Когда же мобильный вид с шириной 320 пикселей - где-то слева, обрезаясь экраном. Хотела попробовать переназначить стилями, но оно меня игнорирует, а валидация говорит что так вообще нельзя задавать имена классов: /* пример класса, который используется в окне... точнее именно этот класс мне и нужно поменять */ ._5v4 { top: 24px; width: 450px; }

    Asked by madhed, February 11, 2013

    • Facebooklike button
    0 votes
    0 answers