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
29,542 questions in this forum
-
Вопрос по Gif-анимации
Прошу прощения, вопрос конечно не совсем в тему,но имеет к ней косвенное отношение. Верстаю тему для одного христианского сайта и столкнулся с необходимостью Gif-анимации. Для создания анимации использую Easy Gif Animator, но эта прога анимирует исключительно замкнутый цикл, то есть анимация начинается с первого кадра и заканчивается на нём же. Мне же нужно, чтобы она заканчивалась на последнем и всё. Для наглядности задачи: То есть нужно,чтобы свиток просто разворачивался и всё. Посоветуйте пожалуйста, как этого достигнуть. Может есть утилита, более подходящая для этой задачи. Спасибо
0 votes13 answers -
Div
у меня вопрос, можно ли задавать координаты размещения слоя от какой либо картинки, а то они у меня на болшем расширение сьезжаютв бок(у меня 1024x768 )
0 votes10 answers -
вычисление ширины в ie6
Почему-то, ie6 неправильно считает ширину блоков. В остальных браузерах нормально, в ie6 приходится использовать хак (( <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> html { width:100%; height:100%; } *{ margin: 0; padding: 0; border: 0; } body {font-size:10pt; font-family:Arial;background:#000;} .bot{ padding:0 10px; background:blue; height:56px; width:100%; } .clear {clear:both;} .center { background: red; width:95%; _width:94%; padding:20…
0 votes7 answers -
Как реализовать 3 колонки?
Нужно сделать три колонки, ценральная имеет фиксированную ширину (и находится ровно по центру), края равномерно растягиваются по ширине экрана. Голову сломал..
0 votes5 answers -
проблема с формой регистрации в ie6
в верстке я далеко не спец, но очень нужно сделать как надо, проблема по адресу http://plus-strahovanie.ru/index.php?page=reg центральный блок в ие6 проваливается вниз ..Как это исправить незнаю..даже после того как я убираю все стили связанные с формой ситуация не меняется .. подскажите пожалуйста где копать?! вот часть хтмля <form method="post" action="" onsubmit=" if(this.name.value==''){alert('Заполните поле ФИО');this.name.focus();return false;} if(this.login.value==''){alert('Заполните поле Логин');this.login.focus();return false;} if(this.password.value==''){alert('Заполните поле Пароль');this.password.focus();return false;} if(this.password.value!…
0 votes2 answers -
Отображение скроллбаров при применении "overflow: auto;"
Вышеуказаный стилевой параметр применяется для div. Когда содержимое блока не выходит за его границы скролбары должны пропадать, что собственно они и делают в ие, фф и сафари, а в опере упорно всегда отображаются оба скролбара - неактивными, если все помещается, но картинку портят. Есть ли способы убрать эти "пустые" скроллбары, или, как вариант, оставить только вертикальный? Полное стилевое описание блока выглядит следующим образом: #inv_content { height: 271px; overflow: auto; background: url("../images/inv_back.gif");}
0 votes6 answers -
порядок загрузки объектов
здравствуйте. у меня на фоновой картинке лежит еще одна картинка. при загрузке сначала прогружается основная, а затем фоновая картинка. при недостаточной скорости это не очень хорошо, хотелось бы сначала видеть фон, а уж на нем пусть прогружается основная картинка. есть ли способ указания порядка загрузки?
0 votes5 answers -
IE6-оптимизация,
Объясните, пожалуйста, и помогите исправить такую ситуацию: Сайт по большей части терпимо отображается в IE6, но вот почему на этой и этой страницах блок #text (основное содержимое) проваливается под #sidebar, что float:lefted. И это несмотря на то, что нигде особых стилей для этих блоков на указанных страницах нет. В чем проблема? Проверил в Chrome, Safari, Opera и Firefox — везде все отлично. Пробовал шарить IE Developer Toolbar — причину бага так и не нашел… p.s. В подзаголовке опечатка, вижу.
0 votes4 answers -
first-letter Альтреантива?
Воспользовался методом first-letter, для изменения первой буквы текста, везде все отлично, но в опере оно не работает. Есть ли альтернативы, кроме выделения первой буквы в отдельный тег? И почему оно не описано в свойствах на сайте?
0 votes5 answers -
Как сделать, чтобы
С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна... Only for Chrome!!!! Блок с бордерами и прозрачкой: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Создание обвязки бокса из 1 слоя.</title> <style> body {background:red;} .block{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXRoQqDUBSH8 euu6T6AiAy2JBbxMQaLC7piFEx7BMEq+ECrvsTKitFiWVhQuH5ZLJ7mH37xgwPHsdZ6SqkeFX…
0 votes3 answers -
Картинки в ряд
Объясните, пожалуйста, в чем дело. Нужно поставить несколько картинок в ряд, вплотную друг к другу, чтобы они сливались. Ставлю margin: 0; padding: 0; border: 0; Но все равно получается зазор между ними. В конце концов написала margin: 0 0 0 -6px. Тогда только слились в одну. Но как-то это неправильно все-таки, мне кажется.
0 votes10 answers -
Табица в HTML
Приветствую. Подскажите пожалуйста, как реализовать следующее: 1. Создаю две таблицы с одинаковыми параметрами. Таблицы должны отображаться в браузере последовательно в строчку (одна по левому, другая по правому краю), например: таблица1 Таблица2 Мазила и Опера все отображают нормально, а в IE все съезжает, в одну колонку, т.е.: таблица1 таблица2 Как можно это победить? 2. По умолчанию, таблицы привязаны к краям браузера, т.е при изменении его размеров, таблицы смещаются вместе с краями, т.е. видны. Как сделать так, чтобы при изменении размеров брауезра, таблицы не двигались вместе с его краями, а оставалась "грубо говоря" "за кадром". Использую чистый HTML, без CSS. Спас…
0 votes3 answers -
Позиционирование
Всем привет, есть такое задание. Есть прямоугольник, в нём данная фоновая картинка, прямоугольник в рамке данного цвета. Прямоугольник посередине страницы. Делим этот прямоугольник на 2 части и в каждую часть посередине ставим круг. Не получается сделать это. Вот точто я смог сделать: http://l2-infinity.com.ua/tempus/default.html Заранее спасибо.
0 votes14 answers -
графическое подчеркивание ссылок в меню
я делаю простой сайтик. там есть меню. я хочу чтобы при нахождении на определенной странце - соответствующий странцие пункт меню был подчеркнут. но у меня никак не получается это сделать. я уже запуталась окончательно... была бы вам очень благодарна если бы вы посмотрели код и могли бы может что-то мне посоветовать. т.к. приложить не могу файл ниже код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="…
0 votes9 answers -
float
Вобщем, необходимо используя дивы и float сделать шесть див - голову, контейнер, лево, право, центр, футер Вот примерно схема _______________________________________________________________________ | header | |______________________________________________________________________| ______________________________________________________________________ | __________________________________________________________________ | | | left | center | right | | | |____|___________…
0 votes4 answers -
Цикл в цикле и цикл в цикле
Добрый день! Осуществляю две выборки из двух таблиц. В одной хранятся данные о музыкальном альбоме, в другой информация о треках. Потом все это циклирую, перевожу в немножко другой вид и отправляю в шаблон. Шаблонизатор Smarty. Далее в шаблоне циклом пытаюсь вывесли все это на экран. Но не выходит. Выглядеть это должно как: Альбом№1(описание) -Трек 1 -Трек 2 -Трек n Альбом№n -Трек n Выходит так, что выводятся только треки первого альбома. Если все это выводить из файла обработчика, то все работает правильно, а вот в смарти нормально не циклируется. Подскажите пожалуйста, как решить эту проблему. Далее привожу код. РНР: $select = mysql_query("SELECT * FROM `audio_albums`…
0 votes1 answer -
наложение текста на изображение
Привет! Перечитал все вопросы и ответы по данной теме, но у меня вопрос такого содержания.Фоновое изображение задано, на нём размещены 3 картинки в ряд (по горизонтали).1.Как в сss прописать,чтобы они были по горизонтали,а не вертикали? 2.Как на этих картинках написать текст и чтобы он попадал на центр данных картинок и не выходил за их рамки?Пробовал так : <div style="background: url(dal.jpg) no-repeat top left;">текст</div>,но только 1\10 часть картинки появляестся с текстом на ней.Работаю не с таблицей,а с div-ами. И ещё: 3.Расстояние между картинками задаю при помощи ,но их нужно очень много ставить.Есть ли другой вариант?
0 votes9 answers -
позиционирование блоков
имеется стандартный вид левые блоки - ценрт часть - правый блоки лквый блок 1 левый блок 2 и так далее возник вопрос если незадавать высоту левого блока 1 (содержимое может меняца - какой либо скрипт) как сделать чтобы левый блок 2 автоматически отодвигался на n пикселей от него спс
0 votes2 answers -
Центрирование контента страницы
Решил стать правильным человеком - перейти на XHTML 1.1 и теперь не могу отцентровать контент страницы. Как хорошо было раньше - был тег <center>: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> html, body {height:100%} .contabl {width:600px; height:100%; border-collapse:collapse; border:solid 1px black} </style> </head> <body> <center> <table class="contabl"> ..... </table> </center> </table> </body> </html> Теперь же, при XHTML1.1, его не должно быть, а с CS…
0 votes4 answers -
#1118 - Row size too large.
Здравствуйте! У меня возникла проблема прпи составлении таблицы. В ней примено 150 полей - иначе никак....... Преимущественно поля типа varcher И вот не добавляются новые поля. Что делать уже не знаю.. Мускул выдает: "#1118 - Row size too large. The maximum row size for the used table type, not counting BLOBs, is 65535. You have to change some columns to TEXT or BLOBs" Может кто сталкивался с проблемой? Посоветуйте, пожалуйста!
0 votes6 answers -
Все та-же парочка... IE + PNG
Верстаю страничку для фирмы, где работаю... Решил, все-таки, выпендриться... почти получилось ( как закончу, обязательно выложу ссылку). С чем столкнулся: 1. IE7 конечно, отображает прозрачность PNG, но, как только вы попытаетесь "затайлить" фоновый рисунок div' а, его содержащий, получите тормоза Аццкие, в IE, причем, фильтром их выправить, мне лично, не удалось, ибо он не умеет "тайлить", или я чего-то не понял... короче, если ну о-о-о-очень нужно иметь растягиваемый полупрозрачный элемент на странице - лучше класть в див картинку и ее растягивать, соответственно, ни о какой "фактурной" текстуре речи быть не может, поскольку она будет нещадно обезображена. Да, при это…
0 votes1 answer -
ie6 перекрытие <A>
Здраствуйте. Есть конструкция такого вида: <div class="png"><a href="#">ссылка</a></div> Где класс png это ie6 png fix в виде: * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','')…
0 votes3 answers -
С чего начать? :rolleyes:
Доброе время суток. Я начинаю постепенно изучать основы веб дизайни и хочу начать воплощать свои знания на практике. Сейчас мне нужна идея для своего собственного сайта. Для начала я его хочу выложить на AngelsNot.Narod.ru Поделитись своими соображениями по данному поводу. За ранее благодарю!
0 votes10 answers -
CSS: неверное приклеивание к границам экрана при position:relative;
Здраствуйте, я начинающий верстальщик, и у меня возникла проблема. Вообще, я верстаю макет, но, для того, чтобы вам не пришлось разбираться в тоннах кода, минимизирую его. Проблема: При использовании такого кода: #foot1 { top: 0; background: #1b5790; position: relative; width: 985px; height: 46px; margin:0 auto 0 auto; } Не происходит прикрепления синей полоски к границам экрана. При изменении значения position: с relative; на absolute; все приходит в норму - полоска прикрепляется к верней части экрана. Когда position: absolute; это выглядит так. Когда position: relative; это выглядит так. (из-за яндексной рекламы появляются символы "п»ї", этого нет на ло…
0 votes22 answers -
Стиль внутри страницы
Как внутри страницы (вне <head>) прописать CSS класс? Именно класс, а не стиль для элемента (<tag style=""></tag>).
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-