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 лежит файл, а в этом файле нужна ссылка на картинку в другой папке(images)... Как это сделать?...
0 votes2 answers -
Высота строчных и строчно-блочных элементов
Есть такой код Инспектор кода в Хроме показывает, что высота span.inline равна 20px, а высота span.inline-block равна 18px, при этом высота родителя p.block равна 18px. 1. Почему у span.inline и span.inline-block разная высота? 2. Почему у родителя p.block высота равна 18, а не 20 (или почему у span.inline границы выходят за пределы родителя по вертикали)? 3. Почему в Firefox высота span.inline равна 21px?
0 votes3 answers -
Ошибка с header_buttons, нужна помощь!
Застрял на 28:13 этого видео урока При добавлении в тег <li> тег <a href="#"> кнопки меняют размер (хотя такого не должно быть), у автора урока все нормально. Подскажите в чем может быть проблема? Мое А вот что получается у автора (при добавлении background видно, что его кнопки имеют нормальный размер, мои увеличиваются, хотя размеры я не указывал и уменьшить их после этого не получается) Вот мой код
0 votes2 answers -
Проблема со вставкой изображения
<!DOCTYPE html> <html lang = "eng"> <head> <meta charset = "utf-8"> <link rel = "stylesheet" href = "css/mains.css"/> <title>Шапка</title> </head> <body> <header> <div class = "container"> </div> </header> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <footer> <div class = "container"> </div> </footer> </body>…
0 votes1 answer -
Помогите с созданием таблицы
Я сделал таблицу(верхнее изображение) из неё мне надо сделать другую таблицу(нижнее изображение). Три часа голову ломаю. Не могу это сделать. Вот имеющийся код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Таблица</title> </head> <body> <table border="1"> <tr> <th width="100px" rowspan="2"></th> <th width="400px" colspan="2" height="25px"></th> <th width="100px" rowspan="2"></th> </tr> <tr> <td width="200px" height="25px"></td> <td width="200px" height="25px"…
0 votes3 answers -
Создание thumbnails из divов
Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…
0 votes1 answer -
плей лист в разброс
<html> <head> <title> Новое Дыхание+ </title> </head> <body bgcolor="black" link="#404040" text="white" background="bg.jpg"> <p align="center"> <object id="Player" name="Player" width="400" height="300" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" standby="Loading Audio..." type="application/x-oleobject"> <param name="URL" value="http://192.168.22.75/1.m3u"> <param name="AllowChangeDisplaySize" value="True"> <param name="AutoSize" value="False"> <param name="DisplaySize" value=0> <param name="ShowControls" value="True"> <param name="showstatusbar" value="True"> <param na…
0 votes4 answers -
Проблемы в IE плавающих блоков
Проблема в IE. В остальных все нормально. Ткните пальцем где туплю. XTML: <div id="head"> <a class="motto" href="#" >Сайт - это просто!</a> <a class="logo" href="#" ><span>Хорошие сайты</span></a> <ul class="advnav"> <li><a class="home" href="#">home</a></li> <li><a class="sitemap" href="#">sitemap</a></li> <li><a class="mail" href="#">mail</a></li> </ul> <!--.menu -основное меню--> <ul class="menu"> <li> <a href="#">Услуги</a> </li> <li> &…
0 votes3 answers -
Padding-top и height:100%
есть следующий цсс фаил html, body { height:100%; width:100%; } body { font: 12px/100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ width:1000px; position:relative; } #height_container { background: #999999; height: 100%; /* для IE6 */ min-height: 100%; } #footer, #height_container, #header { width:100%; } /**html #height_container { overflow: visible;…
0 votes9 answers -
Два Дива - одинаковой высоты в не зависимости от контента
Как сделать вот такую вот картинку дивами? Рядом стоящие и растягивающиеся по высоте в не зависимости от контента Напрашивается таблица, но хотелось бы дивами подобной структуры: http://jsfiddle.net/2c4MK/
0 votes6 answers -
Проблемы с высотами таблиц
Ребята, обнаружил недавно, что сайт разъезжается по вертикали в разных браузерах. http://www.rumax.ru/ Обратите внимание, что в Firefox футер не достает до низа. А в IE лучше, но в центральной части какое то белое пространство широкое какое-то. Буду очень благодарен помощи и советам.
0 votes3 answers -
Мерцание шрифтов на mac os
Есть страница http://bliss123.zz.mu/html/1/ когда пролистывается слайдер мерцают шрифты... Такое только на мак ос в хроме Кто сталкивался с проблемой? неподскажите решение?
0 votes2 answers -
Проблема только с Explorer'ом ? дергается нижн граница белого квадрата
Проблема только с Explorer'ом ? дергается нижняя граница белого квадрата, когда просто убираю картинку http://www.brusinski.com/index.php и http://www.brusinski.com/projects.php В чем проблема? Как сделать чтобы картинка не дергалась?
0 votes2 answers -
Сайт внутри блока с Закруглёнными углами
Ребят,значит задача такая: Нужно сделать сайт внутри Блока с закруглёнными углами,получаеться следующее: Я сделал Блок с закруглёнными углами,теперь хочу в Средний контейнер #middle поместить свой сайт,и ничего не получаеться,а точнее: 1) Меня запарил Откудато взявшийся Бэкграунд справа каждого Дива внутри(header, left, right, footer)..(серая полоска справа) 2) Не могу назначить цвет не одному блоку,точнее назначаю.а он не ставиться Для наглядности,чтобы было понятнее я сделал рамки вокруг блоков и внизу сделал копию того,что мне нужно(допустим) Помогите пожалуйста решить эту задачу,вот ссылко,там и CSS внутри,во внешний не стал выводить http://psywalker2008.narod.ru/ra…
0 votes1 answer -
Проблема с формами.
Всем привет.Недавно начал изучать html,возникла проблема.Создал форму и php обработчик,но на мыло приходит только заголовки указанные в php файле,а то что ввожу в саму html форму не доходит.Большая просьба помочь разобраться. html: <form action="obrabotka.php" method="post" name="form1"> <p><strong>Введите свое ФИО</strong><br> <input type="text" name="fio" width="20"> </p> <p><strong>Введите свой пароль</strong><br> <input type="password" name="pas" width="20"> </p> <p><strong>Введите свой e-mail</strong><br> <input type="text" name="email" width="20"> </p> &…
0 votes6 answers -
ширина не так ставится в хроме
В фф,ие,опере <div style="width:740px; border:1px solid #3d3d3d;"></div> показывает 740px, но почему-то такая же длина показывает в хроме больше на 2px не пойму, в чем же дело?
0 votes6 answers -
Проблема с версткой
Помогите решить проблему в блочной верстке, после того как в левой колонке сделал выпадающее меню не могу вставить центральный див и подвал. Задаю размеры , в результате эти блоки не появляются вообще <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="scripts/cufon-yui.js"></script> <script type="text/javascript" src="scripts/konkord.font.js"></script> <script type="text/j…
0 votes2 answers -
Помогите с таблицей
Вобщем нужно сделать таблицу с двумя ячейками, в которой одна ячейка с постоянными размерами а вторая растягивается на оставшуюся ширину экрана. Помогите!
0 votes7 answers -
Межстрочный интервал между формами
Как изменить межстрочный интервал между однострочными формами в IE ? Пробовал line-height родителя - не работает; font-size - только размер шрифта меняется, padding и margin - таже картина ?! Я знаю только один вариант, заключить каждую форму в блок и управлять margin. Может есть что нибудь попроще? Спасибо!
0 votes1 answer -
Параметры тэга META
Подскажите, есьт ли ограничения на количество тегов META с параметром NAME="keywords".? можно ли использовать такую конструкцию? <META NAME="keywords" LANG="ru" CONTENT=" перечисление ключевых слов 1"> <META NAME="keywords" LANG="ru" CONTENT=" перечисление ключевых слов 2"> проблема такая что есть общие ключевые слова для всего сайта, а есть еще ключевые слова разные для страничек, формируемые исходя из запроса посетителя из БД посредством ПХП. Как поисковик будет это индексировать (если он их вообще индексирует),?
0 votes2 answers -
Вложенные списки - как задать стили
Основные браузеры определяют уровень вложенности списков ul и ol, автоматически устанавливая тип. Например для маркированного списка верхний уровень по умолчанию отображается как disc, второго уровня - circle и далее браузер устанавливает вид square (является ли это стандартом?). При этом свойство type у списков пустое . Вопрос в следующем - как задать стили для списков разного уровня вложенности автоматически, не определяя класс для конкретного элемента? Была идея при помощи скрипта анализировать значение type, но браузер автоматически не устанавливает его.
0 votes3 answers -
Мастерам верстки. Верстка окон.
Здравствуйте господа! Я пишу систему диалоговых окон и конечно столкнулся с верстанием их. Окна должны иметь возможность изменения размера. Целей своих я добился, но терзают меня сомнения, что сверстать эти окна можно более качественно. Окно имеет область содержимого, заголовок и восемь сторон масштабирования. Во время масштабирования мне приходится учитывать массу параметров (ширину левого бордэра, высоту заголовка и пр.), все эти значения участвуют в расчетах. Меняю я размеры практически всех элементов, в первую очередь область контента, также ширину заголовка, высоту левого и правого бордэра. При изменения размера общего контейнера(window), верстка съезжает, поэтому пр…
0 votes2 answers -
Выравнивание таблицы по центру
собственно проблема в том что таблица съезжает в бок при маленькой ширине окна, как это исправить? hotelvizit.perm.ru таблица в шапке - три ячейки под логотип и информация по бокам
0 votes5 answers -
Помогите с парочкой проблем
Вот решил создать сайт, делал сам без знаний по сайтостроению в принципе вообще... Что получилось мне нравится,но вот не могу решить пару проблем... Первое хочу чтоб картинка нижняя(bottom.jpg)прижималась в самый низ страницы... Второе хочу чтоб боковые волнистые полоски растягивались до картинки после выполнения первого пункта... Сейчас чтоб картинка была внизу я просто указал размер волнистых линий #block { background: #fff url(bg_left.gif) repeat-y; height: 600px; width: 750px; text-align: center; color:#666666; } #block DIV { background: url(bg_right.gif) repeat-y 100% ; height: 600px; } если убрать height: 600px; то нижняя картинка и волнистые …
0 votes5 answers -
Пароль
Вот предыдущий топик ССЫЛКА . Сделал чтоб вместо фона была картинка с надписью пароль.Но в экспловере focus не работает .Вот код .Скажите как сделать,чтоб там работало?! <input type='password' name='Password_login' class='header_divlogininputpassword' id='password' > #header_login .header_divlogininputpassword:focus { background-color:#ffffff; background-image: url('images/.jpg'); } #header_login input { width:130px; color:#000000; height:18px; border-width:7px; border-style:solid; border-color:#ffffff; border-left-width:7px; border-left-style:solid; border-left-color:#ffffff; font-family:"Arial"; font-size:14px; } .header_divlogininputpassword { background-image…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-