Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Проблема с обтеканием div-а

    Помогите, не могу понять. Вот такой html: <body><div id="header">Header</div><div id="content"><div id = "cnt">Content asdfasdf </div><div id = "menudiv"><ul id="menu"><li><a href="">Home</a></li><li><a href="">Products</a></li><li><a href="">Clients</a></li><li><a href="">Contacts</a></li></ul></div></div></body> Вот такой css: #header {width: 800px;height: 150px;background: #ccc;margin: 0 auto 10px;border-radius: 5px;padding: 10px;}#content{position: relative;width: 800px;background: #ccc;height: 500…

    Asked by tav8383,

    0 votes
    4 answers

  2. Смещение элементов при отдалении

    Добрый день всем форумчанам. Первая трудность, с которой я столкнулся - элементы и их правильное расположение. Я написал простую страничку - фоновое изображение, div белого цвета, где содержится текст, логотип над этим листом. Проблема возникает следующая - я разместил внутри этого дива еще два, в каждом из которых содержится картинка Png без фона. Я хочу, чтобы картинки выходили за пределы листа и как бы обхватывали его. Точнее, я так и сделал(скрин ниже) Проблема в том, что при отдалении эти две девчонки, обхватывающие лист, не остаются на месте. Свойство position задано absolute. Да, я уже пробовал relative, но так они располагаются один за другим сверху вн…

    Asked by Sperc,

    0 votes
    1 answer

  3. Проблемы с margin

    Здравствуйте, непонятно из-за чего уменьшается margin. На этой странице все хорошо А вот на этой он уменьшается Насколько удалось выяснить, уменьшается он именно из-за красного поля, то есть отображения записей из БД. Но совсем неясно почему так происходит. Привожу код кода, который отображает этот блок echo '<table class="post_table" border="0">'; // выводим в HTML-таблицу все данные клиентов из таблицы MySQL while($data = mysql_fetch_array($result)){ if (empty($data['hidden'])) { $author = $data['author']; $avatar = "<img src='images/temp.jpg'>"; } else { $author = "Аноним"; $avatar = "<img src='images/anonim.jpg…

    Asked by Immortal,

    0 votes
    4 answers

  4. Как верстается такой интересный градиент ?

    Можно ли такую кнопку с двойным градиентом сверстать без применения фотоной картинки ?

    Asked by ilyas,

    0 votes
    5 answers

  5. z-index внутри блока с переопределенным контекстом наложения

    Есть пример-задача: http://jsfiddle.net/realovich/r4wdA/ В ней блок с классом "red" с помощью трансформации создает новый контекст наложения. Если присвоить любую трансформацию к блоку с классом "green" - этот блок попадает в тот же контекст, что и red, а вот img даже с трансформацией не хочет попадать в этот же контекст. Помогите, CSS-гуру.

    Asked by realovich,

    0 votes
    2 answers

  6. неправильно настроил анимацию

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

    Asked by cyklop77,

    0 votes
    4 answers

  7. Chrome и Enternet explorer

    Всем доброго времени суток! столкнулся вот с такой вот проблемой: на моем свеже-сморганенном сайте http://lvguide.lv/ получаются разные отступы блока content в chrome i IE, когда воял сие произведение пользовался только хромом, результат в котором меня полностью и с радостью устраивает, а вот в IE и MOZILA оступ от блока в низ пропадает. Не посоветуете ли где начать искать ошибку или как это вылечить ? Спасибо!

    Asked by Mirabo4,

    0 votes
    8 answers

  8. Select & Number (выравнивание по горизонтали, кроссбраузерность)

    Добрый день. Помогите, пожайлуста, советом. Хотелось бы чтобы выглядело вот так. В Firefox так и выглядит. А вот в других браузерах (Opera, Chrome) - вот так 1. Выравнивание select`а не по центру. Пробовал через padding, но тогда все "элементы выбора" select`а сдвигаются на фиксированное количество пикселей. А они имеют разную длину. И получается один по центру, а остальные со сдвигом вправо (в зависимости от длины). 2. Число в поле number отображается не четко по центру, а со сдвигом влево. Если наводишь на само поле - справа появляется стрелочки и тогда вроде по центру. Но без наведения виглядит не эстетично. Может можно эти стрелочки как-то принудительно отобр…

    Asked by motion,

    0 votes
    21 answers

  9. Минималистичная верстка, хорошо или нет?

    Всем привет, есть хедер: <header> <a class="logo" href="/">Лого</a> <a class="button" href="/">Кнопка</a> </header> Кнопка имеет float:right и красивое оформление. Вопрос вот в чем: Нормально ли это? То есть, то, что эти элементы не обрамлены в div. Ведь на месте лого могла бы быть и картинка, но и в этом случае я не вижу смысла обрамлять что то в div. Ведь можно просто дать тегу a display:block и будет тоже самое.

    Asked by logicface,

    0 votes
    2 answers

  10. Браузеры блокируют контент у элементов с классом advert

    Всем доброго времени суток! У меня проблема. Есть сверстанная страница . Но браузеры отображают ее только на половину. 80% содержимого от контента попросту не отображается, хотя в коде оно есть. Уверен в том что это происходит из-за слова "advert" в именах классов. Понятное дело что придется переделывать, но тем не менее, может кто то объяснить почему браузеры так реагируют на это слово. Расценивают это как спам или как скрытую рекламу или как что?) Версткой занимаюсь давно, но с таким столкнулся впервые. Заранее благодарен! P.S. Сначала сделал все на локалке, а потом залил на хост и такая свистопляска.

    Asked by illuminate,

    0 votes
    7 answers

  11. Сетка на bootstrap 3

    Помогите пожалуйста с вёрсткой макета на bootstrap 3. Есть макет, ширина которого в psd исходнике 1280px. В нём 12 колонок, каждая колонка по 93px и 11 gutter (промежутков) между колонками по 15px Получается = 12 x 93px + 11*15 = 1280px Как сделать такую сетку? Подскажите где почитать про это? Видимо нужно изменять стандартную сетку bootstrap...Покажите пожалуйста примеры, очень нужно

    Asked by jehkinen,

    0 votes
    1 answer

  12. Расположение изображения в HTML

    Здравствуйте, как с помощью HTML указать местоположение изображения? Пользуюсь ЖЖ, но получается какая-то фигня. Написал в их тех. поддержку, но т.к. там очень долго отвечают, решил заодно написать сюда: Как надо: http://f5.s.qip.ru/14a5VJePZ.pngКак получается при публикации: http://f6.s.qip.ru/14a5VJeQ0.png Код с изображениями: <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-right.png" style="position:absolute; LEFT:100px; WIDTH:20px; HEIGHT:20px" width="20" /> <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-left.png" style="position:absolute; RIGHT:100px; WIDTH:20px; HEIGHT:20px" width="20" /&g…

    Asked by Kony,

    0 votes
    9 answers

  13. css в <iframe>

    Здравствуйте товарищи. Ищеемся главная станица, где iframe. Туда хочу загрузить страницу с css дизайном. Отдельно эта страница классно отображается, а внури iframe все плохо. что исправить. PS код там маленький) (http://rghost.ru/56887167)

    Asked by JamesPipiskin,

    0 votes
    1 answer

  14. Пункты раскрывающегося меню не влазят в экран

    Есть горизонтальное меню в шапке сайта с раскрывающимися пунктами. В одном из пунктов длинный список и когда на странице мало контента, раскрытые пункты не влазят в экран. Я так понимаю динамически растягивать страницу по размеру меню можно только через javascript.

    Asked by Psyh,

    0 votes
    2 answers

  15. Меня бесит тег p и line-height, как их угомонить?

    Всем привет, есть проблема с margin блоков. Дело в том, что я немного perfectционист и стремлюсь к тому, что бы все зазоры между блоками были одинаковые. Ладно, я могу простить разницу в 1 пиксель, но больше чем 1 нет, это выше моих сил.=D Все в порядке тогда, когда блок заканчивается какой то таблицей или четким элементом, но все дрожит и полыхает если блок заканчивается абзацем. Ей богу, как они меня бесят эти абзацы и этот line-height. Вот пример хорошего дела: https://www.dropbox.com/s/mr0jkcx2zg90gd1/1.png А вот пример плохого дела: https://www.dropbox.com/s/3vj1vlh2unp56vt/2.png line-height мне нужен такой как есть сейчас, что бы зазор между буквами был 14…

    Asked by logicface,

    0 votes
    8 answers

  16. Анимация css

    Есть пример: http://jsfiddle.net/WqZGF/ . Возможно ли сделать плавный раскрывание и закрывание на CSS без явного указания высоты и JavaScript?

    Asked by afdw,

    0 votes
    2 answers

  17. Росположение фотографий в галерее

    Здравствуйте, форумчане. Я хочу сделать галерейку, похожую как в ВК. Вот что у меня получилось http://jsfiddle.net/G6JeH/ Но мне бы хотелось чтобы после первых двух фотографий дальше фотки шли в ряд и с каждой добавленной фотографией уменьшались, вот так: ,но как это сделать не знаю. Не хочется подключать какие то библиотеки для этого. Дайте направление в какую сторону двигаться Спасибо

    Asked by Даниил Виттманн,

    0 votes
    5 answers

  18. Не работает box-shadow в Chrome

    У меня есть форма, к полям которой применяется box-shadow. Так вот во всех браузерах, кроме Chrome, это св-во работает. Версия Chrome: 35.0.1916.153 form-1 input[type="text"] { width: 240px; height: 46px; background: #dcebff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); border: none; color: #6dabff; font-family: 'pf_din_text_comp_promedium', sans-serif; font-size: 1.176em; outline: medium none; padding-left:…

    Asked by helio,

    0 votes
    2 answers

  19. :first-child не всегда работает

    Всем привет, столкнулся с проблемой что не всегда работает :first-child для блоков, к примеру есть 3 блока в диве, ферст чилд для них не пашет а ласт чилд пашет, в чем прикол?

    Asked by logicface,

    0 votes
    15 answers

  20. Проблемы с позиционированием

    Верстаю страницу (фиксированная верстка), на которую добавил боковое меню. Чтобы оно всегда было в зоне видимости, прописал "position: fixed". Разумеется, теперь при малейшем отклонении от данного разрешения экрана, это меню съезжает в сторону относительно нужной линии. Вопрос в том как прикрепить фиксировано это меню, чтобы всегда оставалось "на глазах" и не съезжало?

    Asked by Anonim_Khb,

    0 votes
    2 answers

  21. Почему содержимое в блоке не выравнивается по вертикали?

    Как выровнять по вертикали, не изменяя HTML код? http://jsfiddle.net/ydLuC/ я придумал вот такое решение, оно нормальное? .post-date{ width:25px; height:5px; background:white; font-size:15px; font-weight:bold; border-bottom:5px solid #bdc3c7; text-align:center; padding:20px; padding-left:10px;}Какие ещё есть?

    Asked by DivMan,

    0 votes
    2 answers

  22. Рисование на чистом CSS

    Есть ли у вас на примете визуальный редактор в котором можно было бы сразу рисовать в CSS? Хочется реализовать что-то в этом духе: http://marvelapp.github.io/devices.css/

    Asked by SKSKSS2013,

    0 votes
    1 answer

  23. Быстрее ли будет загружаться сайт...

    Быстрее ли будет загружаться сайт, если где можно заменить несложными изображениями рисуемыми CSS, вместо обычного PNG?!

    Asked by SKSKSS2013,

    0 votes
    2 answers

  24. Настройка ширины Div'а

    Всем доброго времени суток. Ребят, разбираюсь с css, подскажите как сделать. Есть контейнер (с некоторой шириной), в котором ещё три контейнера, нужно чтобы 2й и 3й контейнеры имели фиксированную ширину, а 1й контейнер всё оставшееся пространство. Нужно чтобы контейнеры располагались в строку. Например: <div class="bigDivStyle"> <div class="style1"> тут какой то текст </div> <div class="style2"> второй </div> <div class="style3"> третий </div> </div> .cbigDivStyle { width: 40%; } .style1 { display: inline-block; } .cbigDivStyle { display: inline-block; width: 20px; } .cbigDivStyle { …

    Asked by den_yak93,

    0 votes
    1 answer

  25. Добавление звездочки к обязательным полям с помощью CSS3

    Здравствуйте! Столкнулась с такой проблемой. Есть форма и в ней имеются обязательные поля для заполнения с атрибутом required. Хотела сделать, чтобы если поле имеет этот атрибут, добавить после него звездочку. Но код не работает. Что я делаю не так? И как еще можно решить такую задачу без JS. input[required="required"]:after{ content:'\2217'; font-size:17px; color:red; margin-left:20px;}

    Asked by Светлана Г.,

    0 votes
    3 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept