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
-
Personal HollyWar
Вот задумался тут о том, как лучше семантично представить единственное определение. В голову приходит два варианта — списком определений из одного элемента (что, на мой взгляд, противоречит семантике списка), или использованием элемента DFN, у которого, впрочем, на мой взгляд семантика близка, но не в точности соответствует задаче — как мне кажется, он должен использоваться для обозначения определяющего фрагмента текста. Задачи такой сейчас передо мной не стоит, но интересно было бы узнать ваше мнение, как бы вы поступили в этом случае. В общем-то, вопрос чисто теоретический из разряда религиозных. :-)
0 votes4 answers -
Как сделать отступ текста от верха ячейки
Буду преблагодарен за ответ на этот простенький вопрос Как сделать отступ текста в данной ячейке таблицы наиболее естесственным образом (без пустых строк/абзацев или встраивания таблицы в ячейку)? Отступ от верхнего края ячейки
0 votes4 answers -
Моя первая страница на слоях
Всё время верстал на таблицах. Но решил попробовать новый сайт слепить на слоях. Задача: - Сайт тянется и в ширину и высоту - Шапка и подвал заданной высоты - Основная часть из двух колонок - Левая колонка заданной ширины, правая по ширине тянется - Если в одной из средних частей содержимое не влазит, то в ней должна появляться прокрутка Я понимаю, что для тех, кто привык верстать слоями это, наверное, просто. Но ожидал, что если получится, то будет какое-то извращение, которое если и будет работать, то мне его работу будет не понять. Однако получилось довольно просто. Однако хотелось бы чтобы знатоки глянули на мое творение на предмет возможных косяков или возможных по…
0 votes4 answers -
Рамка с закругленными краями ( для таблицы)
Задача! Надо сверстать такое http://fota.mota.ru/albums/7b677767b8ffbf2...24/image/0.html я сделала так <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS&DIV...Флора & Фауна ...Домашняя страница...</title> <link href="Style21.css" rel="stylesheet" type="text/css" /> </head> <body class="m2" > <div id='container'> <table cellspacing="0" > <tr> <td width="8%" > <div id="td13"> <div id='img_t_right'> </div> </div></td> <td > <div id="td20"> <div id="l"> <div id="r"> <d…
0 votes4 answers -
Флеш банер в новом окне, Как зделать?
Доброго времени суток. Столкнулся со следующей проблемой. Есть готовый флеш банер, который когда вешаешь на страницу при нажатии открывается в этом же окне. Как его заставить открываться в новом окне. Исходных кодов банера у меня нету. Кто знает, помогите пожалуйста. Заранее спасибо за помощь
0 votes4 answers -
Распознавание CSS в FireFox.
Приветствую и прошу помощи . Возникла интересная ситуация: IE6 и Opera отображают страницу более-менее нормально, тогда как FF3.0.3 отказывается воспринимать CSS вообще. Кроме того, это происходит только на страницах с картинками (остальные страницы отображаются всеми браузерами адекватно). Так же ведёт себя и NVU. По-моему, проблема не в коде, хотя, если он может потребоваться, то - вот он (в донельзя упрощённом варианте): CSS: * {font-family: Times, Arial, sans-serif;} #BODY, #COMM { text-align: justify; margin-left: 10%; margin-right: 10%;} HTML: <html> <head> <link rel="stylesheet" href="../../css/Text.css" type="text/css"> </head…
0 votes4 answers -
Кодировка
здравствуйте. хотел спросить почему так вот есть пример http://www.mining-enc.ru/ если смотреть через ие с кодировкой все ок в фф кодировка гонит.. заранее спасибо.
0 votes4 answers -
контент исчезает, выходя за рамки блока в IE6
<!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=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> .img_30 {float:left; width:34px; height:34px; border-top:0 none; border-bottom:0 none; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .img_30 img {margin:-1px 0 0 0; _margin:-1px 0 -5px 0!important; padding:2px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} </style> </head> <body&g…
0 votes4 answers -
проблемы вложенности слоев
Привет. все браузеры вроде отображают правильно, но Opera не хочет растягивать фон заднего слоя полностью, лишь частично. для наглядности вот страница http://rhcp.info/test/ Заднему фону синим цветом соответвует слой <div id="content">: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>xxx </title> <link rel="stylesheet" type="text/css" href="menu.css"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> <…
0 votes4 answers -
Задать стиль каждому второму элементу
Как задать стиль для каждого воторого элемента, к примеру: <html> <head> <title>Hello world</title> <style type="text/css">tr.eachSecond {background-color:#eef;}</style> </head> <body> <table> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> </table> </body> </h…
0 votes4 answers -
НЕВЕРНОЕ ОТОБРАЖЕНИЕ В IE
Народ, может кто сталкивался с дурной спецификой отображения совершенно тривиального html-css кода в IE. Что характерно для Opera, Netscape проблем нет, а вот для IE - аж раздражает. Есть кусок простейшего кода, где при увеличении ширины браузера - увеличивается картинка в зависимости от пропорции, которые прописаны в процентном соотношении: <table style="width: 95%" border=1 cellspacing=1 cellpadding=3 class="#" align="center"> <tr style="width: 100%"> <td style="width: 50%"><img src="1.JPG" style="width: 100%" /></td> <td style="width: 50%"><img src="2.JPG" style="width: 100%" /></td> </tr> </table> Т…
0 votes4 answers -
Нужно резать строку без пробелов
Проблема следующая: выводится одна очень длинная строка без пробелов и символов перевода строки. Она выходит за край блока, в котором лежит. Нужно как то блоку этому показать, что строка должна переноситься. FF3 это сам делает, IE понимает word-wrap: break-word; а для FF2 ничего найти не смог.
0 votes4 answers -
Два вопроса.
Добрый вечер. У меня два вопроса: 1) у меня есть див, в котором надо элементы расположить по горизонтали. вот код <div> <a href=''>1</a> <a href=''>2</a> <a href=''>3</a> <form action='1' method='post'> <input type='submit value='1'> </form> </div> У меня элементы располагаются так: 1 2 3 субмит, а мне надо 1 2 3 субмит. Как сделать? 2) мне надо переименовать файл по запросу, приведите рабочий пример функции которая переименовывает файлы. Заранее спасибо.
0 votes4 answers -
И опять прозрачность
Нужно сделать что бы выводился блок в который будет вписан текст. Сам блок должен быть полупрозрачный 0.5, а текст нормальный. Важное условие то, что размеры блока всегда разные и зависят от количества текста. ткните в пример ********** *текст 121* **********
0 votes4 answers -
пытаюсь создать кнопку — не работает :hover
Пытаюсь создать с помощью CSS кнопку, которая меняется при наведении курсора. Попробовал использовать :hover, но он почему-то не срабатывает. Код здесь. И еще вопрос: чтобы кнопка работала (то есть была ссылкой), я помещаю <div> внутри тега <a>. Работает нормально, но это вроде «неправильно». Как тогда поступать, ведь если <a> поместить внутрь <div>, он не будет ссылкой. В голову приходит только onclick+ cursor:hand... Вообще, отвлекаясь от моего примера, как можно превратить div в гиперссылку?
0 votes4 answers -
отступ после абзаца
Здравствуйте подскажите как убрать отступ меж абзацев (<p></p><p></p>), нужна просто красная строка (text-ident), с <span> не работает т.е. как в бумажной книжке
0 votes4 answers -
При изменении длины слова, вся задумка портится...css :hover
В общем задумал я такую менюшку, чтобы при наведении на ссылку, стрелочки по бокам этой ссылки смыкались... http://img522.imageshack.us/my.php?image=menuwx5.jpg http://img141.imageshack.us/my.php?image=menuhoverqr5.jpg Но как видно из второй картинки, при изменении длины слова, эти стрелочки ливо заезжают на слово, либо куда то убегают... так вот хотелось бы узнать, можно ли как то с помощью css и html сделать, чтобы при изменении длины слова эти стрелочки были всегда на одном и том же расстоянии от слова? css: <style type="text/css"> html, body {margin:0px; padding:0px; background-color:#dbfafb;} #head {background-image:url("img/head.jpg"); width:710px; height:102…
0 votes4 answers -
Размер шрифта
День добрый! Проблемка возникла такая, страничка содержит формы для заполнения. В свойствах экрана есть раздел где можна менять размер шрифта, либо стандартный, либо крыпный можна выбирать (120%), так вот у кого моники большие, выбирают крупный размер, чтобы видна лучше было на высоких разрешениях, и проблема возникает такая: элементы в форме на страничке смещаются, начинают какбы налазить друг на дружку, в винде некоторые проги тоже выглядят немнога криво, но не об этом. Возможно ли какнить защитить странички от изменений при разных настройках в ОС.
0 votes4 answers -
div-ы, position:absolute,центровка по вертикале
Есть главная страница - http://yurii-vais.ru/index.html Двум анимированным изображениям ссылкам и логотипу выставлен position absolute ,картинка фон закреплена по вертикали и горизонтали. Теперь осталось также закрепить 3 элемента ,которые поверх фона (лого и ссылки). Проблема в том что они то position absolute,и просто их зафиксировать не получается,сохранив наложение.Надо просто чтобы все элементы не реагировали на размер окна,а всегда оставались каждый на своем месте. Просто чтобы сайт не тянулся,одним словом Как это сделать???? Кто нибудь сталкивался с такой задачей? Пжлст посоветуйте решения.
0 votes4 answers -
Надо написать крон
Уважаемые форумчане, надеюсь помните мой фото-сервис, так вот, у меня возникла необходимость написать крон на пхп, который будет очищать директорию каждые 90 дней. Поделитесь пожалуйста ссылкой на мануал по написанию крона или же поделитесь готовым решением, я буду очень благодарен, заранее спасибо.
0 votes4 answers -
XMLHttpRequest и кодировка...
В исходной и подгружаемой странице стоит: <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> В браузере стоит: Windows-1251 Исходная страница загружается нормально, подгружаемая - ромбики (( Танцы с бубном не помогли...
0 votes4 answers -
статический фон
Здравствуйте. Вот хочу узнать как сделать статический задний фон в css. При скролинге вниз текст прокручивается, но фон страницы остается статичным. В css у <body> нету bgproperties. Как сделать чтоб для всех страниц установить bgproperties="fixed"? Спасибо.
0 votes4 answers -
IE игнорирует CSS - как его завалить?
Фрагмент кода: <head> <style> #left_menu {font-size:120%; font-weight:normal; line-height:2em; padding-left:50px} #left_menu top {background:url(images/str_black.gif) left top no-repeat; padding-left:20px; font-weight:600} </style> </head> <body> <table width="291" border="0" cellspacing="0" cellpadding="0"> <tr> <td id="left_menu"> <top><a href="/МЕНЮ1">МЕНЮ1</a></top> <ul> <li><a href="/подменю1">подменю1</a></li> <li><a href="/подменю2">подменю2</a></li> <li><a href="/подменю3">подменю3</a></li> </ul> </td> &l…
0 votes4 answers -
Как убрать панел ie со страницы? (см. на Nic.ru)
Зайдя по этому адресу https://www.nic.ru/cgi/na.cgi и нажав "whois" попал на страницу на которой отсутствует панель ie. Как это сделать?
0 votes4 answers -
Почему не проходит на валижность?
body { font: normal 13px Verdana,sans-serif; color: #345; background-color: #FFF; margin: 0px; scrollbar-track-color: #7DB9FB; scrollbar-base-color: #3B89F5; scrollbar-arrow-color: #F29B02; scrollbar-3dlight-color:#3B89F5; scrollbar-darkshadow-color:#3B89F5; scrollbar-shadow-color:#3B89F5; scrollbar-highlight-color:#3B89F5; } При валидации на w3.org родот выдал, что указаны недопустимые цвета Сама страница тест на валидность в HTML 4.01 Transitional прошла успешно.
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-