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
-
XHTML
Вот изучал вашу статью на сайте и у меня возникли вопросы. В разделе требуется закрывать все теги. Как именно закрывать одинарные например <br>, закрывать пример1 Я сегодня<br>выпил чаю</br> пример2 Я сегодня< /br>выпил чаю. Только ли одинарные теги должны завершаться слэшем?
0 votes26 answers -
Вирус в коде
Всем добрый вечер. Народ помогите удалить вирус в коде не пойму где он именно?, вот ссылка http://school7tver.ru/ Антивирус Аваст! Вирус HTML:IFrame-FA [Trj] ?
0 votes20 answers -
как зафиксировать меню посли клика мышки
Есть такая проблема. Сделал меню по вот этому уроку https://www.youtube.com/watch?v=Vcb4DCts1yc, проблема в следующим: Как сделать так, что-бы при нажатии на квадрат, он остовалься в положении как при наведенной мышой на него. И назат не складывалься. (это ссылка на строницу ну там (главная или контакты)). В уроки у него квадрат увеличиваеться при наведении мыши. Эфект сделан с помощью html <div id="conteiner"> <a href="index.html"><div class="menu"> <p class="p1">Sites</p> <!-- <p class="p2">Paint design</p> </div> css .menu { width: 150px; height: 100px; background-color: #F28802; float:left;…
0 votes8 answers -
Стилизация чекбокса без label
Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked https://jsfiddle.net/k4nq7paL/
0 votes9 answers -
Как верстать сайты большой ширины ?
Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…
0 votes6 answers -
Борьба с валидатором
Подскажите пожалуйста как сделать чтоб валидатор не ругался на знак "=" (равно) в ссылке на документ в инете?
0 votes21 answers -
Как часть шаблона (картинка), сделать ссылкой?
Здравствуйте всем. Я только учусь, поэтому просьба сильно на меня не "кричать"))) У меня такая проблема: Есть сайт. В шаблоне сайта есть картинка которую мне необходимо сделать ссылкой на материал (статью). Как это сделать??? css .PageBackgroundGlareImage { background-image: url('../images/Page-BgGlare.png'); background-repeat: no-repeat; height: 262px; width: 136px; margin: 0; } html <div class="PageBackgroundGlareImage"></div> Подскажите какие есть варианты???
0 votes13 answers -
Пункт меню переносится на следующую строчку
При изменении масштаба в Chrome последний пункт меню переносится на другую строчку, хотелось бы услышать какой нибудь совет как этого избежать. Установка min-width: 100% не очень помогает,так как меню у меня не на всю ширину блока и при минимальном масштабе всё равно съезжает так же подключён reset.css,но я его не стал выкладывать. http://jsfiddle.net/XdGhW/1/
0 votes6 answers -
float. Баги отображения при уменьшении размера окна IE.
<!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>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0px; /* Отступы для браузера IE */ padding: 0px; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0px; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin…
0 votes4 answers -
Как правильно верстать логотип?
Уважаемые форумчане! Поделитесь, пожалуйста, опытом - как все-таки правильно верстать логотип? Допустим, на курсах мой преподаватель делал так: <strong class="logo"><a href="#">LOGO</a></strong> а затем вешал картинку на фон блока с помощью CSS. Или лучше использовать тег <img>? А если в лого только текст, то я могу его просто стилизовать или все-равно использовать картинку?
0 votes4 answers -
Проблемы с кодировкой
Сайт берет скрипт карты с GOOGLE. В "Opera" русские шрифты отоброжаются нормально, а в IE некоректно. У меня не большой опыт в web-програмировании. если не сложно опишите подробно, что нужно сделать чтобы у меня все отображалось коректно. Заранее спасибо!
0 votes10 answers -
как сделать текст прозрачным
всем здравствуйте, есть такой код <div class='block_1'> <div class='block_2'> <span class='text'>какой то текст</span> </div> </div> скажите как сделать, так чтобы текст обезцветился и пробил фон дива с классом 'block_2', так чтобы был виден фон дива с классом 'block_1', это дело я уже гдето видел но только не могу вспомнить где, поэтому знаю что это реально, подскажите пожалуйста как это сделать.
0 votes18 answers -
Прижать футер
Помогите прижать футер. вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Костюмные ткани, лето</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> </head> <body> <div id="main"> <div id="header"> </div> <div id="container"> <div id="logo"> </div> <div id="menu"> <ul> <li><a href="index.html">О компании</a>&…
0 votes17 answers -
Резиновое расстояние между картинками.
Здравствуйте. Столкнулся с одной проблемой и не знаю как ее решить. Есть файл с рисунками меню и мне нужно это меню сделать на сайте, но что бы расстояние между рисунками было резиновое - изменялось пропирционально рассширению браузера. Меню ввиде рисунков я сделал, но c резиновым расстоянием у меня возникли проблемы. Как задать чтоб расстояние между рисунками было не фиксированным (word-spacing:) - а динамическим, вымеряемое у процентах. ?
0 votes13 answers -
Возможно ли с помощью псевдокласса hover.....
Привет всем! Есть вопросик: возможно ли при помощи псевдокласса hover при наведении курсора на ссылку загружать в элемент с заданным id(допустим в ячейку таблицы) какое либо графическое изображение или менять стиль? Так сделать можно с помощью JS, а с помощью hover?
0 votes7 answers -
как правильно создать форму по XHTML 1.0 Strict
Добрый день! доктайп такой quot;-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> форма такая <form style="margin:0;padding:0;" method="post" action="../estate/search.htm"> <select name="c" style="width:210px;"> <option selected value="1">Квартира</option> <option value="2">Коттедж</option> <option value="3">Коммерческая недвижимость</option> <option value="4">Комната</option></select> <select name="srcity" size="1"> <option value="%">Не важно</option> <option selected value="Самара">Самара</option> <option value="Тольятти"…
0 votes6 answers -
Не работают ссылки в IE.
Здравствуйте! Это моя первая попытка создать сайт. Столкнулась с проблемой, решение которой найти не удалось. Во всех браузерах, кроме IE, ссылки-картинки, вставленные в таблицу, работают и при наведении на них мышкой НЕ появляется пунктирная рамка. В IE - не работают и появляется рамка, причем только с трех сторон. Outline и border 0/none, не помогает. А вот ссылка на главную страницу через картинку-логотип (на главной странице) работает нормально и рамка не появляется.... Вот код: <div class="subscribe-main"> <table class="subscribe" border="0"> <tr> <td><a href="Etusivu.html"><input class="inpt-1" type="image" src="1stranica.jpg"…
0 votes9 answers -
Растянуть по высоте div, внутри button
Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/
0 votes4 answers -
Как правильно обернуть картинку в ссылку?
Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.
0 votes2 answers -
3 колонки, ширина средней растягивается по содержимому
Здравствуйте! Cтолкнулся с такой проблемой... Надеюсь на Вашу помощь! Задача такая: 3 колонки, нужно помещать в среднюю колонку контент любой ширины(например фото шириной 1200px) и чтобы при этом третья колонка(левая) всегда была привязана к краю средней, т.е уезжала влево. Долго искал, но так и не понял как это можно реализовать.. Если не сложно переделайте вот этот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> * { margin:0; padding:0; } body, html { color: #4D4D4D; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-width:1000px; } #main { margin-top:2px; } #wrapper {…
0 votes7 answers -
Неправильное отображение в Safari и IE. Как исправить?
http://tellmeof.cc.ua/Map/map.html 1. Safari 7 (в более старых не проверял) не скругляет углы у iframe. Вроде бы поддерживает border-radius и overflow:hidden, но тут почему-то не работает. 2. IE7 и IE8 не скругляют углы у iframe. Благодаря pie.htc, скругляются углы у контейнера .s-circle1, но у самого iframe - нет. Overflow:hidden контейнера тоже не обрезает карту, как ожидалось. 3. IE7 и IE8 не отрабатывают ховер. 4. IE9+ как-то странно отрабатывают ховер. Когда курсор переходит на саму карту, ховер-состояние перестаёт действовать. Хотя в нормальных браузерах действует. Прошу помощи.
0 votes11 answers -
css Почему не отображается блок?
При абсолютном позиционировании не отображается блок? Почему? Где ошибка? http://codepen.io/Diargon345/pen/xVJdeR
0 votes6 answers -
Высота DIV
Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Левая - Правая - Центр</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right;} #outer2 {margin-left: 832px; min-he…
0 votes4 answers -
Растянуть блок по содержимому в ИЕ7
<div style="height:100px;display:table;border:solid 1px #111111;width:300px;font-size:14px;"> Отвечая на вопрос журналистов о целях и задачах, которые стоят в нынешних условиях перед Церковью, Святейший Патриарх подчеркнул, что в этот нет ничего революционно нового: "В своем слове после возведения меня на Патриарший Престол я обозначил основные приоритеты. Конечно, это только общие контуры и некие акценты. Требуется, может быть, четкая прорисовка всех деталей, связанных с дальнейшим </div> Как сделать так, чтобы блок бы растягивался по высоте, когда содержимого много. И был равен по высоте 100px, если содержимого мало или нет вообще. Предложенные способ …
0 votes6 answers -
Растянуть блок по ширине содержимого без span
Есть следующий код: <div style="width:300px"> бла бла бла <code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code> бла бла </div> Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code. Посоветуйте, как избавиться от семантически лишнего span.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-