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
-
Фрейм страница отображается на 1/4 части от всего экрана в окне браузера
Здравствуйте! В сайтостроении я дум дубом. Создал фрейм страницу, в файл index.html залил следующий код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ЗАГОЛОВОК ДОКУМЕНТА</title> </head> <body style="margin:0px; padding: 0px;"> <iframe src="http://ur.farengate77.pp.infobizclassic.ru" frameborder="0" scrolling="yes" height="100%" width="100%"></iframe> </body> </html> Проблема состоит в том, что при открытии сайта в любом браузере, он отображается всего на 1/4 часть экрана, как будто у меня экран сразрешением не 1200х800, а 1200х200 Вот ссыл…
0 votes0 answers -
Читалка FB2. Книжный режим чтения
Добрый день всем) Делаю читалку для формата FB2 (на С++), текст, который отпарсил, перевожу в html. Передо мной встала проблема: не знаю как сделать книжный режим чтения (две страницы на экране). Программно он, видать, не решается. Вот и подумал, может быть можно это сделать, прибегнув к css и html? Т.е. нужно как-то указать, чтобы текст отображался только в двух прямоугольниках на экране. У меня идея такая: создать два фрейма, каждый высотой в высоту экрана, а шириной - в пол экрана. И в них размещать текст. Правда не знаю что делать, когда текст заполнит весь фрейм - ему нужно указать, чтобы заполнял соседний фрейм. А после перелистывания - след. два фрейма. Вот как-то …
0 votes1 answer -
table, td в css
Здравствуйте. Есть у нас такой кусок кода(см. изображение) и в нем два тега td без класса, но со своим стилем, можно ли изменить стиль выделенного на изображении <td bgcolor="#ffffff" colspan="2"> в css без добавления класса? Вопрос такой назрел потому что доступа к html у меня нет. например: таблица класс такой то, td номер такой то или какими другими способами
0 votes6 answers -
Про валидацию
Подскажите что это за ошибки , спасибо. Line 249, Column 15: attributes construct error <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 15: Couldn't find end of Start Tag td line 249 <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 81: Opening and ending tag mismatch: tr line 248 and td …"20%"valign="top" ><img src="30-text.png" alt="" height="32" width="32" /></td> ? Line 251, Column 5: Opening and ending tag mismatch: table line 247 and tr </tr> ? Line 252, Column 8: Opening and ending tag mismatch: div line 228 and table <…
0 votes0 answers -
шрифты кроссбраузерно ?!
Доброго времени суток! Помогите пожалуйста разобраться со шрифтами, никак не могу побороть ( вот здесь пример: пример Задаю шрифт: font-size: 12px; line-height: 15px; font-family: "Georgia", serif; Но почему-то в разных браузерах он растягивается по разному ... вот: Скажите почему ? и как можно это победить ? Спасибо большое!
0 votes2 answers -
Подстановка уже вводившихся значений
Даже не знаю в каком направлении копать. Нужно чтобы в Safari для input поля показывались подсказки уже вводившихся значений. В Firefox нормально,а в Safari не хочет.Может это настройки браузера
0 votes1 answer -
Непонятки z-index
Почему псевдо элементы отображаются выше блоков? http://jsfiddle.net/tMBrK/ Css: .block1 { padding: 0 10px; position: relative; top: -11px; left: -2px; z-index: 9; } .block1::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 8; } .block2 { padding: 0 10px; position: relative; width: 95%; left: 12px; right: 12px; margin-top: -11px; z-index: 7; } .block2::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 6; } } Html: <div class="block1"></…
0 votes1 answer -
скрипт, обрезающий строки
посоветуйте пожалуйста скрипт, который может обрезать в блоке текст до определённого количества строк у меня есть такой . но он не подходит потому что нужно указывать конкретный родительский блок. при этом если в нём окажется вложенный например span, то скрипт не обрабатывает текст
0 votes0 answers -
Открытие файла - проблема совместимости с разными браузерами
Кликая по ссылке, открываем файл, к примеру, Word. Мозилла, Опера и IE кушают и не выдают ошибок. Все браузеры на движке Chrome - Yandex, Amigo и сам Chrome выдают ошибку. С сервера получены одинаковые заголовкиОтвет сервера содержит дублирующиеся заголовки. Обычно это происходит, если веб-сайт или прокси-сервер настроены неправильно. Исправить эту проблему может только администратор веб-сайта или прокси-сервера.—Что за проблема? Где смотреть заголовки? Как найти ошибку?Спасибо!!!
0 votes0 answers -
Треугольники с тенью
Привет всем) На сайте есть вот такая вот вещь http://hostingkartinok.com/show-image.php?id=6b76a5e249ae06bc90b0be40fe0a703c я знаю как сделать это легко без тени, а вот с тенью не получается. Скажите реально ли такое сделать средствами css кроссбраузерно и без багов? или лучше картинкой вставить ?
0 votes2 answers -
Дайте ссылку на похожий сайт
Добрый день. Нужно сделать Такую вёрстку: При загрузке страницы, отображается блок 1 на весь экран. При скролинге вниз отображается контент 1.1. При нажатии на стрелку переходим в блок 2,3... работающие по той же схеме. Подскажите пожалуйста как это лучше реализовать? Видел когда - то подобный пример, но сейчас найти не могу.
0 votes2 answers -
Можноли что то сделать?
Установил google Adsense сайт у меня сайт валидный XHTML 1.0 был, как только его установил фаерфокс плагин показывает ошибки фрейма которые видимо сгенерировал гугл, можно-ли что-нибудь сделать, кто нибудь сталкивался?
0 votes1 answer -
Как должно быть?
Есть свойства: .one h1{color:red;} .two h1{color:green;} И есть вёрстка: <div class="one"><p class="two"><div><div><h1>Hello!</h1></div></div></div> Т.к. для первого и второго свойства специфичность равна, то цвет Hello! будет зависеть от того, какое свойство находится ниже в документе. Верно? В мозиле, сафари, хроме так и работает, но в IE и Opera работает по-другому, а именно: цвет текста зависит не от того какое свойство определено ниже в документе, а от того, какой из классов(.one или .two) находится ближе к тегу h1. Почему браузеры ведут себя по-разному? Можно ли как-то привести всё к единому стандарту, то есть, …
0 votes2 answers -
Проблема с тегом <code>
Почему выполняется код заключенный в теги <code>? Мне нужно, чтобы он просто отображался как текст. <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>php</title> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> </head> <body> <p class="to"> <code> <?php phpinfo (); ?> </code> </p> </bo…
0 votes1 answer -
Подскажите как сделать
Нужно расположить три div блока фиксированой длины и высоты горизонтальность. Я понимаю что для центрального блока не заданно обтекание. Но когда я задаю обтекание то не получается задать фиксированную точку по центру. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Автобиография</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content=""> <meta name="description" content=""> <link href="style.css" rel ="stylesheet type="text/css"> </head> <body> <div class="lmenu">&l…
0 votes6 answers -
отображение в разных браузерах
Проблема вот в чем: на сайт (prisvete.ru) поставил блок с выводом топ новостей, при наведении на которую(картинку-новость), показывает ее название, но в мазиле вроде все нормально,а вот в хроме (на других браузерах не пробовал) название появляется с боку, не наводя на нее,тем самым отодвигая картинку-новость на длину названия, тем самым портя весь вид.Подскажите как это можно исправить. вот PHP код новости: <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY date DESC LIMIT 10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] ); $row['category…
0 votes3 answers -
Масштабирование Backgrounda
Здравствуйте, имеется вот такой макет: Хотелось бы, чтобы вне зависимости от разрешения экрана пользователя бэкграунд растягивался на всю ширину экрана, подскажите пожалуйста как это реализовать?
0 votes1 answer -
Меню как у Влада
Подскажите, пожалуйста, какими средствами реализовать меню как у данного сайта (Основное - HTML - CSS - сайт)? Т.е. чтобы подменю всегда было открыто, но сменялось при клике (а не при наведении курсора) на другую вкладку меню. Причем страница не перезагружается. Если кинете в меня ссылкой, где описывается именно принцип создания, а не просто сам код - буду даже рад
0 votes2 answers -
глюк с размером A и вложенным IMG
Здравствуйте! у меня следующая проблема. в html документе есть елемент A (ссылка) в ней картинка. Так вот "размеры" ссылки меньше "размеров" картинки, а точнее высота. .main-toolbar { background-color : #c0c0c0 ; margin-bottom : 2px ; } .tool-btn { cursor : pointer ; } .tool-btn:hover { background-color : #8080ff ; outline : 1px solid #404080 ; } .tool-btn-img { margin : 0px ; padding : 0px ; width : 21px ; height : 21px ; border : none ; } <div class="main-toolbar"> <a class="tool-btn"><img src="line.png" class="tool-btn-img" width=21 height=21></a> <a class="tool-btn"><img src="line.png" class="tool-btn-img"></a…
0 votes4 answers -
Просвечивает край нижнего элемента
Страница - http://smartprogress.ru/goal/2149/ Вверху страницы есть прогресс бар. Его конструкция: div с фоном в виде градиента, внутри div с коричневым фоном является шторкой, закрывающий фон градиента. При изменении ширины шторки, меняется величина прогресса (видимая область градиентной полоски). Сделано это так, потому что необходимо, что бы градиент перетекал по всей длине прогресс баре, даже по не видимой, т.е. что бы цвет правого края прогресс бара менялся в зависимости от величины прогресса. Проблема в том, что по краям прогресс бара градиентная полоса просвечивает над коричневой шторкой (показано на скриншоте сверху). Уже несколько дней бьюсь с проблемой, может кт…
0 votes1 answer -
Не совсем обычный список
Доброго времени суток. Учусь верстке с азов, хочу попросить помощи у более опытных пользователей. Проблема не столь существенна, однако путь к знанию-понимание, чем, собсно, и руководствуюсь. Суть.Есть PSD-файл, макет сайта времен 2008 года. Верстка, как я понимаю, несложного уровня, однако меня интересует одна вещь. Слева можно заметить меню ссылок, перед которыми стоит тире. Задача в том, как сделать так, чтобы тире "выползали" влево, а текст не выползал. Я с моими,скажем так, небольшими знаниями пока вижу 2 решения - разбить текст в нужном месте с помощью , или сделать список с list-style-position: outside и list-style-image:url(картинка с тире). Второй способ считаю…
0 votes2 answers -
Форма поиска.
Честно говоря я в этом ещё не до конца разобрался. И хотел изменить то как выдвигается поле. Оно выдвигается вправо , а нужно влево. Возможно ли это изменить? http://jsfiddle.net/cbJWy/
0 votes2 answers -
Помогите пожалуйста разобраться!
У меня возникло два вопроса пока я верстал макет и найти ответ на них я сам не смог. Помогите пожалуйста разобраться. Вопросы следующие: 1. внутри дива 1024х1200 пикселей, я сделал два дива поменьше 256х90 и 256х400. Мне хотелось сделать этих два дива, один под другим и прижать их к правому краю. Можно ли это как-то сделать, не запихивая эти два дива в один общий? 2. можно ли свойство -webkit-border-radius применить только к нижней границе?
0 votes4 answers -
FF не видит css файл.
Помогите пожалуйста, не знаю что делать. FF не читает или не видит css файл. Во всех браузерах отображает нормально, а в фф какие-то бока. Вот сам сайт morematt.hol.es
0 votes2 answers -
Как растянуть блок на 100% высоты
По моему мнению, в этом макете нужно растянуть левый блок на всю высоту экрана, чтобы при Масштабирование он не обрезался. Как это сделать ? http://cs425128.vk.me/v425128727/8b81/KLGiFV2VzCc.jpg http://vidiatest.esy.es/site/
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-