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
-
Проблема: смещение на 1px background в Хроме и Мозила
Здравствуйте уже ни раз сталкиваюсь с подобной проблемой и вот наконец то решил обратиться за помощью Суть проблемы: Подопытный сайт: http://www.retro.ontuning.ru/ Так же прикладываю картинки для наглядности. В левом садбаре имеется табличка, а за ней находится труба, эту трубу я реализовал следующим образом: вырезал кусок трубы размером 12рх на 12рх, после чего добавил в сайтбар свойством background, определил позицию трубы свойством background-position и растянул в длину, чтобы она состыковывалась с фоном в шапке и с фоном в подвале. Таким образом, я добился, чтобы труба тянулась при наличии контента. В мозили все отображается хорошо, так как нужно, а вот в хроме, …
0 votes13 answers -
Верстака email, как сделать button width 100% на mobile и 250px desktop без @media
Подскажите пожалуйста как сделать ширину кнопки 100% на мобильных устройствах и фиксированную (250px) на больших разрешениях ? <table class="one-column backgroundInner font" border="0" cellpadding="20" cellspacing="0" width="100%" style="border-spacing:0;" > <tr> <td style="line-height: 18px; text-align:center;"> <!-- START BUTTON --> <center> <!--[if (gte mso 9)|(IE)]> <table width="150" align="center"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" border="0" > <td class="button_background outer" …
0 votes6 answers -
Сложная таблица
В макете попалась сложная секция, с которой мучаюсь 2 день, не могу сам справится. .. Подразумеваю что это таблица. Вот так выглядит на мобильниках (слайдер): Скрытый текст Вот так на десктопах: Скрытый текст Как ее перестраивать? Как верстать, сначала на блоках, потом на css таблицах? То что я пытался сделать, выходит очень мудрено ..
0 votes10 answers -
Проблема со страницами в виде xhtml
Сейчас делаю сайт на html4.0, но хотел бы чтобы сайт корректно отображался и следуя современным требованиям хочу сделать на xhtml. Но по каким-то причинам браузер IE6 некорректно работает со страницами. Т.е. нельзя выделить часть текста для копирования, а браузер выделяет чуть ли не весь текст на странице, как только мышью кликаешь на какую-нибудь букву. Чем может быть вызвана такая ошибка? В других браузерах всё корректно.
0 votes3 answers -
Блоки выбора категорий
Здравствуйте, подскажите как сделать такой выбор категорий новостей как на _http://www.yahoo.com/ Там где "Featured Entertainment Sports Video" Только без ajax Спасибо
0 votes4 answers -
Динамика в меню.
Привет. Есть плашка меню, она являет собой одну картинку, на ней текстовое меню (z-index). Нужно, чтобы при наведении курсора на область каждого пункта меню появлялась кнопка, а без курсора просто плашка с текстом. Возможно ли это сделать на css? Если да, то как? <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <img src="logo.png" id="logo"> <ul> <li><a href="#">óñëóãè</a></li> <li><a href="#">çàêàçàòü</a></li> <li><a href="#">ñîòðóäíè÷àòü</a></li> <li><a href="#">ïîçâîíèòü</a></li> </ul> &…
0 votes5 answers -
Проблема c IE: смена класса у элемента
Добрый день. Имеется следующая вёрстка и css: <style> .menu_line { display:inline; padding: 3px 5px;} .menu_line a.sign, .menu_line a.sign:active, .menu_line a.sign:link, .menu_line a.sign:hover, .menu_line a.sign:visited {text-decoration:none} .menu_line a.txt, .menu_line a.sign:active, .menu_line a.txt:link, .menu_line a.txt:hover, .menu_line a.txt:visited {font-size:12px; color:#555555; text-decoration:none} .menu_line span {display:none} .checked {background:#FF7800;} .open span, .close span {display:inline; background-position:0px 1px; bac…
0 votes3 answers -
Главная страница!
Здравствуйте! Возникла вот такая проблемка: делаю сайт на денвере, и при вводе названия сайта в ИЕ меня бросает не на главную страницу сайта (index.php) а в папку со всеми документами о сайте. Скажите плз как это изменить? З.Ы: прикольно сайт переделали!=)
0 votes2 answers -
Лучшая бесплатная cms для магазина
Посоветуйте лучшую на ваш взгляд!
0 votes8 answers -
Как сделать несколько LI
Мне надо сделать LI меню и просто LI списки, что с реализацией?
0 votes8 answers -
Разметка формы обратной связи
Пример кода http://jsfiddle.net/FkWuR/ Никак не могу справится с разметкой. чуствую изначально пошел не в ту сторону, а теперь глаз замылился, вот и туплю. В идеале должно быть так: В Хроме 16, IE 8, Opera8.54 отображается примерно так как хочется. В ИЕ7 все идет столбиком. В FF поле E-mail сползает вниз. Андроидный браузер переносит поле Тема на новую строку... HTML <div class="feedback"> <form class="content2" method="post" action="index.php?id=8"> <input name="formid" value="feedbackForm" type="hidden"> <p><label accesskey="n">Имя*<input name="Name" size="20" maxlength="60" type="text"></label></p> <p><…
0 votes6 answers -
Вертикальный текст в заголовке таблицы (Firefox)
Нужно расположить текст текст в заголовках к таблице вертикально, в идеале решение должно работать в Google Chrome и Firefox но вполне достаточно только Firefox. Проую прописать -moz-transform: rotate(270deg); -moz-transform-origin: 50% 50%; и получаю вот такую вот картинку Вот копия стиля с элемента element.style { transform: rotate(270deg); transform-origin: 50% 50% 0; } .t20Standard th.t20ReportHeader { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #AAAAAA #AAAAAA #AAAAAA -moz-use-text-color; border-image: none; border-style: solid solid…
0 votes3 answers -
Меню сайта и активный элемент.
Добрый день, есть меню, в меню настроенны активные ссылки, т.е если я на главной, главная в меню активна, нужно сделать так, когда юзер наводим мышку на другие категории меню, активность сбрасывается, убирает мышку, опять появляется. Возможно ли реализовать на чистом CSS??? Если нет, подскажите куда копать... Всем спасибо.
0 votes3 answers -
градиентное угасание элемента
Здравствуйте! Делаю фотогалерею. В блоке мне надо чтобы в местах a и b блок угасал градиентом. (в блоке у меня картинки) (фон блока белый)
0 votes3 answers -
background-image
Почему у меня не встаёт изображение вместо маркера? почему-то оно вставляется после слова. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> li.img{ list-style:none; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:6%; } </style> </head> <body> <ul> <li class="img">Главная</li> <li>Программы</li> <li>Фильмы</li> <li>Игры</li> </ul> </body> </html>
0 votes14 answers -
Идеальная верстка
Какая она? К чему должен стремиться каждый верстальщик? Если не трудно, приведите примеры сайтов с такой версткой. Спасибо за внимание.
0 votes3 answers -
Странное поведение ссылок
Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).
0 votes7 answers -
Верстка меню "под лифт"
Добрый день. Подскажите пожалуйста по такому вопросу: Необходимо сверстать меню следующим образом у меня получается такой вариант. Т.е. нет стрелок вверх/вниз.
0 votes4 answers -
проблема с ie и text-decoration
Народ кто ни будь встречался с проблемой: текст в ячейках таблицы отображается как underline и никакие стили не помогают даже style=""
0 votes1 answer -
С чего начать? :rolleyes:
Доброе время суток. Я начинаю постепенно изучать основы веб дизайни и хочу начать воплощать свои знания на практике. Сейчас мне нужна идея для своего собственного сайта. Для начала я его хочу выложить на AngelsNot.Narod.ru Поделитись своими соображениями по данному поводу. За ранее благодарю!
0 votes10 answers -
min-width, ie6 виснит
когда сжимаю окно, ИЕ6 виснит. это у всех так или у меня эмулятор глючит?
0 votes3 answers -
DHTML
Доброе время суток! Подскажите пожалуйста начинающему веб программисту книгу(самоучитель) или справочник по DHTML
0 votes5 answers -
Как сделать разный стиль для каждой страницы сайта?
Код главной страницы: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="home"> <div id="container"> body.home {url Общий фон.jpg);} body.home#container {background: url(Главная.jpg);} следующая страница: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="somepage"> <div id="container"> body.somepage {background: url(Общий фон.jpg);} body.somepage#container {background: url(Страница.jpg);} Картинка пропадает,что не так?
0 votes4 answers -
Top Menu, неровно
Доброго времени суток, проблема в том что есть том меню и оно почему то вылазит непонято куда. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div id="wrap_outside"> <header id="wrap"> <div> <img src="./i…
0 votes5 answers -
Анимация картинки при наведении на нее
Здравствуйте, люди! Учусь верстать сайты, и в процессе столкнулась с интересным вопросом. Хочу реализовать анимацию картинки при наведении на нее мыши. Но че-то ищу в инете и найти не могу... Вот прям как на этом сайте: http://www.karusel-tv.ru/, очень нравится простенькая анимация при наведении на иконки меню. Кто-нибудь может подсказать, как это делается? Спасибо заранее!
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-