HTML Coding

29,542 questions in this forum

1. Помогите сверстать

   Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)

   Asked by nickostyle, January 24, 2013

   0 votes
   3 answers
2. Увеличение картинки при наводе

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

   Asked by iKNG, January 24, 2013

   0 votes
   5 answers
3. помогите с прозрачностью

   Люди помогите в верстке. Нужно получить вот такой элемент. http://s019.radikal.ru/i601/1301/89/d7ac2bf06bbe.gif В котором черный фон прозрачный текст и картинка нет. <section id="line_one"> <aside class="left"><img src="img/photo_like.gif"><p>Показать <br/> все фото</p></aside> <aside class="right"><img src="img/like.gif"><p>Мне <br/> нравится</p></aside> </section> стили .left { width:200px; height:61px; float:left; background:#000; border-radius:0 40px 40px 0; } .left img { float:left; margin:3px 0 0 10px; } .left p { padding: 5px 0 0 80px; } Пробовал по разному, к left…

   Asked by vladmih, January 24, 2013

   0 votes
   2 answers
4. div пристыкованный к низу родительского div'a

   Мне нужно, что бы div всегда был прижат к ниху родителя. Погуглил - пишут, что надо родителю дать position: relaive; а вложенному - position: absolute; Но, я так понимаю, что это сработает, только если у родителя явно через css задана высота.. В моем же случае высота явно не задается.

   Asked by Ichigeki, January 24, 2013

   0 votes
   5 answers
5. Блок с линиями

   Подскажите, как реализовать такой пример на css. Чтобы размер блока с текстом менялся в зависимости от ширины текста, т.е был динамичным. И главное: чтобы работало в ie7 Спасибо

   Asked by satantx, January 24, 2013

   0 votes
   3 answers
6. Растягивание дива по абсолютному контенту.

   День добрый! Внутри body на след. уровне есть 2 дива: - растянутый через absolute, top:0, bottom: 0 итд общий слой где нарисована страница. - диалог, показанный через absolute, right: половина экрана. Проблема: Если диалог больше изначальной высоты экрана, то основной слой не растягивается в появившееся за счет скролла пространство. Иными словами, при изменении размеров страницы из-за увеличения scrollable области див который должен быть растянут не растягивается, а остается таким же. Пытался сделать body: relative, пытался вставлять эти 2 дива в отдельынй слой - никак. Можно исправить?

   Asked by Dymytry, January 24, 2013

   0 votes
   0 answers
7. Какие есть идеи? - верстка слайдера

   Использую этот слайдер: http://www.devsaran.com/theme/dark_elegant/ видим на нем эффект Fade и красную шторку с текстом. Все замечательно...шторка эта приверстана к слайдеру отдельно, т.е. это не полноценные картинки в слайдере, на которых она красная нарисована вместе с текстом. В слайдере я поменял эффект на Slide. Цель: оставить шторку эту на месте, чтобы она не двигалась, а из под нее выезжали картинки. Сейчас с эффектом slide картинки выезжают вместе со шторкой. У кого какие идеи как это реализовать? Думал мож попробовать сделать контейнер, фоном ему справа задать эту шторку и запихать в него слайдера, но слайдер будет перекрывать фон. Желательно конечно еще кнопки п…

   Asked by xSPiRiTx, January 24, 2013

   0 votes
   6 answers
8. Глюк в ie-7(Плагин Pirobox)

   Здравствуйте. Есть такой лайтбокс(Pirobox). Попытался недавно подключить его к своей странице и столкнулся с проблемой в ie-7. http://webmaster.ayr...allery/ie-7.jpg Проблема состоит в том, что во время переключения картинок (вправо, влево) - капча с чёрным фоном вылазит за пределы родителького блока.. (увеличиваеться по ширине). После завершения переключения размер приходит в норму. Саму страницу можно увидеть здесь: http://webmaster.ayr..._Gallery/4.html (При клике по любой из картинок срабатывает плагин.) В остальных браузерах всё в норме.. P.S. Буду благодарен, если кто поможет решить данный вопрос.. (У меня все варианты для решения, к сожалению, изчерпались..)

   Asked by Yamaradg, January 24, 2013

   0 votes
   1 answer
9. Почему не работает border collapse?

   Почему-то у меню http://www.zhitlegko.myjino.ru/ не работает collapse, и бордер получается двойной. В чем могут быть причины?

   Asked by Imperil, January 24, 2013

   • border collapse
   0 votes
   2 answers
10. ищу скрипт выпадающего меню

    посоветуйте пожалуйста js-скрипт выпадающего по наведению горизонтального меню, вложенные пункты которого открываются в направлении свободного пространства экрана

    Asked by cyklop77, January 23, 2013

    0 votes
    1 answer
11. LESS, SASS, SCSS

    Если представить, что у вашего друга верстальщика была лёгкая степень комы. После которой он вернулся в мир верстки зная один CSS, что бы вы ему посоветовали для своего нового суперпроекта? LESS, SASS, SCSS?

    Asked by miloslovesky, January 23, 2013

    • LESS SASS
    • SCSS
    0 votes
    6 answers
12. Как сделать такое меню

    http://s019.radikal....da1a56a583b.jpg Как сделать такое меню? Сложность моя заключается в том, что при добавлении нового пункта меню, или наоборот удаления - те полоски, что по бокам должны все время быть рядом с меню так же как и на фото. То есть они должны быть как-бы приклеены к меню. Вот адрес: http://www.zhitlegko.myjino.ru/ (кстати почему там не действует border:collapse?) Или так: http://jsfiddle.net/QdkSU/

    Asked by Imperil, January 23, 2013

    • верска меню
    0 votes
    5 answers
13. Как обрезать картинки в IE?

    [РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> &lt…

    Asked by Rooner, January 23, 2013

    • об
    • резка картинки
    0 votes
    0 answers
14. Скроллинг в таблице

    И вновь приветствую,такая проблема необходимо сделать скроллинг таблице,нашёл примеры с других форумов,ну так и не с умел нормально довести до таблицы Исходный код таблицы:http://pastebin.com/ADqWwhiC

    Asked by Vopub, January 23, 2013

    • скроллинг
    0 votes
    2 answers
15. Верстка ввиде слайда как в мобильных приложениях

    Люди подскажите как реализовать сайт который бы перелистывался как приложения в мобильных телефонах. То есть, к примеру есть 3-4 разных страницы одна из них постоянно на виду, мышкой тянем влево и перелистываем на следующую и т.д.

    Asked by vladmih, January 23, 2013

    0 votes
    6 answers
16. Графики Яндекс Метрики на сайте

    Здравствуйте форумчане. Вот себя уже 4ый день терзаю, никак не могу прикрутить отчёты метрики на сайт. Иными словами, хочу переместить статистику, которая находится в метрике к себе на сайт, чтобы люди могли видеть (не просто цифры, а графики и пр.) Кто с таким сталкивался ? API читал и ничерта не понял.

    Asked by pashkje, January 23, 2013

    0 votes
    2 answers
17. div; как растянуть слова по ширине, чтобы они точно встали в шаблон?

    Хочется растянуть всё это по ширине, чтобы слова точно встали в шаблон. А по незнанию не получается... Коды такие: <div id="wrapper"> <div id="shapka"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">Знания</a></li> <li><a href="/">Фото</a></li> <li><a href="/">Творчество</a></li> <li><a href="/">Контакты</a></li> <li><a href="/">Форум</a></li> </ul> </div> #shapka ul { list-style-type: inherit; position: absolute; font: 16pt Arial, Verdana, sana-serif; co…

    Asked by maxdr, January 23, 2013

    • div
    • слова
    • css
    • html
    0 votes
    1 answer
18. Расположение картинок горизонтально

    Как сделать так: 1. чтоб картинки на странице располагались горизонтально? т.е. при добавлении картинки она уходит вниз, а мне нужно чтобы они все шли горизонтально и появлялась горизонтальная прокрутка. 2. чтоб картинки изменяли размер в зависимости от размера браузера?

    Asked by aizul, January 23, 2013

    0 votes
    7 answers
19. Резиновые дивы, толкающие друг друга!

    Всем доброго дня! Друзья есть такой код... <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> #div_a{ background-color: #0CF; width: 100%; max-width: 600px; height: 500px; margin-left:auto; margin-right:auto; } #div_1{ background-color:#39F; width:; width: 100%; min-width: 400px; height: 200px; float: left; } #div_2{ background-color:#325; width: 200px; height: 200px; float: left; } </style> </head> <body> <div id="div_a"> <div id="div_1"></div> <div id="div_2">&…

    Asked by Roomas, January 23, 2013

    0 votes
    1 answer
20. Кодировка

    Простой index.php. Заливаю на сайт - кракозябры. Домен пустой, конфликтовать не с чем. Остальные сайты у этого хостера в кракозябрах замечены не были. В тегах: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Файл и через блокнот сохраняла, и через дримвивер (с контролем выставленной при сохранении кодировки). Один фиг - кракозябры. Помогите, пж, что тут еще может быть? =( p.s. Кеш браузера чистила

    Asked by brussnika, January 22, 2013

    0 votes
    4 answers
21. дергается и перегружается выпадающее меню

    Помогите разобраться с проблемой. Выпадающее меню дергается и по несколько раз открывается и закрывается. Код http://jsfiddle.net/7pabv/

    Asked by itspider, January 22, 2013

    0 votes
    2 answers
22. docpad и пейджинг

    Доброго времени суток. Подскажите, может есть специалисты по шаблонизатору docpad. Пытаюсь сделать пейджинг. Сам пейджинг выводится и вроде как правильно, но по переходу вылазит 404. Вот и не могу понять от чего так. http://altyncev.ru/posts Может кто, что подскажет. Все opensource https://github.com/npofopr/_altyncev Крутится на heroku.

    Asked by npofopr, January 22, 2013

    • nodejs
    • docpad
    0 votes
    0 answers
23. Возможно ли с помощью CSS кроссбраузерно сделать центрирование

    Есть такая шапка http://jsfiddle.net/LbmJs/. Требования: При разрешение монитора от 1024 чтобы небыло горизонтальной полосы прокрутки Прри ширине монитора меньше чем ширина шапки чтобы обрезалась с обеих сторон пропорционально, а не как в моём решение только справа. Подскажите пожалуйста можно ли с помощью CSS кроссбраузерно решить данную проблему?

    Asked by tini.kRyptoNite, January 22, 2013

    0 votes
    4 answers
24. залипает выпадающее меню

    Помогите разобраться, никак не вьеду. При переходе с одного пункта меню на другой залипает выпадающее меню и дергается туда сюда. html <div id="fdw"> <!--nav--> <nav> <ul> <li><a href="">Клуб</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li> </ul> </li> <li> <a href="">услуги</a> <ul style="display: none;" cla…

    Asked by itspider, January 22, 2013

    0 votes
    2 answers
25. Была маленькая, стала большая

    Всем привет. Подскажите, как реализовать увеличение картинки при клике? Как тут справа

    Asked by Tezil, January 22, 2013

    • увеличение картинки при клике
    0 votes
    2 answers