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. кнопочки

    расскажите пожалуйста как верстать кнопочки любые блоки стараюсь верстать, учитывая переполнение контентом. в кнопках типа "search", "send", "join now" очень редко меняется текст(тем более из админки). но совесть всё таки не спокойна когда тупо вырезаю в фотошопе фон с определенными размерами и использую для контейнера кнопки как лучше поступать, для каждой кнопки всё таки учитывать переполнение или это не обязательно? может быть существуют какие-нибудь правила хорошего тона?

    Asked by cyklop77,

    0 votes
    6 answers

  2. Проблема с нижней полосой прокрутки

    Всем здрасьте. Решил сделать собственную карусель, с гейшами и нардами, в итоге родил вот такую небольшую кодовёрстку: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Фотон</title> <script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { $("div.children").each(function() { …

    Asked by sifilis,

    0 votes
    0 answers

  3. Подскажите с form:focus

    http://jsfiddle.net/6mJKD/2/ Как сделать чтобы при наведении на форму - все что вокруг находится не разъезжалось, а было статичным. Чтобы толщина рамки увеличилась на пиксель, но не двигало соседние элементы? Спасибо

    Asked by Imperil,

    0 votes
    4 answers

  4. Непонятное смещение текста

    Добрый день! Не подскажете в чем может быть проблема, плиз. Наверняка что-то простое, но что - не пойму. Есть неизменные шапка, горизонтальное меню и правый информационный блок. Меняется только целевой текст, в зависимости от того, на какой странице находишься. Он располагается от левого края экрана до правого информационного блока. Все было хорошо, но при создании нового варианта страницы основной текст странным образом смещается вниз, ниже нижнего края правого блока. Это происходит только в IE, остальные браузеры таких проблем не обнаруживают. Вроде все теги закрыты, лишнего нету. Все так же как на остальных страницах - ан сползает и все :-( http://www.anticisco.ru/inde…

    Asked by flider,

    0 votes
    3 answers

  5. Выравниевание сайта по центру

    Здравствуйте! Не могу как надо сделать выравнивание сайта по центру. Делаю так, на body задаю такие значения margin: auto; после этого сайт становится по центру. Но правый меню уходит за пределы экрана, и появляется нижняя прокрутка! Вопрос: как сделать правильную выравнивание по центру что бы правый меню поместился на экране? Сайт имеет структуру <body> <div id="main"> <div id="wrapper"> <div class="content"> <div class="header"> <div class="left"> <div class="top"> <!-- логотип --> &…

    Asked by breadfruit,

    0 votes
    2 answers

  6. Критика, исправление ошибок и поиск решения проблем

    Доброго времени суток, уважаемые профи и эксперты! Я только начинаю свои шаги в верстке и прошу мне помочь решить некоторые проблемы. Верстаю макет первого левла вот отсюда - http://divhack.com/ Из-за недостатка знаний столкнулась со следующими проблемами: 1. Не могу спозиционировать ссылки меню. По макету расстояние между ними 70px, абсолютный отступ от края 72px, от края блока 40px. 2. Логотип сайта "International" хочется сделать кликабельным (на сайте, с которого взят макет, предлагается как решение делать логотип в виде картинки, но мне это категорически не хочется), но я не знаю как правильно это оформить в CSS, если делать через <a href="#" class="international'…

    Asked by CraDy,

    0 votes
    3 answers

  7. Про ширину фона

    Допустим у нас есть неоднородный фон на ширину 1920 пикселей - по сути на максимальное разрешение - я вставляю его по центру как задний фон. Но ведь есть же мониторы с большим разрешением? Как будет сайт с таким фоном выглядеть на них? Будут некрасивые обрезки по бокам. Что делать, как быть?

    Asked by Zverushka,

    0 votes
    8 answers

  8. Отступ вниз от модального окна

    Здравствуйте! Делаю модальное окно, взял отсюда код http://jsfiddle.net/ChpCK/1/. Когда нажимаете на кнопку "Button" появляется модальное окно, прокрутите в самый низ и увидите что внизу нет никакого отступа. Не как не получается сделать его Помогите!

    Asked by ask0Ld,

    0 votes
    2 answers

  9. Градиент в прозрачность

    Подскажите, вот нужно сделать рамку Вот вокруг блока какбы вдавленная рамка, которая исчезает. Помогите сделать такое. Пробовал border:5px solid rgba(048,048,048,0.5); box-shadow: 1px 1px 3px -1px #ffffff inset, -1px -1px 3px -1px #ffffff inset, -2px -2px 0px -1px #000000, 2px 2px 0px -1px #000000, 3px 3px 4px -1px #000000; Но получилось не совсем то что нужно, а с фильтрами я не знаком =( Как сделать чтобы было точно как здесь:

    Asked by McLotos,

    0 votes
    3 answers

  10. Проблема с CSS

    Как сузить фон у анонсов. Здесь все в порядке - http://mordovia-sutochno.ru/poisk2 Здесь - нет нижней тени у ячейки - http://mordovia-sutochno.ru/article/kinoteatri Она обрезается. Тень должна быть сверху и снизу.

    Asked by slaip,

    0 votes
    4 answers

  11. Проблема с jsfiddle.net

    Подскажите, почему скрипт прекрасно работает на http://jsfiddle.net/7LYqk/ но при переносе к себе в рабочий документ всё ломается? То есть скрипт не работает. Перепробовала уже все варианты проблема внезапно решилась. если у кого будут такие же проблемы - переместите скрипт из хэда в низ боди

    Asked by Violetta,

    0 votes
    3 answers

  12. тег @import

    Добрый вечер, задача стоит подключить responsiv.css через файл screen.css файл. Прописываю в самом верху следующее @import url("media.css"); - не работает. @import "media.css" all; - не работает. @import url('/media.css'); - не работает. В чем моя ошибка? Как сделать чтоб работало? Спасибо.

    Asked by mrfrunze,

    0 votes
    2 answers

  13. Перемещение ровно на 20 пикселей правее

    Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 1…

    Asked by xTODx,

    0 votes
    1 answer

  14. Text-align-last

    Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)

    Asked by Нарек,

    0 votes
    1 answer

  15. Приоритеты классов

    Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 1 объекту? Если чуть по конкретней, то .style1 { border-radius: 3px; display: inline-block; width: 180px;}.style2 { width: 200px;}<input type="submit" name="submit" class="style1 style2" value="Сохранить" > Я не понимаю, почему инпут все равно остаются с шириной в 180 пикселей ...

    Asked by IamПробник,

    0 votes
    2 answers

  16. Помощь верстки новостного сайта

    Здраствуйте, Нужна помощь в верстке новостного сайта, есть вопросы на которые нужны ответы С Уважением Сергей

    Asked by Mastos,

    0 votes
    0 answers

  17. Работа с кукис

    Доброе время суток! Мне необходимо, что бы пользователь мог изменять элементы веб-страницы и менять цветовые схемы. Результат планируется сохранять в кукисах Можно ли это сделать не используя РНР?

    Asked by Pavlov___,

    0 votes
    1 answer

  18. Помогите с растяжкой на странице

    Вот здесь то чего удалось уже добиться Футер прижат книзу, но внутренний блок с текстом заканчивается там же где и текст (это видно по border'ам серым, которые обрываются вслед за текстом). Если div'у (content_inside), в который заключен текст, поставить min-height 100%, то футер уходит за страницу и появляется прокрутка. Теперь два вопроса: 1. Как подправить, чтобы бордеры div'a(content_inside) прилегали к футеру? 2. Будет ли тогда возможным разместить контент в правом нижнем углу, прижатым к футеру (нижняя часть колонки где флэш с погодой - div.content_inside_sidebar) ? Вот пример разметки: <div id="total"> <div id="content_inside"> <div id…

    Asked by cul8er,

    0 votes
    0 answers

  19. Блок с округлением

    Подскажите как исправить? http://itmages.ru/image/view/254670/6d6b446d #content { height:400px; margin: 30px 50px 20px 60%; padding: 5px; border: none; } .conten { background: transparent;margin-top:340px;line-height:60px ; } .conten h1, .curved p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#B0BCC2; border-left:1px solid #B0BCC2; border-right:1px solid #B0BCC2; margin:0 5px; font-size:1px; } .conten .b2 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#EBEEF0; border-left:1px solid #B0BCC2; border-right:1px solid #B0BC…

    Asked by Rambo2045,

    0 votes
    1 answer

  20. Не работает кнопка в Firefox&Chrome

    Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...

    Asked by param,

    0 votes
    2 answers

  21. z-index

    помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно

    Asked by cyklop77,

    0 votes
    3 answers

  22. проблемы с блоками

    Добрый вечер знатоки css и HTML, у меня появилась проблемма, вернее она была но вот никак немогу ее решить, прошу помощи ! вобщем есть сайт вордпресс движок, есть неплохой шаблон, который я немного переделал, но вот незадача мой sidebar нижная его часть, уходит влево, при условии что основного контента мало , тоесть некоторые блоки уходят под контент и правый sidebar не растягивается по вертикали вот прилагаю ссылку http://osadovod.ru/tag/malina А вот если контента много http://osadovod.ru/bolezni-i-vrediteli-rastenij-chast-pervaya-bolezni.html код темы замудренный, вот див который отвечает за бар #sidebar{float:left;width:322px;} Голову уже сломал как сделать так чт…

    Asked by redfox1986,

    0 votes
    6 answers

  23. Как реализовать такой фон?

    Есть такой макет: центральная часть фиксирована по ширине (желтый фон у хидера и футера, зеленый - у блока с контентом). Нужно сделать, чтобы фон желтого и зеленого цвета растягивался на всю доступную ширину. Единственное, что я придумал - применить, допустим, для html фон желтого цвета, а для body - зеленого, сместив по вертикали на величину, равную высоте хидера, предварительно подготовив фон, равный по высоте блоку с контентом. Но ведь высота блока с контентом может меняться (например, при увеличении шрифта). Так как все таки это реализовать? Думаю не у меня первого возник подобный вопрос, однако поиск ничего не дал

    Asked by sfc,

    0 votes
    1 answer

  24. Аналогия ФШ-ким sharp/crisp/strong/smooth есть в CSS?

    Добрый день. Аналогия ФШ-cким настройкам текста sharp/crisp/strong/smooth есть в CSS? Благодарю

    Asked by borus,

    0 votes
    1 answer

  25. Помогите реализовать

    Есть такой код формы контактов : http://jsfiddle.net/2ZEzW/ И есть такой код кнопки: http://jsfiddle.net/2ZEzW/1/ Как сделать, чтобы при нажатии кнопки "ЗАКАЗАТЬ" появлялась форма контактов. За ранее благодарен.

    Asked by pashkje,

    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