HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Позиционирование блока, текст сдвигает блок
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div id="b1"> b1 <div id="b2"> b2 </div> </div> </body></html>body { margin: 0;}#b1 { background: #F00; height: 100px;}#b2 { background: #0F0; width: 900px; height: 100px; margin: auto;}
0 votes2 answers -
Проблема отступов сверху и снизу у элемента height 100%
Здравствуйте. Столкнулся с такой проблемой. Не могу добавлять фиксированные отступы у контейнера .gallery-window со всех сторон. Или хотя бы резиновые. Временно решил проблему извращенным способом, увидите в коде, но при уменьшении окна появляются неточности. Слева и справа работает свойство margin: 1%; а снизу и сверху ну никак. Подскажите, как можно добавлять одинаковые фиксированные или резиновые отступы сверху и снизу, что бы при уменьшении окна они либо сохранили пропорции и сверху и снизу (при резиновых отступах), либо оставались фиксированными (при фиксированных отступах). Песочница http://jsfiddle.net/7hqdN/
0 votes5 answers -
Белая полоса
Добрый день участники форума! Я столкнулся с такой проблемой и не знаю как её решить,решил обратиться к вам за помощью..надеюсь поможете! Есть вот сайт, в хроме появляется белая полоса слева,в опере все хорошо,полоса появляется когда меняешь размеры окна браузера,как по мне вся проблема состоит в этом #body_top_bg {background: url(../images/body_top_bg.jpg) center top no-repeat;}Буду благодарен за подсказки и помощь.
0 votes2 answers -
Не правильно отображается блок сайта
Не правильно отображается блок сайта Просто перенес сайт из одного домена на другой.
0 votes6 answers -
Анимация css3
Переписал весь код, который нашёл и почему ничего не происходит? http://jsfiddle.net/D3WX2/ Я только сейчас начал изучать анимацию
0 votes10 answers -
Элементы "display:box" не работают
Доброго времени суток, помогите пожалуйста разобраться с кодом, в идеальном варианте в div должны располагаться через равные расстояния другие div <!DOCTYPE html><html lang="ru"><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"> <head> <title>OK-page</title> </head> <body> <div id="page"> <section id="nav"> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> </section> <div id="content"> <…
0 votes2 answers -
Блок с текстом
Приветствую! Как сделать так, чтобы блок .test_box открывался по клику, и его можно было закрыть по клику на кнопку. И как вывести текст с <p> у которого стоит значение :none, после того как будет открыт блок .test_box http://jsfiddle.net/uu6PL/1/
0 votes4 answers -
Не проходит валидацию
Подскажите пожалуйста, в стилях есть строчка border-radius:3px при этом в html <!doctype html>. В валидаторе предупреждение что border-radius только для css3. Как исправить ?
0 votes2 answers -
Правильное позиционирование элементов в шаблоне HTML/CSS
Столкнулся с проблемой во время самообучения, в мануалах описываются различные способы позиционирования элементов на странице. Но как правильно и оптимально это делать непонятно. При создании шаблона jsbin.com/rezukela/4/edit подсознательно понимаю, что делаю неправильно, но как по другому не знаю. Прошу если можно, исправить код, либо переписать, либо сказать основные ошибки которые я допускаю. P.S. Так же хотелось бы понять, как доработать сайт под любое разрешение и изменение масштаба.
0 votes4 answers -
Проблема: отображение шрифта в сафари
Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...
0 votes17 answers -
3d transforms css3 как вытащить весь код?
нашёл интересную штуку https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html как вытащить html и css файлы этой трансформации? нажмите на кнопку Toggle Shape и вы увидите эффект
0 votes5 answers -
Как быть с изучением html,css
Здравствуйте хочю спросить у вас совета как быть я начал заниматся сайтостроительством около 2-3 месяцев назад. Начал я изучать html и css не судите строго по Евгению Попову так как никакого другого наставника который мог бы так же ясно излагать мысли я не нашел. Я сделал уже 5 шаблонов и тут я заступорился иногда захожу на htmlbook за очередной справкой по html и вижу там кучю мне еще незнакомых тегов не говоря уже про атрибуты речь о html 4.01 а html 5 я решил изучать тогда когда нормально освою этот. И такой вопрос нужно ли учить абсолютно все теги и атрибуты которые только есть? или их нужно изучать по мере необходимости при создании каждого сайта если это необходимо.…
0 votes14 answers -
Дополнительные поля: xfvalue_img-1
Привет всем. Не подскажите как исправить? Добавлял дополнительные поля, результат 0, мб то то не так делаю? Разумеется где xfvalue_img-1 должны быть картинки.
0 votes6 answers -
Смена текста туда-обратно
Помогите сделать, чтобы при клике на кнопку, текст в ней менялся. Кликнуть еще раз - сменится на первоначальный
0 votes18 answers -
Фон + Картинка
Добрый день. Не подскажите как наложить картинку на умножающий фон? То-есть: body { font: 12px Calibri, Arial, Tahoma, PT Sans, sans-serif; background: url(../images/bg_body.jpg);}Тут мой фон повторяется, так и должно быть. А как наложить на этот фон 2-ю картинку?
0 votes2 answers -
Кто как решает проблему производительности background-size?
В общем если разрешение большое у картинки и поставить background-size cover, или проценты какие-нибудь, то появляются лаги в хроме точно, не имеющие себе никакого оправдания. Кто и как с этим борится? Вроде как по идее скриптик вставить и все, имулирующий это поведение. Но я вот тут засунула волшебную строчку -webkit-backface-visibility: hidden, и лаги вроде как пропали. Но пока я рылась в гугле, пишут, что в файрфоксе тоже может лагать. Но у меня вроде все норм. Вот сижу и думаю теперь - скрипт все-таки или эту строчку.... Может кто сталкивался и придумал что-нибудь?
0 votes14 answers -
На форуме есть кто-то из поддержки?
На форуме есть кто-то из поддержки? Как связаться с администрацией? Ни одного контакта нет. Писать в личные сообщения нельзя.
0 votes3 answers -
Background image на резине
Верстаю сайт для мотоклуба. Там на заднем фоне сильнотекстурированное изображение. В виде полупрозрачных ячеек карбона поверх асфальта с трещинами и разметкой. Хочется сделать резиновую вёрстку, но есть одно но. Ячейки этого самого карбона на больших разрешениях ну уж очень сильно растягиваются и начинают портить дизайн. Всё остальное смотрится нормально. Долго ломал голову как это исправить. Родилась идея, но к сожалению, пока не придумал как её реализовать. Идея в том что бы при растяжении окна, асфальт растягивался. А полупрозрачные ячейки поверх него не тянулись а мостились. То есть увеличивались не качественно а колличественно.)) Подскажите возможно ли это реа…
0 votes3 answers -
Один блок налаживается на другой, второй неактивный
вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!
0 votes1 answer -
Не работает JS (jQuery)
Ребят здравствуйте,помогите с Js, дело в том что изначально делал списки на HTML но в сам список нужно вставить 2 картинки причем одна должна быть ссылкой и открывать список,С помощью CSS это реализовать не удалось,вернее удалось но при этом все смотрится криво и ползет, Почитал в Google что такие выпадающие списки делают на jQuery. нашел пример в интернете,но видимо либо сам урок кривой либо я не до конца понял, JS почему то не работает вот код на http://cssdeck.com вот скрины на всякий случай
0 votes7 answers -
селектор атрибута
В учебнике написан код [href^="http://"]:not(a[href^="http://www.sdcvoy.ru/"])Но почему он заработает только после того, как убрать тег a? http://cssdeck.com/labs/yvkzolue
0 votes7 answers -
Background оболочки не растягивается
Доброго времени суток. Проблема в том что фоновая заливка не растягивается из-за того что прописаны float. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div class="white_fon"><div id="wrap"><header><div i…
0 votes3 answers -
Вывод миниатюры аватарки
Подскажите как сделать вывод миниатюры аватарки как в профиле, в navbar? vBulletin 3.8.7 Полный размер делается так: Создаем новый модуль :продукт – VBulletin Местоположение выбираем – global_start код модуля require_once(DIR . '/includes/functions_user.php');$avatarurl = fetch_avatar_url($vbulletin->userinfo['userid']);if (empty($avatarurl) || !is_array($avatarurl)){ $avatarurl = array('images/noavatar.gif','width="90" height="90"');}В нужное место шаблона вставляем: <if condition="$bbuserinfo['userid']"><div><a href="$vboptions[bburl]/profile.php?$session[sessionurl]do=editavatar"><span></span><img src="$vboptions[bburl]/$avatarurl[0…
0 votes1 answer -
Пространство вне сайта
Всем привет! Я новичок, сверстала первый макет и уже второй день не могу разобраться - что за пространство возникает вне сайта, кто из дивов его провоцирует и как его убрать? http://cssdeck.com/labs/ochjkfna
0 votes4 answers -
Нужна помощь
Здравствуйте, я учусь верстать сайты, посмотрел кучу всяческих видео , перечитал кучу информации . И вот захотел сверстать сайт по макету psd . Посмотрел опять же ш видео, ну вроде норм. А потом как сел верстать сайт по другому макету наткнулся на кучу проблем и вопросов , на которые не могу найти ответов.Так вот ищу какого то опытного верстальщика что бы помогу мне в некоторых вопросах , я уверен что они будут совсем простые для опытного человека. Надеюсь на понимание , и обещаю не задолбывать по пустякам skype: Kaplun31
0 votes4 answers