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 тегу <html> задаем некий базовый размер шрифта, например 20px, а далее при помощи @media(max-width) назначем размеры шрифта тегу <body>(а остльные будут плясать от родителя в em) в rem. И тут возникают вопросы: 1) Какой размер шрифта в html по умолчанию? Может в зависимости от девайса - там уже все как надо? Или лучше сразу назначать размер тегу html в зависимости от экрана, а CSS всем проп…
0 votes7 answers -
Сбивается <a name=""></a>
Огромные респекты сему братству! Переделываю в HTML очень интересную автобиографическую книгу. В ней много текста и фоток. Поначалу хотел фотки вставлять прямо в текст, по получилось криво - соотнести фотку с коротким абзацем сложно. Поэтому решил использовать фреймы: в левом узком фрейме разместил фотки, а в правом широком - текст, в котором поставил ссылки на фотки из левого фрейма: имхо достаточно удобно кликнуть на ссылку в тексте чтобы слева колонка промоталась на фотку. Вобщем, такой код: index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD> </HEAD> <FRAMESET cols="2…
0 votes3 answers -
вставляю div в ячейку - таблица смещается. не пойму.
Здравствуйте! Стал делать сложную верстку, сделал таблицу со строками, и в эти строки вставил трехколоночные таблицы, первые две таблицы (во всех трех колонках) заполнил дивами и все ок, а вот в третьей вставил див (переход строки есть, ширины дива и ячейки совпадают, абсолютного позиционирования не применял, вобщем все ок), но все сместилось влево. Убираю див - все ок, не понимаю абсолютно, может кто сталкивался??? Таблицы автономны друго от друга - вставлены в разные строки и явно указаны ширины ячеек... P.S.: Абсолютное позиционирование не люблю и хотелось бы обойтись без него. Всем откликнувшимся заранее спасибо!
0 votes2 answers -
php скрипт
как устоновить php скрипт :|
0 votes6 answers -
DIV уходит вправо в IE
В IE DIV Почему-то уходит вправо... В Опере и Хроме всё норм... Вобщемто всё даже сложнее... Сижу на 2-х мониторах. 1-15" 2-24" на 15 дюймах всё норм в окне отображается. а на 24 дюймовом если во всё окно развернуть то получаеться что див уходит вправо... в IE если же на всё окно растянуть то всё нормально... Жесть какая-то на 2 моника руками растянул всё норм..... <!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>Untitled Document</title> <…
0 votes4 answers -
html
Подскажите што такое происходит.задал цвет и т.д. тексту он находится в div,перед ним еще один div,когда я его убераю цвет и остальное меняется в другом div. Ставлю обратно.все опять работает.
0 votes17 answers -
[Help]Изменение вида у новостей
Установил се на сайт скрипт новостей но немогу подстроить под стиль если кто чем может помоч подскажите плиз скрипт новостей: <?php $link = mysql_connect(localhost,root,mangos); mysql_select_db(realmd,$link); mysql_query ("SET NAMES 'utf8'"); $result = mysql_query ("select topic, message, date, author, type from news"); while ($row = mysql_fetch_array ($result)) { $topic = $row['topic']; $message = $row['message']; $date = $row['date']; $author = $row['author']; $type = $row['type']; echo "<div class='newsitem'> <div class='top'></div> <div class='content'> <div class='title ".$type."'> <span class='fleft'>".$topic."</sp…
0 votes9 answers -
Подсветка кода.
Скажу честно, создаю пост от части из лени, но прежде всего ожидаю, что мне порекомендуют действительно хороший вариант... Нет ли у кого великолепного скрипта подсветки С++ кода? Можно на php но лучше, если на JS.
0 votes12 answers -
Обрезка изображения линиями
Существует специальная функция которая рисует изображение drawImage и её перегруженный вариант которая делает обрезку изображения и принимает она 8 параметров. drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); Можно ли как ни-будь сделать обрезку изображения не таким способом, а с помощью линий (lineTo). Вот сам код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Загрузка картинки</title> <script> var canvas, ctx, img; window.onload = function() { canvas = document.getElementById("drawingCanvas"); ctx = canvas.getContext("2d"); var img = new Image(); img.src = "img2.jpg"; img.onload = …
0 votes10 answers -
Изменить размер и перенести на правую сторону
Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так а хочется вот так (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю. (Типо код) <html> <head> <meta charset="utf-8"> <title>Цветочный салон: Мираж</title> <style> hr { border: none; background-color: #CD5C5C; color: red; height: 3px; } </style> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #FF00FF; border-radius: 20px 5px; width: 5…
0 votes4 answers -
Определить стиль списка через идентификатор
Столкнулся с такой реализацией САБЖА в коде одной из тем ВордПреса: #nav ul {display: inline; font-size: 0.7em; line-height: 1.75em } этот код не работает и размер шрифта для списка берется из базового стиля для списка а вот если переработать код так, то все ок: ul#nav {display: inline; font-size: 0.7em; line-height: 1.75em } Вопрос: первый вариант кода вообще допустим или нет? Или для него есть какие-то особенности, раз авторы темы таки использовали его?
0 votes2 answers -
Как создать страницу фиксированного размера?
Меня интересует как можно создать странику фиксированного размера? Ну например 200х200 пикселей Например, вот такую как на рисунку. Только это в опере. А то есть страницы, которые и в ИЕ отображаются похоже. Как так сделать?
0 votes2 answers -
Отступы при стопроцентной ширине/высоте
Есть див высотой 50% от окна. Внутри него есть еще один див, который должен быть высотой 100% от родительского дива минус 30 пикселей сверху и снизу. Если я добавляю padding к родительскому диву, то его высота получается больше 50%. Возможно ли сделать нужные отступы, не увеличивая высоту родительского дива, не используя JavaScript? Сделать высоту родительского дива меньше 50% нельзя, т.к. иначе размер будет немного разный по высоте при различных разрешениях, что недопустимо.
0 votes7 answers -
Вопрос. Select накладывается на меню.
Здравствуйте. Помогите новичку решить такую проблему: отлаживаю сайт zootovari.pp.ua слева выпадающее меню, в тексте страницы может быть форма с select-ом. Когда меню выпадает и select оказывается под выпавшим меню, select отображается поверх меню, а должен перекрываться меню. Как это исправить. Чтоб посмотреть пример такого наложения выберите в меню: Кошки - Сухой корм - Для котят , появятся товары, и снова Кошки - Сухой корм - Для котят, тогда открывшееся последнее подменю наложится на select. ВАЖНО! Проблема возникает при просмотре в IE! В Firefox всё работает как надо. если нужно, выложу исходники тех частей которые попросите.
0 votes4 answers -
помогите разобраться с видимостью
Приветствую! Есть такой код: <html> <style> #header { width: 1000px; height: 315px; background: url(http://i8.fastpic.ru/big/2010/0708/c2/2315a3649295fcc8cbb68e54be8bcac2.jpg) no-repeat; } #leftcolumn { z-index: 10; display: inline; /* position: relative;*/ float: left; width: 155px; margin-right: 10px; background: #ffebb9; } #rightcolumn { display: inline; position: relative; width: 735px; height: 800px; float: left; background: #fff; border: 1px solid black; } #faux { background: url(http://i8.fastpic.ru/big/2010/0708/25/8946cb8d48096c54b7efb8bd6c4a3f25.jpg) repeat-y; background-position: 0px 262px; overflow: auto; …
0 votes10 answers -
валидация страницы
Как проверить HTML-файл на валидность? и как это важно. Прочитал на вашем сайте информацию, что файл html можно проверить на валидность PSPad-редактором, скачал этот редактор чё-то не могу разобраться как им проверять.
0 votes11 answers -
div'ы и ie6
Приветствую. Имеем следущий код: #body { width:1000px; height:100%; margin:0 auto; display:block; } #left { width:62px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; background:#e0e0e0 url(../images/index_06.jpg) no-repeat top; -margin:-13px 0 0 0; display:inline; float:left; } #right { width:937px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; -margin:-13px 0 0 0; display:inline; float:left; } #right_top_left { width:286px; height:30px; display:inline; float:left; } #right_top_right { width:651px; height:30px; background-color:#e0e0e0; di…
0 votes12 answers -
Баги в меню..
http://testsite.sz3.ru пожалуйста, помогите исправить баги. не могу оцентровать блок меню по центру. относительно разрешения экрана автоматически не хочет ну никак по центру вставать. кнопки меню при уменьшении окна браузера смещаются друг под друга. да и вообще в принципе если есть замечания по коду. выскажите плииз. КОД: Исходник: <!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=windows-1251" /> <title>Тестовый сайт</title> <style type="text/css…
0 votes8 answers -
резиновая меню
Здраствуете.Мне нужна создат резинавае меню.Так штоба пункты меню со сваим блокам отxадили друг от друга и тянулис по ширине екрана не меняая размеров.Кто знает как ето можна реализожат? http://webfile.ru/5684398 zdes vy@lajil fayl
0 votes2 answers -
Блок заполняющий оставшееся пространство
Доброго времени суток, уважаемые форумчане. Положение: Есть div A с определенной шириной, в нём расположены 3 div'а. 1-й div(определенной ширины) float'ом прижат к левому краю. 3-й div(определенной ширины) float'ом прижат к правому краю. а второй div расположен между 1 и 3. Вопрос: Как сделать так чтобы 2-й div заполнял оставшееся свободное пространство по ширине?
0 votes4 answers -
Понимает ли Chrome <br class="clear" /> ?
Понимает ли хром такую запись - <br class="clear" /> Во всех браузерах нормально выглядит конструкция, есть перенос и отступ строки, а хром как будто не замечает в упор этой записи и продолжает выводить текст как будто там ничего и не стоит. Если он таких вещей не понимает то на что можно данный код заменить?
0 votes19 answers -
бустрап верстка
есть такой чудо код <div class="row"> <div class="col-lg-4"> <div class="col-lg-7"> <h1>Менеджеры</h1> </div> <div class="col-lg-5"> <h1><a class="btn btn-success" href="/user/create"><span class="glyphicon glyphicon-plus"></span></a></h1> </div> </div> <div class="col-lg-8"> </div> </div>так нормально делать или есть более правильное решение? смущает ссылка в <h1> но иначе не выравнивается
0 votes12 answers -
Как создать кнопки (пример внутри)
http://preview.themeforest.net/item/landx-multipurpose-wordpress-landing-page/full_screen_preview/9545842 сверху 3 кнопки соц сетей, как такие создать? Они не картинками вставлены. Т.е если бы просто нужно было бы кнопки, я бы просто вставил картинку, но тут проблема в том, что при ховере с эфектом перехода меняется цвет
0 votes6 answers -
В FF не работает относительное позиционирование блоков
Собственно код следующий. Требуемое действие это передвижение блока дива при шелчке по ссылке на который висит JavaScript. в IE и в Opera все работает в FF 2.0.0.13 вообще никак, Js включен. <html> <head> <title>Относительное позиционирование</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="javascript"> flag=0; </script> </head> <body > <div style="margin-left:100; width:200; height:50; border:1 dotted;" > <div id="kuku" style="border:3 solid; left:50; position:relative; top:0; width:120"> <a href="java script: if (flag==0) { window.document.al…
0 votes3 answers -
Проблема с Opera и Firefox
Помогите, пожалуйста, более грамотные и опытные начинающим... У меня есть три различных css-файла, для каждого браузера свой (IE, Opera, Firefox), Проблема в том, что нам необходимо подгружать различные css-файлы для IE, Opera, Firefox мы используем скрипт: function check_browser() { var version = 0; if (navigator.userAgent.indexOf ("MSIE 5") != -1) document.write ("Internet Explorer 5.0"); else if (navigator.userAgent.indexOf("MSIE 4") != -1) document.write ("Internet Explorer 3.0!"); else if (navigator.userAgent.indexOf ("MSIE 4.5") != -1) document.write ("Microsoft Internet Explorer 4.5 for Macintosh"); else if (navigator.userAgent.indexOf ("Opera") != -1) document…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-