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
-
input внутри ссылки
Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?
0 votes7 answers -
Проблемы с DOCTYPE Strict
Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …
0 votes7 answers -
Padding смещает вс? что ниже
Есть таблица, в нижней ячейке я спускаю текст с помощью padding-top #top-center td.menu{background: url(../images/topmain/topmain_05.jpg) no-repeat top left; vertical-align:top; padding-top: 28px; padding-left: 80px; width:999px; height:99px;} Но вместе с этим смещается совсем другая таблица, расположенная ниже этой. Почему так происходит? Т.е. между этими таблицами появляется пустое место...
0 votes7 answers -
ПРОБЛЕМА - Разрыв между ячейками таблицы, если в нее вставить катинки
втсавляю 2 части одной картинки в соседние ячейки таблици, но обе картинки не сливаются в одну, межде ними образуется разрыв вот пример: <tr> <td> <img src="D:likasajtuchebnij2 strnicy2.jpg" width="400px" height="150px" border="0"> </td> <td> <img src="D:likasajtuchebnij2 strnicy5.jpg" width="400px" height="150px" border="0"> </td> </tr> Если ячейки всместо картинок заливаю цветом - разрывы исчезают, если вставляю картинки - разрывы опять появляются. Видимо браузер автоматически добовлят картинкам обтекание( Как сделать так , чтобы разрыв пропал, и обе катринки стали единой?
0 votes7 answers -
Классическая проблема с ИЕ 6
Точнее с правой колонкою подаю код * { margin: 0px; padding: 0px; } ul {list-style: none;} body { font-size: 12px; margin: 0px; text-align: center; background: #CFCFCF url(img/bg.png) repeat-x; color: #000000; font-family: Arial, Helvetica, sans-serif; } /*************************************************** *********************** Container ************** *****************************************************/ #container { float: left; width: 100%; overflow: hidden; background: none; color: #333; } /*************************************************** *********************** Left Sidebar Container ******* *****************************************************/ #left…
0 votes7 answers -
Отступы вокруг картинки в опере/мозилле
У меня возникла проблемка, вставляю картинку в слой, но появляются вертикальные отступы В IE отступов нету, в опере и мозилле где-то по 2px сверху и снизу слоя ————-! ! картинка ! опера и мозилла ! ————-! ————-! картинка ! IE ————-! пробовал margin: 0px - не помогло
0 votes7 answers -
Вопрос по контекстным или дочерним селекторам
Скажите, есть ли способ задать стиль родительскому тегу, если внутри него есть заданный тег? Например, определить стиль для td, в случае, если внутри встретится ?
0 votes7 answers -
Отступ у float-блока в IE
Есть блок content, растянутый на весь экран с ограничением минимального разрешения: div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; } #content { position: relative; overflow: auto; margin: 0; padding: 0; min-height: 100%; min-width: 925px; max-width: 1400px; } * html #content { height: 100%; overflow: visible; width: expression( ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 925 ) ? '925px' : ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1400 ) ? '100%' : '1400px' ); } Когда внутри этого блока раз…
0 votes7 answers -
Проблема с картинкой в <DIV>
Приветствую друзья! Возникла необходимость вставить картинку в , но проблема, слой переводит на другую строку картинку при передачи параметра align="right" в .CSS следующий: .blockHead { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #004685; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; HEIGHT: 17px; BACKGROUND-COLOR: #EBEEF4 } Высота картинки 15px. Но проблема, крайне нежелеательно вносить изменения в CSS. Может кто сталкивался? Спасибо
0 votes7 answers -
проблема с фоном
Как сделать плавно переходящий фон из одного цвета к другому. здесь не прокатит. Нужно чтобы шон растягивался на всю высоту страницы. С помощью Javascript тоже сомневаюсь,т.к. это будет скорее слой на фон всей страницы, а мне нужна только та часть, которая находится вне страницы,т.е. при высоком разрешении экрана! Заранее благодарен!
0 votes7 answers -
Высота слоя в 1 пиксель
Пишу класс в css: .line-red { background: #f00; height: 1px; clear: both; line-height: 1; font-size: 1px; } В HTML: <div class="line-orange"> </div> Хочу сделать горизонтальную линию высотой в 1 пиксель. В FireFox и ИЕ7 - она таки да - 1пк, а вот в ИЕ6 - заметно больше - пикселей 3 точно. Почему так? Подскажите пожалуйста.
0 votes7 answers -
в IE появился отступ таблицы справа
На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..
0 votes7 answers -
Спецификация
Спецификация CSS2: Значения свойства 'display': - compact Это значение свойства в зависимости от контекста созда?т структурный или строковый блок. Применение свойства к инициальному или компактному блоку осуществляется, исходя из его окончательного статуса (является ли он строковым или структурным блоком). Например, свойство 'white-space' применимо, только если блок становится структурным. Кто-нибудь может ЭТО объяснить _человеческим_ языком? Где это может быть применено с пользой?
0 votes7 answers -
тень на рисунок
Борюсь с тенью, созданной с помощью слоев. Не могу понять, как сделать так, чтобы тень отбрасывалась на фоновый рисунок, не перекрывая его, а лишь затемняя. Точно знаю, что это можно сделать с помощью CSS, но как именно??? Помогите, пожалуйста!
0 votes7 answers -
Размещение объектов дугой...
Ранее в осном объекты размещал по странице с помощью таблици, а тут столкнулсь: надо разместить 7 Rollover картинок дугой из левого нижнего угла к правой стороне. Подскажите как сделать
0 votes7 answers -
пунктирное подчеркивание ссылок - проблема в ИЕ
<html> <head> <style> a { color: #0084e4; border-bottom: 1px dashed #0084e4; text-dec_oration: none; } a:hover { border-bottom: 1px solid #0084e4; } #left { float:left; } #intop { width: 900px; margin: 0 auto; clear: both; } #inlogin #right { text-align: right; } </style> </head> <body> <div id="intop"> <div id="inlogin"> <div id="left"> <a href="sg">aadfadfsa</a> </div> <div id="right"> <a href="bsg">badsfadsf</a> </div> </div> </div> </body> </html> в ИЕ подчеркивание не показывается. но если убрать float:left, то показывается такие…
0 votes7 answers -
зачем нужны html, head, body ...?
Я вот тут покалякал, выяснилось что абсолютно все бразуеры эти теги игнорируют полностью, то есть можно запихнуть куда угодно в тексте и он будет оттуда использован по назначению, а текст вне тагов сабжа отображается без проблем.И вообще есть где-нить описание этих подводных камней, как отображаются странички при неправильном расположении тагов, че делать если таг не закрыт, че делать если лишний таг и т.д.
0 votes7 answers -
Разный стиль border для input в зависимости от type
Искал по поиску, не нашел подобного вопроса... Допустим имеется готовый сайт. Могу менять CSS как мне хочется, но при этом не могу (не хочу) менять сам html код. Пишу в CSS для input такой код: input { border: 1px solid #999; } Все бы ничего, но в IE показывается рамка также и для чекбоксов, что мне совсем не надо. Классов нет ни у одного тэга input и, как уже было сказано, я не хочу изменять HTML, добавляя эти самые классы. Можно ли как то менять CSS, в зависимости от типа тэга input? Например, для один стиль, для - другой.
0 votes7 answers -
Автоматическая нумерация строк
Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Нумерация строк</title> <style type="text/css"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…
0 votes7 answers -
Простой вопрос
Как задать свойство отдельного элемента, если он принадлежит по иерархии другом? В частносте элементу caption при таблице. Обычным методом пытался -- не действует. Задать все одинаковое для всей таблице не могу. И классы тоже пробовал.
0 votes7 answers -
Firefox и Select
Я в шоке!!!! Не думал что Огнелис способен так подставить. Короче суть. Есть уже сверстаный диз. Там использованы мадинги для наезжания части одних дивов на другие. Все работает в Разных броузерах без проблем. Но стоило мне добавить простой select в диз и огнелис напрочь забыл об позиционировании, обтекании и наезжании. Если у кого было, то подскажите как это решить. P.S. код в студию можете не просить данная проблема в куче дизов. Я начинаю думать что просто не правильно написал саму конструкцию select <form action="form_sel" method="get"> <select name="selectsadasd"> <option>Select1</option> <option>Select2</option> <option>…
0 votes7 answers -
DIV: как избавиться от переноса?
При изменении размера окна div, у которых float:left, переносятся вниз под соседний слева. То есть: пользователь уменьшил чуть-чуть окошко, а у него меню и текст спрыгнули куда-то под логотип. Как этого избежать? Пример проблемы тут: http://stam-festival.ru
0 votes7 answers -
глюки текста в Опере!
Привет!Как сделать так что бы текст в ячейки таблицы был выравнен по ширине и не вылезал за границы таблицы в Опере.в других все работает!
0 votes7 answers -
Помогите заставить работать POSITION в IE 6.0...
Доброго дня всем! Прошу помощи уважаемый ALL. В HTML и CSS я пока чайник, очень прошу помочь. На экран выводится квадрат на весь браузер, с фиксированными отступами со всех сторон. При изменение размера браузера все отступы остаются одинаковыми. Проблема в следующем, везде работает, кроме IE 6.0, там низ и право начинаю гулять. Ниже привожу код. Спасибо за любую помощь! <head> <style type="text/css"> * {margin:0;} div { background-color:aqua; border: 3px black solid; position:absolute; top:50px; right:50px; bottom:50px; left:50px; padding:5px; overflow:auto; } </style> </head> <body> <div> </div> </body> </html…
0 votes7 answers -
Проблема отображения gif в IE6
Здравствуйте. Описание: Пользователь нажимает создать сайт, данные через javascript (document.create_site.submit() отправляются скрипту. Поскольку создание сайта занимает некоторое время(записи в базу данных, создание папок и т.д. 3-4 секунды) я решил на этом время разместить поверх сайта полупрозрачный див, на котором расположен индикатор. Собственно проблема: После отправки данных из формы останавливается gif анимация в IE7(6). В Опере и FF работает отлично. Вопрос: можно ли как-то без аякса заставить gif и дальше крутится в IE. Спасибо всем кто прочел.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-