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. Частный случай вертикального выравнивания.

    Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура: <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dro…

    Asked by prowoke,

    0 votes
    8 answers

  2. сделать ровный градиент

    Добрый день. Помогите сделать ровный градиент,как на картинке. пробую так, но нет плавности перехода: max-height: 150px; background: #dedede; background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #fff), color-stop(40%, #dedede), color-stop(70%, #fff)) !important; background: linear-gradient(to top, #fff 20%, #dedede 40%, #fff 70%) !important;

    Asked by uppercase_css,

    0 votes
    0 answers

  3. Форма под формой баттон, при нажатии на баттон такая же форма.

    Здравствуйте! Я новичёк в создании сайтов. Обучаюсь по дискам Евгения Попова. Создаю сайт в Adobe Dreamweaver CS4. Прошу прощения если тему поместил немножко не в тот раздел. Вопрос такой. К зачёту в универе создаётся простейшая модель регистрационной формы спортсмена на соревнования. Имеется БД с тремя связанными таблицами спортсмен тренер спортсменТренер. На странице форма Спортсмен firstname: lastname: Тренер firstname: lastname: Button add trainer при нажатии на этот баттон появляется ещё одна колонка тренер а баттон сдвигается ниже неё(типа у спортсмена может быть 2 тренера и больше) КАК это можно реализовать??? Button register при нажатии на этот …

    Asked by j1gs4w88,

    0 votes
    10 answers

  4. div's+таблицы

    слои сдвигаются из-за таблиц : <code> </head> <body> <div id="body"> <div id="header" ></div> <div id="menu"> использована таблица с рисунками </div> <div id="info">INFO </div> использована таблица с рисунками <div id="footer"> </div> </div> </body> </html> html,body{ margin:0; padding:0; background:url(bg-menu.gif); background-repeat:repeat-y } #header{ height:253px; min-width:768px; background:#FFEF97; background:url(images/pic_01.jpg); } #menu{ width:352px; float:left; background:url(images/pic_02.jpg);background-repeat:repeat-y } #info{ …

    Asked by koshka,

    0 votes
    4 answers

  5. Ребята, подскажите пожалуйста.

    Здравствуйте уважаемые Люди. Подскажите, как сделать так что бы сайт не показывался абсолютно во всех версиях браузера IE? Что-бы вообще во всех IE он не показывался а выводился специальный текст. Как это возможно осуществить?

    Asked by ААА,

    0 votes
    13 answers

  6. Подключения шрифта

    Привет всем! У меня наметилась такая проблема: делаю шаблон на html5, но не могу подключить шрифт. Вроде бы все делаю правильно, прописываю нужный код в css-файле, но все-равно ничего не выходит. Может, кто-нибудь скажет — почему так?

    Asked by sayapinant,

    0 votes
    8 answers

  7. Закрывать ли тег img?

    почему одни делают так <img> а другие так <img/>?

    Asked by DivMan,

    0 votes
    2 answers

  8. Позиционирование

    Есть примерно такой html: <div class="container"> <div id="bloсk1">Высота контента может быть любой</div> <div id="bloсk2">Высота контента может быть любой</div> <div id="bloсk3"></div> </div> Возможно ли block3 поместить между block1 и block2, не изменяя html?

    Asked by ssrn,

    0 votes
    4 answers

  9. растягивание цвета фона на всю ширину экрана

    Доброго времени суток! Извините за беспокойство! У меня такой вопрос http://legenda-dom.ru/ вот в таком сайте, как сделать так, чтобы цвет фона самой верхней полоски (голубой) был растянут на всю ширину экрана, независимо от его размеров, при центрировании остального контента посередине? Заранее благодарю!

    Asked by КрисИрис,

    0 votes
    1 answer

  10. Помогите с html/css кодом!

    Не могу расположить второй ряд картинок все div идут в одну строчку. Пробовал и команду clear (both, left) всем блокам прописан float:left.(Всё в конце кода). Заранее спасибо за помощь.На всякий случай прикреплю ещё картинки. index.html style.css

    Asked by Balalayka,

    0 votes
    2 answers

  11. Кроссбраузерность (Three pixels text jog)

    Сайт проходит валидацию, а вот дрим ругается на кроссбраузерность Three pixels text jog. Ошибку выдает на абсолютное позиционирование дива: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } как исправить? спасибо

    Asked by termoplus,

    0 votes
    13 answers

  12. Как прописать в ксс input только типа "text"?

    Сабж. Имеется невозможность прописать класс в текстовой строке. Да и мне это не нужно - ибо одни парметры на все инпуты текстового вида. Как это сделать? Всякого рода эксперименты к резутьтату не привели.

    Asked by 7ion,

    0 votes
    5 answers

  13. Форматирование текста

    В первый раз столкнулся с проблемой форматирования. Страничка на xhtml. Подскажите как быть с переносом на новую строку? Как вариант слоями выложить весь текст, но не красиво как то.

    Asked by Ururu,

    0 votes
    7 answers

  14. Проблемное меню

    В вёрстке как бы не новичок, но возникла заминка с меню. Реально ли сделать в точности как на изображении? Начал делать, само собой разумеется, списком. Но пока получается не айс...( Спасибо.

    Asked by Seemann,

    0 votes
    2 answers

  15. пересекающийся фон сверху и снизу

    Народ, бьюсь над простой, казалось бы задачей, но не могу справиться никак. Есть сайт из трёх дивов - шапка, тело, низ. Пока дивы, потом может быть таблицу сделаю. Не суть важно. <body> <div class="bgtop"></div> <div id="header">header</div> <div id="body"> body </div> <div id="footer">footer</div> <div class="bgbottom"></div> </body> Нужно в разметку добавить фоновую картинку сверху и фоновую картинку снизу. Верхняя начинается с начала экрана, нижняя лежит на футере (id="footer") Причём нижняя может налезать сверху на верхнюю (там футер png с прозрачностью) Собственно …

    Asked by Enkee,

    0 votes
    2 answers

  16. font awesome

    Здравствуйте. Делаю вертикальное меню. Добавляю иконки с помощью font awesome. Проблема в том, что ширина иконок варьируется. Из-за этого текст пунктов меню скачет. Как можно задать расстояние между иконкой и текстом меню?

    Asked by psevdo,

    0 votes
    5 answers

  17. Какую литературу посоветуете для полного изучения CSS3?

    Добрый день уважаемые форумчане(может быть вечер, а то и утро)! Накопал на ОЗОНЕ следующую литературу: 1. Брайан Хоган. "HTML5 и CSS3. Веб-разработка по стандартам нового поколения" 2. Рейчел Эндрю. "CSS. 100 и 1 совет" 3. Дэвид Сойер Макфарланд. "Большая книга CSS3" 4. Зои Джилленуотер. "Сила CSS3. Освой новейший стандарт веб-разработок!" 5. Владимир Дронов. "PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов" Какой из них посоветуете, или какой-нибудь свой учебник? Но надо чтобы CSS прям с нуля был до профессионального уровня...

    Asked by edvard200018,

    0 votes
    2 answers

  18. Аналог min-width в IE

    Народ, нужна помощь. Сделал на дивах такую конструкцию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <style> <!-- #d_left { background:#666666; height:56px; width:40%; float:left; } #d_right { background:#CCCCCC; height:56px; width:40%; float:left; } #d_center { background:#999999; height:56px; text-align:center; color:#000000; width:20% !important; /* Для всех остальных браузеров */ width:19%; /* Для браузер…

    Asked by Андрюха,

    0 votes
    1 answer

  19. Динамический размер div

    Есть div. Нужно сделать так, чтобы движениями курсора можно было растягивать его. Как любое окно в Windows, например.

    Asked by Avreol,

    0 votes
    4 answers

  20. font size в заголовках

    применяю относительный размер шрифта в стиле заголовка, а получаются очень маленькие буквы даже если добавить +7 к тому же нет ясности, к какому числу прибавляются условные единицы в заголовках h1-h...

    Asked by Rilo,

    0 votes
    3 answers

  21. Не работают псевдоклассы

    Здравствуйте, наверно эта тема не раз обсуждалась, но уже час не могу найти решения. a:link, a:hover, a:visited и a:active некоректно работают. A.ctrpan:link{ font-size:13px; font-family: sans-serif; color: #C8C8C8; } A.ctrpan:hover{ font-size: 14px; color: #F0F0F0; } A.ctrpan:active{ font-size: 11px; color: #AFAFAF; } A.ctrpan:visited{ font-size:13px; color: #C8C8C8; } Сначала все работает, но после посещения ссылки hover не работает, а ссылка имеет вид active, т.е. выглядит как при нажатии. Браузеры FF3.5.1, IE8 Почему так Можно ли это решить без js?

    Asked by Azz[z],

    0 votes
    3 answers

  22. Вопросы по резиновому дизайну.

    Народ, просьба только камнями в меня за ньюбство не бросать Вопросы в следующем: 1. При задании для дива в ксс-е свойства width:100% и height:100% ширина в 100% работает хорошо, а вот с высотой проблемы. Тоесть сей див не растягивается на всю высоту экрана браузера. Это как-то можно вылечить или нет? 2. В заголовке есть 2 картинки, одна слева, вторая справа. реализовано это так: <div id="header"> <div id="left"> <img src="img/Header3.jpg" width="400" height="110" align="left" /> </div> <div id="right"> <img src="img/header2.jpg" width="138" height="110" align="right" /> </div> </div> CSS к ним: #header{ width:100…

    Asked by Raiden-=DM=-,

    0 votes
    9 answers

  23. Левая фиксированная колонка наезжает на резиновый центр

    Не получается сделать резиновый шаблон, на примере - http://www.medtechnika.com.ua/ Когда все колонки резиновые, при увеличении, левая и правая растягиваются сужаясь. Когда устанавливаю левую колонку фиксировано, тогда при увеличении, левая колонка наезжает на центр. В шаблоне, который выше указан, используется CSS expression. Однако когда я отключил в браузере javaScript, шаблон растягивался точно также, как и с javaScript. Может, кто-то подскажет как такое сделать или где почитать? /* Центр */ div#wrapper { float: left; width: 100%; } div#content { margin: 0 20%; /* отступ центра от боковых колонок */ } /* /Центр */ /* Левая колонка */ div#left …

    Asked by Olekh,

    0 votes
    4 answers

  24. Проблема с css

    Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?

    Asked by mitya1998,

    0 votes
    3 answers

  25. float: left не работает в IE7

    привет, нужна ваша помощь. ситуация банальная ... но я не могу ее решить .. вот код... <div id="test"> <div id="t1"></div> <div id="t2"></div></div>#test { width: 120px; height: 300px; background-color: red; position: relative;}#t1 { width: 50px; height: 50px; background-color: black; float: left;}#t2 { width: 150px; height: 50px; background-color: pink;}одним словом - как заставить IE7 - выполнить условие float:left - когда родительский блок меньше чем дочерний ... всех других браузерах все работает как надо .. а вот здесь как всегда

    Asked by zerofx,

    0 votes
    5 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