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
29,542 questions in this forum
-
Css и теги <code>,<quote>
Подскажите что тут ни так, пищу два одинаковых тега в style.css blockquote { background:#F4F5F7 url(images/blockquote.gif) no-repeat; border:1px dashed #CCCCCC; margin:5px 0pt; padding:8px 12px 8px 36px; } code { background:#F4F5F7 url(images/code.gif) no-repeat; border:1px dashed #CCCCCC; margin:5px 0pt; padding:8px 12px 8px 36px; } Только разные картинки, а выдает по разному, как сделать что Коде отображалась так же как и Цитата
0 votes4 answers -
Перевёрнутые буквы
Можно ли сделать чтобы надпись "Добрый день" была перевёрнута по вертикали каким нить способом CSS?
0 votes4 answers -
проблема с float: left в IE6
В IE 6 появилась проблема с двумя DIV'ами "col1" и "col2". В Опере и FF все ровно, а в IE 6 ( в других непроверял ) col2 опускается как ступенька ниже на высоту col1 и при этом не заходя за него. Живой пример: http://mobile.viptop.ru/ Может кто с этим сталкивался и знает причину?
0 votes4 answers -
Помогите пожалуйста срочно с увеличением
Очень срочно нужна помощь сайт _arsil.domn.ru/index.php?option=com_content&view=article&id=1&Itemid=8 при нажатии на + в IE ломается шапка кто что подскажет, как исправить ? или как вообще запретить увеличение этого фрагмента если прописать position: для модуля меню то тогда ломается выпадающий эффект (( кусок кода : <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <HTML><HEA…
0 votes4 answers -
Макет с выравниванием по центру и маштабирование.
Здравствуйте. Я недавно начал изучать позиционирование с помощью CSS. Возник следующий вопрос после изучения сайта http://www.mozilla.org/. Как мне показалось, ресурс использует выравнивание по центру с фиксированной шириной, но при этом область контейнера масштабируема до определенного предела. Как реализовать выравнивание по центру с фиксированной шириной я имею представление: #container { position: absolute; left: 50%; width: 800; margin-left: -400; } Подскажите - каким образом реализуется макет с данного ресурса? А именно каким образом при фиксированном размере контейнера добавить возможность его сжатия до определенного предела при масштабировании? Или если т…
0 votes4 answers -
Позиционироние текста
Здравствуйте. У меня такая задача. Есть текст, который по коду должен находится выше всех элементов: например <body> <div id="up">Текст</div> <div>Что-то еще</div> <div>И Еще</div> <div>Все</div> </body> А при отображении он должен находится после блока <div>Все</div>. Бьюсь над этой задачей сутки уже. Если можете подскажите в каком направлении двигаться. Заранее спасибо!
0 votes4 answers -
Абзац в абзаце
Можно ли использовать такие выражения <p> aaaaa <p>бббббб</p> </p> ?
0 votes4 answers -
Работа с текстом
Добрый вечер. Нужна помощь, помоймо можно как то регулировать ширину и высоту букв(как например в фотошопе, грубо говоря высота: 105% ширина 95%), скажите каким атрибутом это делается??
0 votes4 answers -
Определить числа и знаки
Подскажете как более точно определить, ввел пользователь запятую или точку... нужна в числе только точка или ее отсутствие (например, 0.9 или 9 или 88). На запятую error. $sumznak = !eregi("^[0-9]+([\.]+[0-9])", $sum); Так у меня проверка проходит, если ввели запятую, но и если ввести одно число (например, 4) - тоже ошибка. Ввожу 44 - все гуд.
0 votes4 answers -
Рамка вокруг flash
Здравствуйте! У меня проблема: http://zhivoyfest.ru/ Это тестовая страница - специально для форума сделал. Сверху flash-шапка с кодом <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="995" height="249"> <param name="movie" value="flash/top.swf"> <param name="bgcolor" value="#ff0033" /> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="opaque" /> <!--[if !IE]> <--> <o…
0 votes4 answers -
проблемы с подвалом
В общем не могу разобраться в чем проблема, всегда было наоборот, опира, сафари и фф всегда отображали как надо а ие косячит, а тут вот такое вот дело... наоборот... html - страница: <html> <head> <link rel="stylesheet" type="text/css" href="/css/scr.css"> </head> <body> <div id="all_page"> <div id="top-page_round"></div> <div id="content-page"> <div id="header"> HEADER </div> <div id="f_content"> <div id="box_links"> {field_16} </div> <div id="box_content"> {field_1} </div> <div id="box_plus"> <h4>Полезно знать</h4>{field_13}…
0 votes4 answers -
Проблема с резиновой версткой дивами.
Добрый вечер. Стоит задача: резиновая div`ная верстка трехколоночного макета с фиксированной центральной колонкой и резиновыми боковыми. Боковые колонки равны. Для Mozilla реализовать удалось. В ие6 все разъезжается. вот css: .main_header{ display: table; height: 227px; width: 100%; background: url(image/head_vert_background.jpg) repeat-x; } .head_left, .head_right{ position: relative; display: table-cell; height: 227px; width: 100%; } .head_left{ float: left; } .head_right{ float: right; } .header{ display: table-cell; width: 1000px; height: 227px; /*margin: 0 auto;*/ } html: <div class = "main_header"> <div class = "head_left">&l…
0 votes4 answers -
"backgroun-color","text-align" и "background-image" в Safari и Chrome
Доброе время суток. Возникли три вопроса по стилям для Safari и Chrome, помогите разобраться. Подключаю стили CSS <link href="*****" type="text/css" rel="stylesheet" />, прописываю для <body> цвет "body {background-color:******;}", работает отлично в IE и Opera, но в Safari и Chrome работают все стили (которые я использую), кроме "background-color". Если прописать в <head> для этих браузеров, то цвет страницы появляется. Второй вопрос по "text-align". Делаю для текста #text {text-align:center;}, на странице пишу <div id="text">****</div>, но текст всёравно остаётся слева. Третий вопрос по оформлению кнопки. Прописываю стиль button {back…
0 votes4 answers -
Проблемы с разными браузерами
Всем доброй ночи! Написал стиль с помощью css! Стал тестить в разных браузерах и начелось в IE шрифт сдвигается в право исправил потом смотрю в оперу там тоже куда то поехал! Про Mozillu я лучьше промолю меня там чють паника не посетила! все в разброс! Люди помогите плиз может какойнибуть java script есть что приструнить все браузеры под один стиль! ну хотя бы не все а хотя бы Operu и IE! Да и еще я сижу под Linux Может это как то повлиять на стиль?
0 votes4 answers -
слой выезжает и контейнера
Дбрый день подскажите есть слой контейнер с позицией релатив, есть хедер <div id ="есть слой для расположения следующих блоков"> <div id = "есть слой левый с позицией абсолютной"></div <div id= "есть слой правый с позицией релативной"</div> </div> <div id="conteiner"> <div id="header"></div> <div id="conn"> <div id="left"></div> <div id="right"></div> </div>/*conn*/ </div>/*conteiner*/ < теперь проблема на нескольких страниц левый блок больше правого и суть в том что этот левый блок с позицией абсолют не растягивает(по высоте) блок контейнера а получается выезжает за его приде…
0 votes4 answers -
Странный баг
Вобщем пытаюсь написать табличную тему для движка drupal, но почему-то не получается задать высоту главной таблицы в процентах. Возможно, что эта проблема связана с htlm?
0 votes4 answers -
Стиль для Select
Помогите пожалуйста! Как изменить размер и цвет маленьгкой стрелки тега select.
0 votes4 answers -
Помогите с ссылками!
A:link { color:#002bb8; outline:none; text-decoration:none;} A:visited { color:#002bb8; text-decoration:none; outline:none; } A:hover { text-decoration:underline; color:#002bb8; } A:active { color:#FFCC66; outline:none; } Проблема возникает только в броузере Mozila Firefox. Если в странице несколько ссылок, то при нажатии на одну все остальные ссылки тоже становятся посешенными (меняется цвет на посешенный ), почему? В HTML коде все в порядке, пробовала даже в чистом документе. Заранее спасибо за ответ.
0 votes4 answers -
A:Link,hover каряво работет в Опере
что происходит тут?
0 votes4 answers -
Проблема с выравниванием картинок по центру
люди добрые, помогите разобраться, как сделать так чтобы картинки позиционировались по центру экрана а крыло ангела при разрешении 1024х768 при этом заходило за картинку http://www.annatischenko.ru/razdely/Kartin...rospisi_all.htm P.S. у меня если и получается добиться центрирования картинок с помощью div'ной верстки всего макета, то не получается его потом подогнать под большое разрешение P.S. ссылка действительно почему то обрезается, так что я ее разделил на две части
0 votes4 answers -
проблемы с версткой
страничка: http://gruz78.ru/les/ex.html 1) при маленькой высоте окна браузера футер наезжает на контент 2) хотелось бы, что бы горизонтальное меню распространялось на всю ширину окна, а faq прижималься в правому краю. Не получается - что бы я не задавала, появляется горизонтальная прокрутка. 3) в FF страница не растягивается по вертикали. 4) не получается прижать дивы с относительным позиционированием к правому краю родителя. буду очень благодарна, если кто-нибудь подскажет, что я делаю неправильно.
0 votes4 answers -
overflow: hidden, проблема в IE6
Из за чего в ие 6 в браузере не появляется боковая полоса прокрутки а коннент просто уходит под баузер(обрезается) #content { padding:2px; width:978px; position:relative; background: #FBFBFB url(img/border_left.jpg) repeat-y left ; } #content1 { width:978px; position:relative; background: url(img/border.jpg) repeat-y; background-position: 217px; } #content2 { width:978px; position:relative; overflow:hidden; background: url(img/border.jpg) repeat-y; background-position: 965px; } #left { margin-left: 19px; width:189px; float:left; z-index:4; display: inline; } #right {width:750px; float: right; border:1px solid #B3B3B3; border-top: none; color:#000066; z-index:1; }
0 votes4 answers -
Добавление инфы
Всем привет, вопрос такой: можно ли сделать так чтоб на готовый и залитый на сервер Html сайт можно было заливать новую информацию (текст, ссылки и т.п.)
0 votes4 answers -
Tahoma utf-8
Привет, при верстке макета столкнулся с проблемой: шрифт Tahoma выглядит по разному в ff и ie6 при кодировке utf-8 . Пример: <!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>Untitled Document</title> </head> <style type="text/css"> p { font-family: tahoma; font-size: 12px; } span { font-family: tahoma; font-size: 12px; font-weight: bold; } </style> <body> <p>Мир развлечений</p> <span>Мир…
0 votes4 answers -
Таблица в div'е
Мне необходимо нарисовать таблицу внутри дива(который определённой ширины). И когда я рисую таблицу, если она не влезает в этот див, то просто добавлялась полоса прокрутки. Всё бы вроде ничего, сделал, но появилась другая проблема - не смотря на то, что я явно указываю ширину столбцов CSS'ом, они всё равно стремятся быть как можно уже. А мне нужно, естественно, чтоб они были всё-таки той ширины, которую я указываю. Привожу пример исходника: <!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"> <html> <head> <style type="text/css"> …
0 votes4 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-