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
-
Форма отправки сообщения
Есть форма отправки сообщения с сайта,но там все поля являются не обязательными для заполнения.Как сделать чтобы поля были обязательными? звёздочки проставить и т.д.? вот код: <div id="mailform"> <b>Заполняйте пожалуйста все поля!</b><br> <br> <b>Ваш email :</b><br/> <input type="edit" name="email" value=""/><br/> <b>Ваше имя :</b><br/> <input type="edit" name="name" value=""/><br/> <b>Контактный телефон :</b><br/> <input type="edit" name="tel" value=""/><br/> <b>Сообщение :</b><br/> <textarea cols="25" rows="5" name="tex…
0 votes4 answers -
Iframe kak задать Height в %
Уважаемые товарищи, Подскажите пожалуйста как задать атрибут Height в % для тега iframe: *{padding:0; margin:0; } html, body{ height:100%; width:100%; } #contaner{ width: 900px; margin:auto; min-height: 100%; position: relative; } #header { height:45px; background-color: #000; border-bottom:solid 5px #ffcc00; } #content{ height:100%; position:relative; padding: 0; margin: 0; } #empty{ height:50px; } #footer { min-height:50px; margin: -50px auto 0; width:900px; position: relative; } .left-frame iframe{ float: left; } .right-frame iframe{ position: relative; } <html> <head> </head> <body> <div id="contaner"> <div …
0 votes16 answers -
Мозилла-зум
Привет! с кроссбраузерностью знаком пока не очень! Появилась такая проблема...главная страница сайта почему то зумится по отношению к другим...и только в Мозилле...в остальных всё норм, да и остальные страницы в Мозилле норм в чем может быть дело? спасибо
0 votes5 answers -
Ячейка как в экселе
Здраствуйте,подскажите пожалуйста,возможно ли создание ячейки такой же как в экселе(т.е. можно писать много текста но он не будет отображаться весь,а только по размерам ячейки)?? заранее спасибо)))
0 votes6 answers -
Что за отступы в ie 6-7
На сайте Электронная Финляндия в левой колонке в разделе "Доска почета" в ie 6-7 появляются отступы между картинкой и ником && картинкой и нижней границей. Чем это вызвано и как убрать?
0 votes7 answers -
Как вствить флеш фоном
Здравствуйте, в общем есть такой макет , там на флеше изображена сама электростанция и облака вокруг нее, там птички летают облачка то и дело снуют туда сюда, в общем красота неописуемая, как вы уже наверное догадались вопрос: как мне теперь поверх всего этого разместить основной контент (меню и т. д.). Пробовал разместить флеш сверху а все остальное поднять margin не вышло, накладывать дивы друг на друга с помощью position:absolut мне не подходит. Подскажите плз. может скрипт есть какой или иное решение.
0 votes5 answers -
Скрипт "Не смогли дозвониться?"
Доброго времени суток! Подскажите пожалуйста, если ли готовые скрипты типа "Не смогли дозвониться? мы перезвоним" (пример _http://www.citilink.ru/ сверху в шапке), если какие либо сервисы которые занимаются продажей таких примочек? или нужно писать отдельно под каждый сайт?
0 votes1 answer -
Откуда берется расстояние между блоками?
Доброго времени суток. Простейший блок на странице ввел меня в замешательство. <style type='text/css'> section{ display:block; } #container{ margin:0 auto; width:900px; } #divsection div{ display:inline-block; /*float:left;*/ width:150px; border:1px solid black; margin:0; } </style> <section id='container'> <section id='divsection'> <div id='active-tab'><a href=''>Пункт 1</a></div> <div><a href=''>Пункт 2</a></div> <div><a href=''>Пункт 3</a></div> <div><a href=''>Пункт 4</a></div&g…
0 votes13 answers -
Обводка полeй логинa и парoля в Опeрe
Здравствуйте. В опере есть такая весч как обводка полей для магистра поролей(в новых версиях - жезл), и те поля от которых опера помнит пару логин-пароль она обводит желтым цветом. Подскажите, возможно ли как нибудь убрать это через css принудительно? outline:none !important; - непомогло. Вот как это дибильно выглядит: а хотелось бы вот так:
0 votes13 answers -
И еще по iframe
Есть страница. С ксс. Есть div в который я вставляю iframe. Как сделать так что бы опустить фрейм например на 50px ниже чем фон самого div? Что бы например играть фреймом в пределах фона (который задан в div). Вот то что у меня выходит. А хотелось бы подвинуть немного в право и вниз (вставляю чат). ps: hspace, vspace, marginheight и marginwidth - не работают =(((( ps2: Вставляю так: <div id="show"> <iframe src="chat1/index.php" width="940" height="350" align="center" frameborder="no" scrolling="no" > Твой браузер не поддерживает плавающие фреймы! </iframe></div> Спасибо за помощь!
0 votes10 answers -
Методика вёрстки горизонтальных меню с текстом
Допустим есть некое горизонтальное меню в виде макета. Меню на макете занимает какую-то фиксированную ширину, но в реальном HTML-документе, оно конечно же может становиться или шире или уже в зависимости от размеров шрифтов у пользователя. Все элементы меню надо делать текстовыми. Как надо подобрать размеры шрифтов, чтобы элементы меню нормально отображались во всех браузерах? Обычно в Firefox, когда изменяешь размеры шрифта, то такие меню просто разваливаются и становятся бесполезными. Бэкграунд у элементов данного меню остаётся на месте или где-то около того, а текст уезжает в сторону, переносится на новую строку и всплывают другие подобные некрасивости. Может такие мен…
0 votes4 answers -
Резиновый фон для меню. Дайте совет...
Ребят пожалуйста помогите. Вот честно юзал поиск, но не нашел подобной темы. Интересует мнение опытных верстальщиков. Ситуация следующая http://linkme.ufanet.ru/images/2e5e9e0e12db0195fe7d601beb4aa5bf.jpg набросал макет. Имеется три блока <div>. 1-header 2-menu 3-content в 1 все понятно. Логотип, телефон и т.п. Ширина фиксированная допустим 1000px margin:0 auto; 2-меню ! Блок шириной 100% Вот тут то моя проблема. Ломаю голову целый день не могу найти красивого решения проблемы, и некрасивого не нашел. Возможно все делается просто, но я не могу найти выход... Вроде и опыта не мало, но как коса на камень... Что тут требуется, а нужно сделать след. на картинке изоб…
0 votes13 answers -
CSS position: absolute Vs relative
Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…
0 votes9 answers -
Вопрос по макету
Скриншот Как называются эти синии линии? Для чего они нужны? Что можно прочитать про них? По какому запросу искать статьи, чтобы понять что такое и для чего оно нужно?
0 votes2 answers -
DIV: в центре по вертикали, независимо от разрешения экрана.
По горизонтали это делается так: .center { width: 500px; height: 500px; background-color: #FFCC66; position: relative; margin: auto; } А как по вертикали? - что бы квадратик был по центру и при 800х600 и при 1920х1080. P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?
0 votes10 answers -
css
скрипт вкладок css: /* tabs */ ul.tabs { margin: 0 0 0px; list-style: none; } * html ul.tabs {margin-bottom: 0;} ul.tabs li { float: left; } ul.tabs li a { display: block; color: #444; text-decoration: none; cursor: pointer; position: relative; } * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover { } ul.tabs li.tab-current a { color: #444; } div.t2, div.t3 { display: none; } div.t1 {} div.t2, div.t3 { padding: 0 12px; } html: <div style="margin-left:30px; margin-top:0px;"> <ul class="tabs tabs1"> …
0 votes9 answers -
Блок Посередине
Вот мне надо сделать блок посередине, я прописал у него display: inline-block; теперь во всех браузерах он стоит посередине кроме эекспловера.А что мне сделать с экспловером?!
0 votes4 answers -
Не видит стилей в ИЕ и мозиле
вот собственно код css, в опере и хроме все шикарно, однако в ие все содержимое футера как буд-то стилей и нет. Меню в шапке стоит на месте, что удивительно чую где-то накосячил, вот только ввиду не столь глубоких познаний не нахожу где * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* H…
0 votes20 answers -
@font-face и CuprumFFU
Нужно прикрутить кириллический шрифт CuprumFFU. Использую вот этот генератор http://www.fontsquirrel.com/fontface/generator но кириллица не работает. Нашел готовый kit, выбрал кириллицу, но опять ничего не выходит и вместо CuprumFFU отображается Arial =( Подскажите пожалуйста как заставить работать этот шрифт через font-face с русским текстом?
0 votes25 answers -
Select option добавить тег
Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?
0 votes9 answers -
Вёрстка макета: с чего начать?
Добрый день всем! Вобщем, решил сверстать самый простой макет, но я даже не знаю с чего начать. Может кто-то поделиться информацией? И ещё просьба, дайте мне самый простой макет, пожалуйста.
0 votes3 answers -
Прошу помощи: видео youtube перекрывает картинку на сайте
Здравствуйте. Суть проблемы: На сайте установлена lightgallery и видео с youtube. Когда нажимаешь на миниатюру картинки с галереи - она разворачивается в истинный размер, НО она находится ПОД видео с Ютуба. Скриншот во вложении. Мозилла всё видит хорошо, а вот Опера и Эксплорер - как на скриншоте. Как сделать, чтобы изображение было НАД видео? Огромное спасибо всем откликнувшимся.
0 votes1 answer -
Проблема с float'ом
<div style="width:80%; min-height:500px; background:#CCCCCC; margin:0 auto; position:relative;"> <div style="width:100px; min-height:500px; background:red; float:left;"></div> <div style="width:70%; max-width:800px; min-height:300px; background:black; margin:0 auto; color:#FFFFFF;"></div> <div style="width:100px; min-height:500px; background:red; float:right;"></div><br clear="all" /> </div> Правый красный блок съезжает! Нужно что бы у красных было float:left; и float:right; соответственно, а черный центрировался между ними! Но что бы при растягивании каждого по высоте тянулся и серый блок в котором и находятся эти 3 б…
0 votes3 answers -
проблемы с формой отправки
Здравствуйте! Делаю сайт и не выходит сделать свой дизайн формы отправки, точнее дизайн выходит.. не выходит сделать так чтобы она работала. В изначальном виде все работает правильно. Что делать? http://www.beauty-group.ru/sale/
0 votes6 answers -
Как поднять шапку сайта
есть промежуток сверху до хедера как убрать этот промежуток, что бы сразу начинался хедер? div.art-header-jpeg { margin: 1 auto; z-index: 0; top: 0; left: 0; width: 899px; height: 322px; background-image: url('../images/header.jpg'); background-repeat: no-repeat; background-position: center center; Прошу помощи
0 votes5 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/
-