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
-
Как убить Frame с порнухой
Приятели наловили этого добра, а у всех дети,жены не все есть хорошо когда на столе голые тети с дядями.А сам я не в теме и нет времени букварь листать. Кто может, подскажите как выбить с компа эту радость.Заранее спасибо, верю есть и среди вас хорошие люди
0 votes16 answers -
Проблемы с шрифтами
Добрый день. Дело в том, что не понимаю, что происходит. У меня на сайте используются нестандартные шрифты, которые закинул в папку fonts и подключил их через стили. В индексе прописал <link href="fonts.css" rel="stylesheet" type="text/css"> чтобы он подгружал их, сами шрифты в fonts.css выглядят так: @font-face { font-family: Roboto; src : url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.ttf'); } P { font-family: Roboto; } @font-face { font-family: Roboto-Condensed; src : url('fonts/Roboto-Condensed.eot'); src: url('fonts/Roboto-Condensed.ttf'); } P { font-family: Roboto-Condensed; } Проблема в том, что если просматривать сайт с компьютера, то все …
0 votes8 answers -
Друзья, помогите с доктайпами!
Всем привет! Друзья, помогите разобраться с доктайпами! Чем отличаются HTML от XHTML? Можно подробней, пожалуйста! Что лучше использовать и что используете Вы как мастера, что Вас больше устраивает и почему? Чем отличается в HTML и XHTML: Строгий синтаксис HTML/X и Переходный синтаксис HTML/X? Что в новом стандарте HTML 5? Стоит ли использовать его? Как с ним будут работать старые браузеры? Будет ли он лучше HTML 4.01? На этом замечательном сайте пишется что для XHTML не требуется закрывающий тег, это как? Для всех тегов? Заранее благодарен за помощь начинающему P.S. Выучил HTML по курсам Е.Попова, там только для нубов азы! С чего продолжить? Посоветуйте пожалуйста, а то…
0 votes18 answers -
Под какой размер монитора верстать.
Добрый день! Хочу знать мнение профессионалов: Верстать под 1024 х 768, или же можно уже под 1280 х 1024 и не париться? Кто как считает.
0 votes13 answers -
Отступ IE
http://myportfolio.ho.ua/4/ - пацаны не обращайте пожалуста внимания на кодировку, важен отступ между меню и контентом в IE как от него исбавиться ... я в поиске полазал сделал пару попыток ,оказались неудачными может подскажете чтото ? или ссылочки на темы похожие пожалуста
0 votes8 answers -
Помогите решить: резиновый header
Помогите плиз бьюсь три часа над шапкой сайта. Мои познания в css не большие, вот решил переверстать шапку сайта в divах. Правилно ли я делаю, вроде все отображаеться нормально, но не проходит валидность XHTML 1.0 Strict Attribute "align" exists, but can not be used for this element. …ать" width="523" height="130" align="right" />, а без него никак в голову ничего не приходит. <!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-RU"> <head> <title>Пример шапки</title> <meta content="text/html; charset=windows-1251" http…
0 votes3 answers -
Изменение расположения виджета ВК
Подскажите пожалуйста как изменить расположение виджета ВК группы.
0 votes8 answers -
Верстка на дивах
Необходимо сделать следующую вещь: С дивной версткой мало знаком, прошу помочь кто знает. По идее, человек который хоть раз такое делал слету скажет что и как надо сделать.
0 votes12 answers -
Список наезжает на картинку
Например картинка выровнена по левому краю, а справо идет список. Буллеты списка наезжают на картинку. Как сделать так чтобы буллеты были вровень с остальным текстом? Желательно, избежав изменений в css. Грубо говоря надо что отступ шел не от текста внутри списка, а от буллетов. Относительно картинки. Если такие темы уже были, киньте ссылки, поиск что то ничего похожего не выдает.
0 votes3 answers -
hover в firefox'e
Товариши! Кто-нибудь может мне объяснить почему вот это код не работает в фаержопсе?! <html> <head> <style type="text/css"> .hvr a:hover { background: #786b59; } .hvr:hover { background: #786b59; } </style> </head> <body> <div class='hvr'><a>text 1</a></div> <div class='hvr'>text 2</div> </body> </html> ховер работает только для ссылки, во всех остальных браузерах и там и там. как такое возможно??!!
0 votes8 answers -
Bootstrap 4, Flexbox или Cssgrid
Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…
0 votes3 answers -
Посоветуйте Книги!
1. HTML и CSS на примерах это для изучения HTML и CSS/ 2. А вот какую книжку посоветуете для изучения Фотошопа (конкретно для рисования сайта в н?м на достойном уровне). И ещ? нужна книга по PHP для работы с сайтом. В общем можете рекомендовать вс? хорошее что поможет создать хороший сайт Заранее спасибо всем.
0 votes7 answers -
Footer и Header обрезаются
Всем добрый вечер! При масштабировании страницы, при прокрутки страницы вправо, видно, что footer и header "обрезаны". Добавил "min-width: 1200px;" - все нормально. Но для IE6 никак не могу найти решение этой проблемы. Стили для footer'a: #footer { background-image: url('../images/gradient-bottom.png'); background-repeat: repeat-x; border-top: solid 2px #000; height: 45px; margin: -45px auto 0; width: 100%; min-width: 1200px; } Стили для header'a: #header { background-image: url('../images/gradient-top.png'); background-repeat: x-repeat; border-bottom: 2px solid #000; width: 100%; min-width: 1200px; } Как сделать, чтобы footer и header не обрезались в IE6?
0 votes5 answers -
Как сделать такую вещь ?
нужно создать форму, при которой обязательно необходимо заполнять поля отмеченные звездочкой. "*" и как сделать так, что бы скрипт проверял все ли правильно заполнено ? Заранее спасибо.
0 votes6 answers -
float и position при адаптивной верстке
Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow
0 votes6 answers -
Почему в Мозиле не отображает шапку?
Почему в Мозиле не отображает шапку? И не корректно отображается шаблон.тут
0 votes6 answers -
почему таблица в ячейке не хочет растягиваться на 100% высоты ячейки?
Вот гляньте на страницу. www.hm-ges.ru почему таблица в ячейке слева не хочет растягиваться на 100% высоты ячейки? <td width="202" rowspan="2" align="left" valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/left.jpg"<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/left.gif"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="27" valign="top"> <div class="leftrow"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo …
0 votes6 answers -
Bootstrap 5
Добрый день. Начинаю изучать Bootstrap 5, подключил к своему школьному проекта. Вы не знаете как сделать так, чтобы ссылки "Главная" и "Алфавит" были ближе друг к другу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.rtl.min.css" type="text/css" rel="stylesheet"> <script src="js/bootstrap.min.js.map"></script> <title>Есть такая профессия</title> </head> <body> <nav class="navbar navbar-defaul…
0 votes3 answers -
Масштабирование страницы
Подскажите пожалуйста : как сделать так, чтобы при изменении размера окна браузера или при изменении разрешения монитора сохранялись все пропорции форм и фреймов и все рисунки и фреймы оставались на своих местах, как можно их зафиксировать?
0 votes4 answers -
Горизонтальная\вертикальная прокрутка изображений
Друзья помогите пожалуйста, искал в сети решение - внятно ответа не нашел Ситуация: есть горизонтальный список изображений с прокруткой + центральное увеличенное изображение, как править код что бы горизонтальный список стал вертикальным Бьюсь над этой проблемой не первую неделю, если кто знает подскажите пожалуйста
0 votes6 answers -
Очередная пачка проблем с ИЕ6-7
Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено. Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым: При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуа…
0 votes12 answers -
Текст поверх картинки (почему не работает?)
<html> <head> <title>Untitled</title> <style type="text/css"> #text_bg { background-image: url(/av-37843.gif) no-repeat; } </style> </head> <body> <div id="text_bg"> текст поверх картинки </div> </body> </html> Почему картинка не отображается? Ничего не понимаю... ((
0 votes3 answers -
Селекторы детей
Возникла необходимость использовать селекторы детей, т.е div.content > div.left , но настараживает что на одном из сайтов указано что нет поддержки данного типа селектора в осле и нейскапе. В 8 осле проверил, все работает как надо, собственно вопрос, до каких версий этих браузеров данный тип селектора не поддерживается, иначе, стоит ли использовать данный селектор или стоит придумать уникальное имя?
0 votes15 answers -
Один div внутри другого
Ребята, а вот еще вопрос. есть два стиля для блоков div .blockMain { width: 900px; background: #000; border: 1px solid #7f7f7f; } #blockServices a { display: block; position: relative; float: left; left: 30px; width: 258px; margin: 0px 10px 10px 10px; padding: 30px 0px; border: 1px solid #7f7f7f; color: #7f7f7f; text-align: center; text-decoration: none; font-size: 16px; } В странице я их использую вот так: <div class="blockMain"> <!-- Основной заголовок страницы --> <div> <h1>УСЛУГИ</h1> <hr size="1"> </div> <!-- Основной текст страницы --> <br><br> <div id="b…
0 votes6 answers -
Прилепить изображение неподвижно
Есть сайт: В углу есть элемент: #rul{ position: absolute; z-index: 20; } <div id="rul"><img src="/images/rul.png" /></div> в хеадере. Как сделать так, чтобы при изменении разрешения монитора, руль оставался прижатым к левому краю, но тень ложилась ровно на белый лист (края тени и края листа должны совпадать)?
0 votes16 answers