HTML Coding

29542 questions in this forum

1. LESS, SASS, SCSS

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

   Asked by miloslovesky, January 23, 2013

   • LESS SASS
   • SCSS
   0 votes
   6 answers
2. Оптимизация скорости загрузки фоновых изображений

   Всем доброго дня. Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички. И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена. Табличка описана так: При загрузке имеем такую картину: ******************************************************* Посоветуйте пожалуйста, к…

   Asked by nomen, January 28, 2013

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

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

   Asked by cyklop77, January 23, 2013

   0 votes
   1 answer
4. Вопрос по работе с шаблону

   Здравствуйте. Знаю что полез сразу не туда, но решил начать с задач по сложнее, что бы быстро научиться грамотно верстать. В общем проблема такая: Хочу адаптировать под себя шаблон. Так что бы было совсем ясно о чем я говорю шаблон можно скачать ТУТ. Несколько вопросов. 1-Как адаптировать шаблон под Русский язык? Сколько кодировку и как не меняй (вручную или кодом) все равно русский язык не воспринимается. 2-Как в пунктах меню (в любом кроме Галереи, убрать разделение на 2 части (вертикальное разделение 3-Как на место текста (сверху слева) поместить картинку??? Заранее большое при большое спасибо. Если что могу заплатить, но немного((( Просто очень хочется понять и сдела…

   Asked by vl.zemtsov, January 24, 2013

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

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

   Asked by Ichigeki, January 24, 2013

   0 votes
   5 answers
6. Почему не работает border collapse?

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

   Asked by Imperil, January 24, 2013

   • border collapse
   0 votes
   2 answers
7. Глюк в 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
8. Какие есть идеи? - верстка слайдера

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

   Asked by xSPiRiTx, January 24, 2013

   0 votes
   6 answers
9. Фон из нескольких картинок

   Собсно, сабж в чем: нужно сделать подобие блока, который растягивается Мы имеем div контента, фон которого состоит из 3 изображений: нужно закрепить первое изображение к верху блока, нижнее к низу, и чтобы среднее растягивалось в зависимости от высоты блока, но чтобы не перекрывало верхнее и нижнее изображения фона. css-код блока: .main { margin: 0 auto; padding: 200px 60px 0 150px; float: left; background-image: url(img/main1.png), url(img/main2.png), url(img/main3.png); background-repeat: no-repeat, repeat-y, no-repeat; background-position: center top, 0 924px, center bottom; /* 924px - высота первого изображения */ background-size: contain; width: 70%; }

   Asked by LanStorm, February 24, 2013

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

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

    Asked by Dymytry, January 24, 2013

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

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

    Asked by satantx, January 24, 2013

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

    Люди помогите в верстке. Нужно получить вот такой элемент. 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
13. Увеличение картинки при наводе

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

    Asked by iKNG, January 24, 2013

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

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

    Asked by nickostyle, January 24, 2013

    0 votes
    3 answers
15. Раскрывающийся по клику список

    Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?

    Asked by Владимир Н, January 25, 2013

    • html
    • css
    • js
    • список
    0 votes
    6 answers
16. Пропала буква к IE9

    Здравствуйте. Вот есть сайт. Там есть надпись в главной "Звоните!". И в этой надписе пропала буква "З" (В IE9). В других браузерах всё хорошо. Я не могу понять, куда буква то делась? Вот сайт: http://artprstudio.ru/Folder/index.html

    Asked by prowoke, January 25, 2013

    0 votes
    1 answer
17. Помогите советом по верстке!

    Добрый день! Через три недели защита диплома по фирменному стилю, один из разделов - верстка сайта собственного дизайна. Дизайн-то сделала, но как реализовать некоторые моменты - способностей не хватает. Подскажите, пожалуйста. Нужно, чтобы было вот так. Картинка(-и) "вылетают" за границы блока. Как такое сделать?

    Asked by ViViV, January 25, 2013

    • верстка css
    • макет
    0 votes
    3 answers
18. Помогите плиз с версткой в IE - везде все гуд только IE((( Нельзя использовать js

    Вот html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"> <a href="#A1_logo"> <img style="float:left;" src="images/A1_logo.png" /> </a> <a href="#Netwheels_logo"> <img styl…

    Asked by Select, January 25, 2013

    • верстка
    • ie
    • помощь
    0 votes
    2 answers
19. Проблема с DIV в IE 6.0

    Не могу понять почему в IE6 верстка кривая и, главное, как поправить. Вот здесь можно глянуть страничку: http://jsfiddle.net/BWcxQ/ В свежих браузерах все работает нормально: шапка, левое меню, тело. А в шестом ослике проблема - панель левого меню сдвигается вправо... Как исправить, подскажите!

    Asked by Talker, January 25, 2013

    0 votes
    2 answers
20. iframe

    Можно ли как-то задать выравнивание по центру для блока видео с youtube, например, для этого: <iframe width="420" height="315" src="http://www.youtube.com/embed/JhAxaDmiuvM?rel=0" frameborder="0" allowfullscreen></iframe>

    Asked by fowl, January 25, 2013

    0 votes
    2 answers
21. помогите в изучении css

    Всем доброго дня. Уважаемые гуру подскажите пожалуйста чайнику который решил освоить css. Есть стиль .bg{ width:100%; background: url(/images/header_bg.jpg) repeat-x left top; } Вставляю этот стиль в страницу таким образом <body> <div class="bg"> <p>text text</p> </div> </body> Вопрос. Почему у меня не видно бэкграунда? Что я не правильно делаю? Огромное спасибо

    Asked by blood, January 25, 2013

    0 votes
    6 answers
22. Bootstrap и шапка фиксированной ширины

    Здравствуйте! Только начал изучать bootstrap, запутался вот с какой штукой: Есть картинка - шапка сайта, фиксированного размера 895px. Весь шаблон, соответственно, ограничивается этой шириной. Я ограничил body шириной шапки: body {width: 895px; margin: 0 auto;} Так же сделал с первым контейнером: .container {width: 895px !important; } Делаю два столбца span6 - они все равно получаются по 1170/2 и размещаются один под другим, а не в строчку. Как сделать, чтобы деление на колонки происходило для ширины 895, а не 1170? Спасибо!

    Asked by Nule, January 25, 2013

    0 votes
    2 answers
23. Эффект с шапкой как на googleventures.com

    Как добиться такого эффекта с шапкой как на http://googleventures.com? Можете написать простой пример на 2 дивах, я понимаю что по идее тут нужны свойства z-index и position, но хотелось бы посмотреть на реализацию и понять. Спасибо.

    Asked by aquapasha, January 29, 2013

    0 votes
    3 answers
24. Css для определенных страниц

    Помогите решить проблему ! Сайт переделывается под Wordpress. Главная страница имеет красивую картинку по середине, а все остальные ссылки должны быть без нее ! как подключить к определенным ссылкам другой Style.css?

    Asked by ivanu6kin, January 25, 2013

    0 votes
    3 answers
25. Вложенные медиа-запросы

    Приветствую всех. Подскажите есть ли в спецификации CSS3 вложенные медиа-запросы и, если да, то как они поддерживаются современными мобильными и десктопными браузерами? Спасибо.

    Asked by Rock, January 25, 2013

    • CSS3
    • медиа-запросы
    0 votes
    2 answers