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. Разное отображение в Firefox и IE. Как лечить?

    Добрый день. Есть таблица. Одна ячейка отведена под новостной блок. Новости формирую через блоки <div>. 4 блока формируются правильно и стоят на своих местах, а вот с самой последней надписью "Читать все новости..." проблема. В Firefox отображается нормально, а в IE прилепает вверх. Если делаю в стиле отступ сверху, выравнивается в IE, но ползет таблица в Firefox. Подскажите, почему такая разница в интерпретиция тегов и как это можно исправить? Вот кусок из CSS p.news_data { font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; font-size:10px; color:#000; margin: 10px 10px 0 10px; } p.news_zagolovok { font-family:Verdana, Geneva, sans-se…

    Asked by amv,

    0 votes
    21 answers

  2. position: absolute перекрытие

    Есть для примера 2 блока. <div style="background: green; height: 71px; width: 800px; position: absolute; top: 0; left: 0; z-index: 2;"></div> <div style="color:red; z-index: 999;">bla bla bla</div> По какой-то необьяснимой причине первый блок перекрывает второй закрывая текст, игнорируя z-index. Помогите пожалуйста, что здесь происходит и как с эти бороться? Изначальная идею состояла в том, чтобы поместить несколько бэкграундных изображения под текст.

    Asked by graf,

    0 votes
    6 answers

  3. Background из нескольких картинок

    Как сделать так, чтобы в качестве бэкграунда страницы был рисунок, который состоит из нескольких кусков? (Раньше сайт был сделан табличной версткой и в каждой ячейке лежал "свой" кусок файла) Надо сделать следующее: top_left.gif(не растягивается); center_gif (растягивается по ширине); top_right(не растягивается) middle_left.gif(растягивается по высоте); center_gif(растягивается в обе стороны); middle_right.gif(растягивается по высоте); bottom_leftне растягивается); center_gif (растягивается по ширине); bottom_right(не растягивается) Хочется сделать так, чтобы это был бэкграунд на весь экран, а сверху накладывались дивы с содержанием. Можно ли с пом. CSS описать такое?

    Asked by Юзер,

    0 votes
    7 answers

  4. TEXTAREA и INPUT

    Хочу оздать на своем ACER Acpire one простой редактор TEXTAREA. Над экраном в TABLE хочу разместить кнопки с буквами, с диакритиками, но вот на TEXTARE знаки не появляются. Даю вам код редактора вы же посудите в чем моя ошибка; <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8"> <TITLE>Ecran.htm</TITLE> <STYLE TIPE='text/css'> <!-- .but01 { font-size: 14; font-weight: bold; background: #4169E1; color: black; border-color: white; height: 20; } .but02 { font-size: 14; font-weight: bold; background: #c0c0c0; color: black; border-color: white; height: 20; } .but03 { font-size: 14;…

    Asked by mac-condor,

    0 votes
    3 answers

  5. Таблица со значениями и графиком

    Хочу сделать табличку с числами, и в _этих_ же ячейках фоном цветная полоска, длина которой пропорциональна числу в ячейке. И никак не могу придумать правильные стили, чтобы число располагалось _на_ фоне, а не слева/справа/снизу/сверху. Подскажите, пожалуйста, как это реализовать.

    Asked by IVB,

    0 votes
    11 answers

  6. Тупой вопрос

    Подскажите пожайлуста как мне реализовать такую задумку: Есть 2 блока, один блок навигационный, а другой блок содержит в себе контент. Я хочу сделать так, чтобы если блок контента выше чем блок навигации, то блок навигации всё равно был равным по высоте блоку контента, т.е не обрывался где-то на серидине страницы, а продолжался в низ до футера. При помощи таблиц это реализуется просто, а вот как сделать при помощи блоков не понимаю :)

    Asked by Игорь Ермаков,

    0 votes
    11 answers

  7. Подсветка area

    Есть карта. Есть на ней объекты. Хотелось бы при наведении как-то это хозяйство «подсветить»: рамкой там или просто залить цветом. Ни border ни background не работают. Кто-то знает как это наиболее православно сделать?

    Asked by Veseloff,

    0 votes
    5 answers

  8. Авто ограничение ширины div

    Правая колонка используется для навигации, е? ширина зада?тся width: 350px; /*Width of right column in pixels*/ margin-left: -350px; /*Set left margin to -(RightColumnWidth) */ Левая колонка, основная (c контентом), зада?тся кодом: #contentwrapper { float: left; width: 100%; } #contentcolumn { margin-right: 350px; /*Set right margin to RightColumnWidth*/ } При вставке таблицы в основную колонку (левую) блок растягивается в полный размер экрана, что правой колонки вообще не видно. Поэтому есть кросс браузерный код для ограничения ширины блока: max-width: 650px; width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth); Как сделать, чтобы максимальная ши…

    Asked by leogee,

    0 votes
    8 answers

  9. Кроссбраузерность mask и clip-path

    Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка

    Asked by Schamil74,

    0 votes
    3 answers

  10. 100% по высоте в блочной верстке

    Доброго дня! Есть раскладка на флоатах <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <link href="index-block.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="leftcol">MENU </div> <div id="rightcol"> <div id="head"> HEAD </div> <div id="content"> CONTENT </div> </div> <div id="footer">FOOTER</di…

    Asked by Darkside,

    0 votes
    7 answers

  11. Почти меню, при наведении на блок, показывает другой блок

    Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!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"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …

    Asked by iillyyaa2,

    0 votes
    21 answers

  12. Затемнение картинки divом

    Здравствуйте! Имеется код типа: html <img src=""><div class="div_class"><a>Текст</a></div>css .div_class {display: table;}.div_class a {display: table-cell;text-align:center;vertical-align: middle;background-color: #2b2b2b;opacity: 0.75;color: #ffffff;}.div_class a:hover {background-color: #2b2b2b;opacity: 0.15;cursor: pointer;}Блок позиционирован абсолютно и находится поверх картинки, затемняя её по умолчанию. При наведении курсора затемнение снимается. Суть в том, что текст, как по умолчанию, так и при наведении имеет прозрачность. Есть какой-то способ оставить текст без прозрачности, исчезать (opacity: 0.15;) должен только фон, а текст ост…

    Asked by Torawhite,

    0 votes
    2 answers

  13. Bootstrap: проблема с фиксацией блока ( affix)

    Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…

    Asked by Devvega,

    0 votes
    2 answers

  14. Тень блока без background: url

    Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>

    Asked by mamay,

    0 votes
    15 answers

  15. Неправильное отображение в Google Chrome

    Добрый день! Не мог бы кто-нибудь подсказать в чем дело - сайдбар сайта отображается вполне нормально во всех браузерах, за исключением Google Chrome (да и то - на каких-то мониторах нормально, на каких-то нет) Проблема появилась буквально пару дней назад, до этого все было ок. Изменения в шаблоне сайдбара были минимальными. Сайт - uptracker точка ru Помогите пожалуйста! Заранее спасибо)

    Asked by SWG,

    0 votes
    8 answers

  16. Радиус скругления в Photoshop

    Подскажите, как в Photoshop на макете узнать радиус скругления какого-либо бокса? Сейчас делаю это так, что тупо масштабирую макет и считаю пиксели, которые входят в закругление бокса.

    Asked by aaron,

    0 votes
    2 answers

  17. Подключение css файла

    Всем привет. есть некий шаблон страницы, разбитый на части и собираемый в последствии (include) я хотел подключить меню находящееся в отдельном файле с помощью линка.. - НЕ ПОЛУЧАЕТСЯ. далее добавляю в head местную конструкцию - содержимое файла ............... содержимое css файла (меню) ТОЖЕ НЕ РАБОТАЕТ! то есть формируемая стр НЕ УЧИТЫВАЕТ ПОДКЛЮЧАЕМЫЙ ЛИНК... ———————————————————————— ЧТО ЕЩЕ ИНТЕРЕСНО.. ФОРМИРУЕШЬ ЦЕЛИКОМ СТР. ПРОПИСЫВАЕШ В ШАПКУ КОД МЕНЮ CSS - И ВСЕ РАБОТАЕТ, А ДИНАМИЧЕСКИ НЕ ФОРМИРУЕТ.. знающии или сталкивающиеся с этим - подскажите что может быть не так?!! Спасибо.

    Asked by denand,

    0 votes
    15 answers

  18. Расстояние между ячейками таблицы

    Подскажите, люди добрые, можно ли имея несколько ячеек в таблице задать разное расстояние между ними? cellspacing устанавливает одинаковое, а если нужно разное? Спасибо

    Asked by Den,

    0 votes
    7 answers

  19. Проблема с заменой курсора в Firefox

    Всем привет :-) У меня в стилях прописана смена курсора при наведении: td.submenu { cursor: hand; } И на самой странице: <table> <tr><td height=25> <tr><td class=submenu>submenu1 <tr><td height=25> </table> Проблема состоит в том, что Mozilla Firefox не меняет в этом месте курсор. А мне очень нужно чтоб он сменился (тем более, говорят firefox популярнее стал :/). Есть варианты как поступить?

    Asked by _EAX_,

    0 votes
    10 answers

  20. обращение в CSS к первой строке в таблице

    вопрос такой есть таблица с идентификатором, могу ли я как-то не редактирую HTML а только CSS файл который подключен к этой странице применить стиль к первой строче этой таблици, а было бы здорово если к любой определенной другой, но НИКАК НЕ КО ВСЕМ!, подчеркиваю только к одной. <TABLE id="n1"> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> </TABLE>

    Asked by bezdna,

    0 votes
    4 answers

  21. Gif анимация и курсор

    Всем привет! Ситуация такая. Есть код (из урока), благодаря которому при наведении мышью на картинку, она появляется сбоку увеличенная и при этом анимированная на пару секунд. Если курсор убрать с картинки, то анимацмия вынужденно преращается, так как gif, собственно, исчезает =) Может ли кто нибудь помочь подправить код, чтобы после отвода мышы гифка проигрывалась до конца, а уж потом изчезала? Заранее благодарю! <STYLE type=text/css> .bar A { DISPLAY: inline } .bar A SPAN { DISPLAY: none } .bar A:hover SPAN { DISPLAY: inline; right: 30px; POSITION: absolute } .bar A:hover { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f90…

    Asked by Jex,

    0 votes
    2 answers

  22. Notepad ++ и "ЖИВОЙ ПРОСМОТР"

    Для начала думаю лучше бы добавить официальное видео(правда другой программы!): http://youtu.be/rvo3Mv1Z4qU?t=2m47s А вот и сам вопрос-МОЖНО ЛИ ОРГАНИЗОВАТЬ ТАКОЙ ЖЕ "ЖИВОЙ ПРОСМОТР" И В NOTEPADе?! Если знаете аналоги Brackets,напишите пожалуйста(нужна программа с просмотром изменений в реальном времени!).

    Asked by SKSKSS2013,

    0 votes
    5 answers

  23. Портфолио на Github

    Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…

    Asked by CdSy,

    0 votes
    0 answers

  24. Блоки новостей. Как семантичнее верстать?

    Ориентируюсь в верстке примерно на первую десятку фрилансеров-верстальщиков. Блоки новостей верстают по-разному - кто <dt> кто <ul> кто <em> <p> и пр. И все-таки кто-как считает - как семантичнее верстать?

    Asked by novicheG,

    0 votes
    22 answers

  25. Программа для проверки CSS на избыточность

    Вот собственно кто видал такое чудо, т.е. есть файл стилей и красивый сайт, задача, нужно из файла стилей удалить лишний код, неиспользуемые селекторы и т.д. ?

    Asked by Emm,

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