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
-
пунктирное подчеркивание ссылок - проблема в ИЕ
<html> <head> <style> a { color: #0084e4; border-bottom: 1px dashed #0084e4; text-dec_oration: none; } a:hover { border-bottom: 1px solid #0084e4; } #left { float:left; } #intop { width: 900px; margin: 0 auto; clear: both; } #inlogin #right { text-align: right; } </style> </head> <body> <div id="intop"> <div id="inlogin"> <div id="left"> <a href="sg">aadfadfsa</a> </div> <div id="right"> <a href="bsg">badsfadsf</a> </div> </div> </div> </body> </html> в ИЕ подчеркивание не показывается. но если убрать float:left, то показывается такие…
0 votes7 answers -
псевдокласы и style
Доброго... Скажите, пожалуйста, можно как-то внутри тега описать его псевдокласы ?
0 votes6 answers -
Работа с HOVER
Доброе время суток! Подскажите, пожалуйста, новичку, а то уже намучалась вся.. Хочу сделать 2 блока так, чтобы при наведении мыши на блок?1 менялся его цвет (всего блока, а не только текста, как у меня получается) и одновременно блока?2. html: <!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" /> <link href="style_of_page_menu.css" rel="stylesheet" type="text/css" /> <title>Page2</title> </head> <body> <div class="col1">…
0 votes6 answers -
Помогите мне!
Вот у меня проблема: я вывожу из файла код в textarea, проблема в том, что в коде есть текстареа, и эта textarea закрывает техтарею в которую я вывожу текст! Что делать?
0 votes13 answers -
звонок при клике на номер
подскажите пожалуйста способ, которым можно предоставить посетителю web-страницы возможность начинать звонок после клика по номеру телефона. предполагается, что посетитель зашёл на страницу через мобильный телефон возможно ли такое, если номер телефона представлен не текстом, а картинкой или через cufon?
0 votes5 answers -
Фон выпадающего меню при наведении
Здравствуйте. Прошу помочь бездарности. Нужно, чтобы при наведении вываливалось меню и фон родителя оставался неизменным, когда юзер будет водить курсором по выпадающему меню. Примерно это должно быть вот так http://joxi.ru/6WQfU_3JTJBXFcsaglQ Оранжевое - это hover. Но у меня такая беда http://joxi.ru/KmUfUxjKTJCPTRw_8zk Понимаете, о чём я? Подскажите, что я не учла? Очень интересно, самоё не получилось разобраться. Спасибо, джедаи.
0 votes2 answers -
Expected ruleset что это? и как лечится?
Выдает ошибку при проверке страницы. Что это и как лечиться?
0 votes6 answers -
работа IFRAME
Добрый день . Подскажите пример в котором есть меню из нескольких слов к примеру мама папа сестра при нажатии на каждое слово в iframe загружается страница с описанием нажатого слова . Спасибо
0 votes11 answers -
div по центру
здравствуйте есть html: <div class="head"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> и css: .head { overflow: hidden; } .left { float: left; } .right { float: right; } как сделать <div class="center"></div>, по центру блока head? margin: 0 auto; не помогает. спасибо
0 votes8 answers -
Примеры хорошего SCSS
Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилае…
0 votes11 answers -
Помогите разобраться с css
Для блока пытаюсь установить фон, при увеличении фон обрезается браузером до размера окна, но контент за его пределами имеется и остается без фона. что я делаю не так? #header{ background: url(../images/header.png) no-repeat center center fixed; background-size: cover; flex: 1 0 auto; }
0 votes8 answers -
0 votes2 answers
-
проблема с таблицей
есть такая конструкция: <table border="1"> <tr> <td height="20"> </td> <td rowspan="3"> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>texta</p> </td> </tr> <tr><td> </td></tr> <tr><td height="20"> </td></tr> </table> Почему то не выдерживается высота верхней и нижней ячеек. там же явно задана высота. По логике должна растягиваться центральная ячейка. Не работает ни в эксплорере ни в Опере max-height не…
0 votes5 answers -
Ссылка на два окна
Как сделать, чтобы при нажатии на ссылку в одном фрейме, содержимое (разное) открывалось в двух других фреймах?
0 votes15 answers -
Растяжение содержимого таблицы
<table align="left" cols="5" border="0" width="0" bordercolor="#000000" bgcolor="#efefdd"> <tr> <td align="center" valign="middle" height="150" width="150" bgcolor="#FFFFFF"><a href="genre_pictures_1.htm" target="_self" title="Жанровая живопись"><img src="../pictures/genre_pictures/2003/preview/10.jpg" alt="Жанровая живопись" width="150" height="99" border="0"> Жанровая живопись</a></td></td> <td align="center" valign="middle" height="150" width="150" bgcolor="#FFFFFF"><a href="artdecor_1.htm" target="_self" title="Артдеко"><img src="../pictures/artdecor/2002/preview/6.jpg" alt="Артдеко" width="150" height=…
0 votes5 answers -
Устройство файла css
Любопытно кто какое использует устройство таблицы стилей. Я лично до сих пор не могу определиться, как делать лучше. Когда вёрстка довольно сложная и правил очень много, то получается очень запутанно. Пробовал выстраивать названия классов по алфавиту. Это помогает найти нужный класс, но когда много правил вида "TD.class1 A #id2 {...}", то это не особо помогает. В итоге уже через неделю после того как верстал, получается, что определить какой в заданном месте цвет, легче через принтскрин и фотошоп, чем через таблицу стилей. Кто, что может посоветовать, как лучше делать? Например, все ли стили выносите в таблицу или что-то оставляете в шаблоне, и тому подобное.
0 votes10 answers -
CSS и растягивающийся фон.
Суть проблему - как сделать в CSS так, что бы от фоновой картинки, выравненной по левому краю, отрезать 1 пиксель по ширине с правой стороны (высоту оставить), и растянуть его на 100% (дабы он растягивался при изменении размера окна браузера). Или же подойдет вариант если сразу после фона поставить другую картинку и растянуть ее.
0 votes1 answer -
Flash фотогалерея в IFRAME помогите
http://aksenovdmitriy.ru/tolkosvadba.html Вот ссылка на сайт с проблемой Галерею делал при помощи программы "VSO PhotoOnWeb". Сам сайт в Dreamweaver. При открытии в Мозиле все работает как надо. А в эксплорере флаш галерея которая лежит в теге IFRAME открывается на весь экран. Так не должно быть. Что делать помогите плз вот часть кода ...body> <div align="center"><table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="713" valign="top"><img src="img/2.jpg" width="605" height="147" alt="Фотограф Аксенов Дмитрий" longdesc="http://foto.ovane.ru" /> <p align="center" class="style2 style6">Свадебная фото…
0 votes4 answers -
Ошибка в коде РНР
Имеется файл sing.php <? session_start(); error_reporting(E_ALL & ~E_NOTICE); require_once('./global.php'); if (isset($_SESSION['suserid'])) {$suserid=$_SESSION['suserid']; if ($suserid == '') {unset ($suserid);}} if ($suserid>0) { $sing = $vbulletin->db->query_first("SELECT name FROM usersing WHERE userid = $suserid");} if ($sing != "") { } else { $sing = "пусто"; } echo "{$sing[name]}"; ?> создаю модуль ob_start(); session_start(); $_SESSION['suserid'] = $post['userid']; include('./sing.php'); $sing[name] = ob_get_contents(); ob_end_clean(); если обратиться к sing.php напрямую показывает пусто если же в ставляю переменную из модуля $sing[name] в …
0 votes6 answers -
Вырезать изображение в Photoshop
Подскажите, пожалуйста. Имеется макет в psd, фрагмент которого привожу ниже. Точнее - это кусок макета с проблемным для меня местом. http://savepic.su/2233598.htm Стоит задача вырезать фотографию, причем без рамки (ее доделаю в CSS). В панели слоев Photoshop такая "картина": http://savepic.org/2402954.png Рамкой обвел те слои, которые рисуют это изображение. Но, насколько я понимаю, один слой связан с другим. И отделить один от другого, чтобы вырезать картинку, у меня не получается. Подскажите, как правильно это сделать? P.S. Когда писал, пришла мысль - может воспользоваться Crop? Все равно подскажите, как нужно выполнить эту операцию? До этого с такими замысловатыми слоя…
0 votes12 answers -
Фоновое изображение
Есть сайт фиксированной ширины. Есть фон, который вставляется в body. И все бы хорошо, но фоновое изображение это с градиентом. Как сделать так, чтобы оно растягивалось на весь экран? Потому-что видно когда оно начинает повторяться по ширине Или просто какой-то другой способ подскажите? Тут чтобы понятнее было http://jsfiddle.net/H6zth/
0 votes8 answers -
Теряется стиль в IE
Друзья, очень нужна ваша помощь. Ситуация следующая: http://brandshop.ru/index.php В мозиле и опере все относительно нормально, а вот в IE отваливается стиль. Изначально проблема была в том, что <html> {include file="head.tpl.html"} <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0"> <div align="center" style="width:880px; height:100%; text-align:center; position:relative; margin:0 auto; top:0px; left:0"> все в том же ИЕ отображал содержимое не по центру, а слева. Изменения доктайпа приводят все в норму(располагает содержимое по центру), но стиль куда то отваливается. Спасибо заранее.
0 votes4 answers -
Блок внутри ячейки таблицы.
Как создать блок(div) внутри ячейки таблицы на 100% высоты ячейки при отсутствии задания у последней фиксированных размеров? Заранее спасибо. Пример скрипта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <LINK rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="block"> <table id="tab"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td> <div id="cont">4</div> </td> </tr> </table> </div> </body> <…
0 votes8 answers -
На переходном HTML вылазит из width.
На "переходном" HTML при задании width, в ослике картинка вылезает и ячейки таблицы. какая альтернатива? <td width=27% valign="top"> <img src=images/kinchev.jpg width=100%> Спасибо.
0 votes9 answers -
Макет сайта
Вот есть макет сайта.Меня интересует вопрос по центральной части.Там где новости с комментами,датой.Как её можно сверстать чтобы получилось все правильно.Я уже сверстал верх и эту центральную часть начал.Вот только не пойму как сверстать так чтобы текст и дата, комменты были на одном уровне и самое главное там под каждой новостью идет линия,как сверстать так чтобы линия была и там где дата с комментами и там где новость.Короче я так понял должен получиться один блок.Но в макете получается что слои то разные и что то не получается совместить на один уровень дату с комментами и линия подчеркивающую всю новость.Подскажите пожалуйста просто на словах можно, а дальше я cам раз…
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-