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
-
Нужна помощь с div в ие6
Добрый день. Подскажите плз в чем проблема. Простой код во всех броузерах кроме ие работает отлично: <html> <head> <title>Div test</title> <style> body { margin: 0; text-align: center; } .container { width: 982px; margin: 5px auto; } .subcontainer { border: 1px solid black; float: left; width: 980px; } .header { background-color: red; height: 30px; margin-bottom: 5px; } .item { border: 1px solid blue; display: inline; float: left; height: 135px; width: 180px; margin: 0 7px 5px 7px; } </style> </head> <body> <div class="container"> <div class="subcontainer"> <div class="header"&…
0 votes2 answers -
Инпут вылазиит за пределы ячейки
Есть простенькая таблица для примера: в ней 1 строка, 2 ячейки, в левом - инпут. Специально, чтобы видеть границы ячеек видны бордюры. Так вот, инпут вылазиит за пределы ячейки и налазиит на правую ячейку. Ширину ему указываю 100%, хочу чтобы он был на всю ячейку, но никак не больше и не меньше. Указать 99% и т. п. не вариант, т. к. в конечном виде будут ячейки разной (в том числе и большой) ширины и для одних ячеек 1% будет мало, для других слишком много. Проблема касается всех браузеров (ИЕ, ФФ, Опера). Ниже представлен код таблицы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x…
0 votes2 answers -
Проблема с таблицей в IE
Вот в чём суть. Есть таблица из 5-ти колонок. 1-я, 3-я и 5-я имеют неизменяемую ширину и фоном у них целые изображения, а вот 2-я и 4-я - увеличиваются по мере увеличения разрешения экрана и фоном у них узкая вертикальная полоса, повторяющаяся по Х. В firefox работает всё правильно, а вот в IE 2-я и 4-я колонки так и остаются пустыми. В чём проблема? Как решить? p.s. и ещё, когда ставлю отображение рамок в таблице, то и в ИЕ правильно работает
0 votes7 answers -
Нету высоты во вложенном div-е
html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/css.css" rel="stylesheet" type="text/css" /> <script src="js/minmax.js" type="text/JavaScript"></script> </head> <body> <div id="header">Заголовок</span></div> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="l_back"><div><div> </div></div></div> <div id="r_back"><div><div></div…
0 votes4 answers -
перехват данных стороннего сайта и отправление ему же...
Собственно интересует вопрос перехвата данных стороннего сайта На примере ulmart.org - как это работает и есть ли статейки которые можно по этом вопросу почитать?
0 votes6 answers -
Какой Минимум Знаний Для Создания Сайта?
Планируется создать сайт на Joomla. Сам я в HTML, CSS пока разбираюсь очень плохо. Нужно ли кроме HTML, CSS, что либо еще, если на сайте будет форум? Насколько я знаю, форум создается только на PHP. Но можно ли, каким-то образом, подключить готовый форум, без знаний языка? Может даже и что еще потребуется? Почему спрашиваю? Потому что хочу попробовать сам его сделать. Или же лучше отдать профессионалу?
0 votes14 answers -
Карусель
Помогите найти слайдер карусель не знаю как еще назвать скрипт По сути мне нужно вывести 5 картинок и ссылки рядом для переключение на каждую картинку, и навигация в виде точерк. Вот Как тут ! Может кто то поможет решить данную проблему !
0 votes2 answers -
Отмена наследования css свойст потомками
Здравствуйте! Столкнулся с ситуацией при создании всплывающего меню https://jsfiddle.net/u7qam9jm/6/ что свойства для родительского блока дублируются и на дочерние блоки. Я пытался через :not, но даже "не заметило конструкцию" и свойства все равно єкранировали на потомков...
0 votes5 answers -
Изменение placeholder при вводе текста в поле
Как делаются такие эффекты, когда при вводе текста placeholder не исчезает, а уменьшается и перемещается в угол. Вот пример с placeholder (слово "email") сместилось при вводе почтового ящика.
0 votes1 answer -
<div> над <div>
Имеется некий скрип в который выводит на экран картинку.Это картинку нужно закрыть другой (прозрачным гифом) тоже в А вопрос такой: как расположить один див над другим? <div id="test" style="position:relative; width:150; height:150"> <div style="position:absolute;top:0px;left:0px;"> <form onsubmit="java script: showBusyLayer()" method="post" action=''> <input name="story" type="text" style="width:300px; height: 300px;" /> <input type="image" align=middle class="button_1" src="center001.gif" /> </form> </div>
0 votes1 answer -
автомат. изменение шрифта для текста (копир.)
на новостной сайт копируются руками новостис др. сайтов...при копировании стиль шрифта сохраняется тем же, что и на сайте с которого эти новости копируются...админка не позволяет менять этот шрифт на который надо...вопрос...можно ли прописать в стилях каким-либо образом, что бы текст на сайте был одинаковым везде, не зависимо не от чего... p.s. в css e;t прописано body {font-family:verdana}
0 votes5 answers -
Где узнать?
Всем привет! Есть сайт с шапкой, подвалом и левой колонкой. Нужно вставить правую ячейку динамическим блоком. Содержимое этого блока должно меняться в зависимости от нажатия ссылки в левой колонке. Пробовал организовать через фрейм, но увы... Подскажите, где найти информацию. Документ будет в формате html. С уважением, Алексей.
0 votes6 answers -
Чем заменить ссылку
Есть у меня код: Фрагмент HTML: <ul id="toc"> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> </ul> Фрагмент CSS: ul#toc {list-style:none; padding: 0; margin-left: 2px;} #toc li a {float:right; background:#FFF; padding: 0 4px 0 0; COLOR: #000000; TEXT-DECORATION: none} #toc li span {float:left;background:#FFF; padding 0 0 0 4px;} #toc li br {clear:both;} И всё меня устраивает, …
0 votes18 answers -
onclick
Всем привет. Подскажите, как заставить вот это <a href="all/hearing.html" TARGET="frame"></a> заработать в onclick="" заранее спасибо.
0 votes8 answers -
Нужна помощь гуру
Доброго времени суток уважаемые форумчане. Нужна ваша помощь. Я сейчас допиливаю форум и мне нужно сделать следущее: На странице регистрации http://othc.ru/forum//index.php?action=register регистрация занимает слишком много места. Мне нужно чтобы Это огромное окно было раза в 5 меньше. И получаеться весь текст был внутри этого окна поменьше и его можно было читать при помощи ползунка. надеюсь вы поймете =) Помогите пожалуйста так сделать =)
0 votes13 answers -
Overflow в flexbox с центрированием
Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?
0 votes5 answers -
Цвет фона по бокам в wordpress
Привет, стоит тема Metro Magazine на wordpress. Хочу поменять фон по бокам, чтобы не белый был, а немного сероват. Нашел инфу что в настройках нужно Внешний вид -> Настройки темы -> вкладка Стили -> во вкладке пункт «Ваш CSS» -> пишем туда код: body { background: #CCC; } #header { background: #CCC; } все так и сделал, но при этом поменялся фон не только по бокам, но и посередине, в контенте. Как сделать так, чтобы поменять фон только с боков, а посередине оставить как есть. Надеюсь я понятно описал проблему, буду рад если мне ответят, спасибо.
0 votes4 answers -
Баг с Wow.js
Добрый вечер, возникла проблема с отображением контента при использовании wow.js + animate Если листать страницу мышкой, контент не отображается, только спустя какое-то время, однако, если скроллить, например, стрелочками или же нажимать мышкой на ту секцию, которая не отображается, она сразу же появляется. Сам сайт: https://alex2033.github.io/ Как решить данную проблему? UPD: оказывается данный баг в хроме и опере, в мозиле подобной проблемы нет
0 votes0 answers -
помогите с изучением- нада книга
скиньте сылку на книгу html.4 желательно чтобы книга была с полным изучением и примерами... базовый, даже чуть больше я знаю но хотел бы выучить язык на высшем уровне. буду осчень благодарен (я когдато видел книгу 40 мб но потерял сайт и теперь не могу найти... мне бы похожую)
0 votes3 answers -
Разные CSS для одного элемента
для всех заголовков на сайте использутся стиль: #osnova H1, H2, H3,{ FONT-SIZE: 17px; COLOR: #4f7ba6; background-COLOR: #f3f3f3; font-style: normal; font-weight: bold; margin: 0px; text-align: right; background-image: url(/images/h1_strela.gif); padding: 0px 5px 0px 0px; } и только на одной из страниц сайта надо задать другой стиль для заголовков в диве zag: <div id="osnova"> <div id="zag"><H1>Заголовок </H1> <H2>Заголовок </H2> <H3>Заголовок </H3></div></div> Задаю, такой стиль не работает т.е всем заголовкам в диве zad присваиваются стили osnova: #zag H1, H2, H3 { FONT-SIZE: 17px; COLOR: #4f7ba6; background-CO…
0 votes5 answers -
title в css
Ребят, день добрый! Не подскажите ли Вы, как можно иначе прописать title не как свойство у тега a. Например, можно ли прописать его в css. Или другой способ это верстка самого функционала title. Мне бы как нибудь всплывающую подсказку надо бы сделать к input'у. Но как? Это для меня пока еще загадка. Спасибо.
0 votes2 answers -
div 3 колонки
НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…
0 votes6 answers -
проблема с float + div
Привет всем ... У меня не то что проблема, мне нужна консультация ... Вот что я хотел спросить ... Я меня есть несколько блоков, основной <div id = "main">, и еще 3 дочерние <div id = "d1">, <div id = "d2">, <div id = "d3"> - хочу чтобы они строились по левому краю - есть - float: left; - все бы хорошо только прописывать флоат очень много надо ... Можно ли как-то задать осномвному блокe <div id = "main"> правило чтобы все дочерние блоки строились слева ... т.е. мне нужно показать как можно используя одно правило для <div id ="main"> - заставить все внутренние блоки строиться слева как в float: left; <html> <head> <ti…
0 votes7 answers -
Изогнутое изображение средствами css
Добрый день, господа. У меня тут не большие затруднения с изображением http://s020.radikal.ru/i704/1404/1c/eed2d4f43f8e.png подкиньте идею как лучше сделать данную "закладку"(никак не могу придумать как ее назвать)? а то я в ступоре уже несколько часов Единственное что получилось это <div class="bookmark"><span class="triangle"></span></div>.bookmark { height: 250px; overflow: hidden; position: relative;}.triangle { position: absolute; top: 30px; left: 40px; width: 0px; height: 0px; border-style: solid; border-width: 50px 100px 50px 0; border-color: transparent #8b8ba6 transparent transparent;}
0 votes2 answers -
Помогите!
У меня к вам такой вопрос: Стоит ли делать сайт на одну из этих тем, будут ли они иметь популярность и т.д.! Вот темы: Все о игре HItman! Все о игре Splinter Cell Все о программах, описание, ссылки! Все о интернете! Все о компьютерах! Все о играх! Защита от хакеров! Если да то подскажите на какую! Заранее спасибо!
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-