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
-
Моя первая верстка
Доброе. Решил я всё таки перестать спрашивать на форумах "Как научиться верстать?" а просто взял и попробовал. Вот что из этого получилось: Макет: Верстка(демо): http://goodproject.tk/verstka/ Код: HTML: http://2paste.in/rfvg CSS: http://2paste.in/pbgc Сразу скажу, что верстку делал далеко не точную, я знаю что она фейспалмовая, ибо большинство элементов не вырезаны (иконки например, из за чего текст и иконки выглядит криво (разная высота)) + верхнее меню состоит из отдельных элементов а не из "ul" и "li" поэтому большинство элементов тут тупо наложены цельным бэкграундом, а не по отдельности, как это правильно, что бы не терять ещё несколько часов на вырезание, …
0 votes7 answers -
градиент
скажите пожалуйста,как верстать градиент Часто в макете есть сложный градиент,он бывает даже фоном страницы,Как его верстать(связывать слои в фотошопе,делать картинку и натягивать на фон блока),или всё делать средствами css?
0 votes9 answers -
Выделить и скопировать текст со страницы?
Сразу говорю - я чайник. Пришёл на форум за решением простейшей задачи. Посмотрите пожалуйста. Сайт не мой. http://www.scibet.com/football/2015-08-04/ В общем мне нужно выделить и скопировать текст (выделено красным): Мне не удаётся выделить текст который "прячется" за "картинкой" (линия, при наведении курсора - появляется текст) указано красной стрелкой. Его мне тоже нужно выделить/копировать и вставить в ексель. Видимо надо как то "разобрать" страницу, убрать лишние картинки - оставить только текст, что бы можно было спокойно выделить/копировать. Помогите пожалуйста. Спасибо!
0 votes10 answers -
Многоуровневое горизонтальное меню
Салют ребятки. Решил сделать сайт, но столкнулся с проблемой. Не могу создать многоуровневое (3-х) горизонтальное меню (пока не особо получается дружить со списками). Кто профи - помогите! Пожалуйста! html: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <link href="css/menu/style.css" rel="stylesheet" type="text/css"> <link href="css/menu/font.css" rel="stylesheet" type="text/css"> </head> <body> <header> <nav> <ul> <li><a href="#">Текст1</a> <ul> <li><a href="#">Текст1.1</a></li> </ul> <ul> <li><a …
0 votes2 answers -
Проблема наложения слоя на select
Имею следующий код: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT></SELECT> Почему то слой перекрывается. Глюк наблюдается в Explorer'е. Opera и Mozilla отображают правильно. Помогите решить проблему, плз.
0 votes0 answers -
Help тест в HTML
Ребята помогите написать тест в HTML! Надо 15 вопросов. Примерно 3 вопроса - где ответ вводится с клавиатуры, 5 вопросов - это выбор нескольких вариантов ответов, и остальные вопросы - где выбирается 1 вариант ответа. Пожалуйсто, надо к завтрешнему дню. Заранее спасибо!!!
0 votes3 answers -
Соответствие <font size=""> и font-size
Есть ли какое соответствие между <font size=""> и font-size: ? Допустим, в тегах написано <font size="4"> как это в CSS указать?
0 votes3 answers -
float:left и прозрачный фон
Когда я вставляю стиль float:left то блок становится белым и закрывает фоновое изображение родительского дива. поиск в интернете не дал ни чего вразумительного. подскажите, кто знает, это глюк, недокументированная особенность? как победить?
0 votes3 answers -
Подскажите способ
Подскажите, как лучше верстать такую карусель? Из вариант - это разбить на три блока ( левый(стрелочка) ; центральный(который меняется; правый(стрелочка). Или сделать все через позиционирование.
0 votes15 answers -
Почему не работает внутреняя тень картинок?css:inset
На изображении работает тень box-shadow но не работает inset внутрення тень,точнее работает если добавить padding но это внутреняя тень не в изображении уже... Собственно хотелось бы увидеть простейший пример внутренней тени на изображении. З.Ы.можете не писать банальные box-shadow:inset 0 0 10px; так как все это не работает и что я не пробую всеравно не отображается внутреняя тень((
0 votes2 answers -
Резиновый блок
Ребят, есть такой код: <!doctype html><html><head><title>Page</title></head><body><div id="wrapper"> <div id="left">...</div> <div id="right">...</div> <div id="main">...</div></div></body></html>Блок wrapper имеет определенную ширину и фон у него белый. У блока right тоже своя ширина, а вот фон другого цвета. И мне нужно установить максимальную высоту, чтобы она была "равна" высоте блока wrapper, дабы в других блоках контента больше, соответственно высота у них тоже больше, а не очень то красиво выглядит то, что в правом блоке часть фона серая, а другая - белая.…
0 votes8 answers -
Как выровнять текст в вертикальной ячейке
Текст в вертикальных ячейках переносится по словам, а не использует всю высоту ячейки. Помогите разобраться, как сделать, чтобы каждое отдельное словом не переносилось на новую строку. http://jsfiddle.net/f3gem5kj/2/
0 votes2 answers -
Помогите определить шрифт
Есть такой скриншот http://joxi.ru/vn2YEk3fR57b26 Какой это шрифт?
0 votes3 answers -
Почему боковое меню не заезжает обратно?
Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output
0 votes2 answers -
dysplay for <optgroup>
Можно ли убрать из раскрывающегося списка часть строк с помощью dysplay: none для ?
0 votes4 answers -
ie6, png, bacgound-position
Доброго времени суток! Старая "добрая" проблема пнж в ослах версий ниже 7й.. раньше пользовался первой версией вот этого http://www.twinhelix.com/css/iepngfix/, хватало.. К сожалению пришел тот день когда мне в руки попал сайт, который просто напросто перегружен пнж картинками и вышеуказанное, даже вторая версия не помогают.. может кто знает как справится с этой ерундой?
0 votes3 answers -
Отображение флєш в браузере Опера
Первый раз в жизни создал и немного потренировался создавать флэш. При сохранении анимации, программа сгенерировала html-код и сам файл флєш,весящий нкмного. Вот исходник сгенерированный: <HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset="> <TITLE>Без названия-9</TITLE> </HEAD> <BODY bgcolor="#FFFFFF"> <!-- URL's used in the movie--> <!-- text used in the movie--> <!--ТСКЕ--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="550" HEIGHT="400" id="Без названия-9" ALIGN="</…
0 votes1 answer -
Меню на списках
Всем добрый вечер. <!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=utf-8" /> <title>—--</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul.menu { background: rgb(220,255,230); height: 70px; position: relative; list-style: none; text-align: right; } ul.menu > li { border-right: 1px solid rgb(250,130,30); display: inline-block; width: 8%; height: 100%; text-align: center; } </style> </head…
0 votes6 answers -
Масштабируемость IMG в таблице.
Делаю страничку просмотра объявления, с приложенными к нему одной или несколько фото. Идея в следующем, есть таблица из двух ячеек НЕфикрсированной ширины. В левую ячейку вставляется фото, и растягивается в месте с ней на всю ширину таблицы. Если же фото несколько, то в правую колонку вставляется ещё одна таблица с вложенными в неё миниатюрами остальных фото, после чего левая колонка основной таблицы должна пропорционально уменьшиться вместе с фото, уступив место правой ячейке. Ниже изложенный код работает во всех браузерх, кроме IE. В IE, левая колонка распирается на всю ширину таблицы, а правая ячека выпирает за пределы div'a. Как изменить код, чтобы задумка работала и …
0 votes3 answers -
Текст/блок доходит до низа браузера и сайт сьезжает
Текст/блок доходит до низа браузера и сайт сьезжает примерно на 5-10px влево.... из-за чего такое может быть?
0 votes11 answers -
Проблема с понимание работы margin
Здравствуйте.Не могу понять поведения боксовой модели.Ниже код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <style type="text/css"> #box1 { margin:0 auto; width:800px; height:100px; background-color:#F00; } #box2 { margin-top:10px; width:100px; background-color:#0F0; height:100px; } </style> </head> <body> <div id="box1"> <div id="box2"> </div> </div> </body> </html> Т.е. у меня есть родительский див с фиксировано высотой и шириной и дочерний.Не понимаю - почему при объявлении свойства m…
0 votes6 answers -
text-rendering и image-rendering
Кто-нибудь использует эти свойства? Я знаю, что довольно специфичные (только FF), но мне показались любопытными. Только я так и не понял точно про что они и, почему-то в ФФ последнем я не вижу вообще разницы? Стоит ли вообще уделять им внимание? MDN htmlbook
0 votes3 answers -
Как растянуть iframe?
Всем привет. Люди помогите разобраться с iframe. Как сделать, чтобы он растягивался на всю длину? Вот код, который не хочет работать. Iframe должен быть без полос прокрутки. И как поставить блок div, содержащий фрейм, рядом с блоком содержащим много текста. <html> <body> <div style="max-width:1200px; min-width:800px; margin:4px;"> <div style="width:100%; height:146px; border:solid 1px #000;"></div> <div align="center"> <div style="float:left; width:120px; border:solid 1px #000;"> <br /> много текста <br /> много текста <br /> много текста <br /> много текста <br /> …
0 votes1 answer -
Вставка генерируемого содержимого :before
a[href*="russian.html"]:before {background: url(bullet2.png) no-repeat; border:1px solid black;} если убрать из кода псевдоэлемент :before то картинка появится, но мне не хочется добавлять 0 6px padding-left: 15px. чтобы она стала слева перед ссылкой. Почему маленькая картинка перед ссылкой не отображается?
0 votes10 answers -
Адаптивное меню
Добрый вечер! После просмотра очередного сайта, где меню изменялось от ширины экрана, возник вопрос "Как сделать Адаптивное меню?". Допустим, при просмотре с большого экрана можно увидеть во всю длину горизонтальное меню, а при просмотре с маленького экрана горизонтальное меню преобразовывается в раскрывающийся\закрывающийся список. Вопрос: Как такое меню сверстать, какие методы при этом использовать? Пример: Зажав клавишу Ctrl + прокручивая колесико мыши, можно видеть как меню видоизменяется.
0 votes1 answer