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
-
CSS. Отличия в редактировании тегов <th> и <td>. И можно ли редактировать <tr>
Изучал тут статью на сайте (http://htmlbook.ru/css/border-collapse) и заметил, что изменения в <th> и <td> касаются только ячеек, но стоят порозень, зачем так сделано? И можно ли, как нибудь, редактировать всю строку? Выравнивание, тип шрифта и т.д.
0 votes5 answers -
Помогите доработать
Не получается такое http://jsfiddle.net/enwmps9o/96/
0 votes5 answers -
Отсутствует часть изображения
Здравствуйте! Подскажите пожалуйста. Проблема следующая, при наведении курсора на ссылку появляется изображние, но не полностью, часть изображения почему-то обрезана. Ссылки созданы на траектории окружности при помощью SVG. При наведении на ссылку pushkin должен появлятся круг, но появляется только 1/4 его часть. http://hkar.ru/FXMi При наведении курсора на две другие ссылки должна появлятся оружность, но она тоже появляется не целиком. http://hkar.ru/FXMj Все файлы разместил здесь: https://yadi.sk/d/NMvbqOdcmjz5F
0 votes2 answers -
Почему текст выходит за границу родителя?
Привет. Никак не соображу - почему текст не переносится: Посмотреть можно тут (на главной): http://z.leveler.ru/
0 votes2 answers -
Не могу запустить слайдер
День добрый , скопировал лендинг http://land-gooods.ru/kylieedition-a2/ wget-ом , а в копии не работает слайдер. Подскажите куда копать.
0 votes0 answers -
Создание коммерческого сайта
Здравствуйте! Подскажите пожалуйста, у меня есть не коммерческий сайт www.kstu.kz/ как его можно сделать коммерческим? P.S. да я нуб
0 votes1 answer -
Как вставить flex-элемент
Всем привет. Возник вопрос, как вставить элемент (картинка прилагается) на флексах всю голову уже сломал, возможно, я просто глупый и не могу понять.
0 votes1 answer -
Вёрстка превьюшек
Здравствуйте! Верстаю свою галерейку, застопорился на выводе превьюшек. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #gallery .photo_div{ display: inline; } .photo_div { width:82px; height:97px; margin-left:5px;margin-right:5px;margin-bottom:10px; border:1px solid #d8dcea; text-align: center; font: verdana, arial, sans-serif; } .photo_div img { border: 5px solid #fff; border-width: 5px 5px 20px; } .photo_div a:hover img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; color: #fff; } .photo_div a:hover { color: #fff; } &…
0 votes1 answer -
Высота ячейки в IE без указания высоты родителя
Добрый день! Как сделать 100% высоту таблицы в ячейки ...<td height=100%><table height=100%>....</table></td>... без указания 100% высоты body ?
0 votes1 answer -
Таблица в ячейке (Opera и IE)
Вот код: //———————————————————————————————————————— <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Тест1</title> </head> <body> <style> body, html { width: 100%; height: 100%; } body { margin: 0px; } </style> <table style="width: 100%; height: 100%;"> <tr> …
0 votes8 answers -
Таблица с сылкок по всей ширине
Всем хи... Есть задача: сделать таблицу, в которой вся строка являлась ссылкой. Вот придумал вот такое решение: <!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=UTF-8" /> <title></title> <style type="text/css"> /* Reset блок */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, …
0 votes3 answers -
Проблема с картинками меню для IE7
Здравствуйте, форумчане! У меня такая вот проблема - на сайте есть основное меню выполненное только на картинках. Все работает нормально, но в IE7 не получается кликнуть мышкой по картинке меню. Точнее получается кликнуть, но перехода по ссылке не происходит. Перейти по ссылке можно только по правой клавише мыши и из контекстного меню выбраь - перейти по ссылке. Подскажите пожалуйста как решить такую проблему?
0 votes6 answers -
IE6, Операция прервана
Получил свинью оттуда, откуда не ожидал. Знал, что у заказчика везде ИЕ6 и надо стараться делать под него. На ИЕ6 SP1 Win2K все как по маслу. На ИЕ6 SP3 WinXP - Операция прервана при использовании border-raduis.htc Что делать?! Как бороться? Рисовать скругленные углы самому в 2011 году?
0 votes4 answers -
URL изображения
Привет всем! При вёрстке сайта я столкнулся с небольшой проблемой. Я привык добавлять изображения через css. Шапка сайта должна быть кликабельна, что мне не получается сделать. Отрывок из html кода: <div id="header_2"> <a href="http://feers1de.ru/"><img scr="/images/header_2.png"></a> </div> Отрывок из css кода: #header_2 { position: relative; width: 686px; height: 168px; } Размер шапки - 686x168px. Прошу помощи.
0 votes4 answers -
Вставка логотипа в флеш плеер на сайте
Всем привет, подскажите пожалуста, может кто сталкивался с такой проблемой, я у себя на сайте установил видио плеер, и теперь хочу чтоб когда человек заходит на страницу сайта на незапущеном плеере видел мой логотип, а не черный экран с стрелочкой запуса видио.Как можно такую идею воплотить в жизнь? Плеер находится на Пример работы плеера
0 votes5 answers -
Перемещение фокуса
Имеется код вида: <form action="" method="post"> <input type="text" /> <a href="#">создать аккаунт</a> <input type="password" /> <a href="#">вспомнить пароль</a> </form> Условие: Фокус на первом инпуте (text)/ Проблема: При нажатии на «Tab» фокус, по крайней мере в Хроме, перемещается на ссылку «создать аккаунт», а не на input с type="password". Как такая проблема решается? P.S. Поиск мне не помог (ну или я просто не умею его готовить).
0 votes5 answers -
Отступы в кнопках. CSS
здравствуйте. добавил к кнопкам параметр {padding-left:}, получилось как мне нужно (на рисунку обозначено синим цветом), но как я и ожидал появились нежелательные для меня отступы по краям самого блока кнопок (на рисунке обозначено красным цветом). чем можно убрать? заранее спасибо.
0 votes8 answers -
Проблема с каруселью
Добрый день! Может кто сможет помочь с моей проблемой, на Word Press поставил стандартную карусель из Bootstrapa, всегда она работала просто идеально, а сейчас начался какой-то бред, слайды идут непонять как (первый идет нормально, второй пустой, потом выползает обрезанный и расширяется до нормального состояния, и все это приводит к прыганию контента) Пытался что-нибудь проверить с помощью Firebug, но он мне показал что какая-то ерунда со слоями, вроде навожу мышку на слой с текстом, а фаербаг показывает что ему кажется этот слой ниже...Никогда такого не было. В принципе на картинке видны обе проблемы Может кто с этим встречался? Или примерно знает как исправить?
0 votes7 answers -
Используете ли вы Slice tool при нарезке макета?
Хотел бы узнать от опытных верстальщиков, используете ли вы Slice tool при нарезке макета? С этим инструментом не сильно знаком по этому вручную работаю, даже не понимаю как можно с помощью данного инструмента нормально макет нарезать.
0 votes2 answers -
выпадающее меню
как сделать, чтобы выпадающее меню залезало на слайдер, а то получается, что у меня слайдер налезает на меню, а не наоборот...
0 votes3 answers -
Верстка
Доброго времени суток, хочу сделать одну фишку, нужна ваша помощь, покажу на примере ниже. Хочу узнать как сделать такие прямоугольные ячейки под записями? Так же хочу сказать, что сайт у меня был создан с нуля, так что помогите пожалуйста подробней, куда что и как
0 votes6 answers -
Вылазит div
Всем привет, думаю частый вопрос, но решение я так и не нашёл. Вот шаблон <div class="wrapper"> <header class="header"> <div id="logo"> <a href="/" style="color: #CCC;"> <img id="logoimg" src="<?=$site['shablon']?>img/logo.gif" /> <!—<h2><?=!$site['title'];?> <?=!$site['losung'];?></h2> <!— название сайты—> <!— Лозунг—> </a> </div> </header><!-- .header--><div class="line"></div> <div class="middle"> <div class="container"> <div class="upbar"> <?php up(); ?></div><?php require "{$c…
0 votes0 answers -
Верстка блоки разной высоты
На этом странице есть разделы "Способ доставки" и "Способ оплаты". Сверстал их таблицами. Думаю самый оптимальный вариант в этом конкретном ситуации. Но проблема в том , что , заказчик требует что было возможность динамически изменять , тоесть добавлять и удалять пункты через админки, без влезании в исходный код. Так как, тут, одной удалении td недостаточно, каким еще другим способом можно сверстать такой раздел? чтобы место удаленного пункта заменил преследующий его пункт? Спасибо!
0 votes2 answers -
Вылетает блок в Mozilla
Добрый день, друзья! Помогите решить. Есть "лишка(<li></li>)", в которой находится таблица. Почему-то в файерфоксе эта таблица вылетает вправо, вот скрин http://prntscr.com/5wsn6r . В других браузерах все норм http://prntscr.com/5wsq83 . Вот сама страница с багом - http://root.donkos.esy.es/kabinet-1.html . Заранее благодарю за помощь.
0 votes5 answers -
"Непослушная" кнопка
Вот какие дела! Кнопка не реагирует ни на какие методы её логического позиционирования! Она сдвигает свою "попу" с места только при самом грубом позиционировании (position:absolute). А относительно блока content ни в какую! Вот кусочек кода кнопки и текстовых полей
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-