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
-
свойства тега br
привет. возник необычный вопрос: можно ли с помощью CSS убрать действие тега br ? то есть, чтоб этот тег не переносил строку. (двигло сайта выводит этот тег, а лезть в скрипты не хочу - это не сложно - поправить разметку в самих скриптах, но есть желание их не трогать - принципиально)
0 votes4 answers -
Фон ячейки таблицы
Вопрос к спецам: В таблице задал фон ячейки изображение, результат на компьютере: http://forum.astralife.ru/uploads/12267520...4_3102_9237.png Выгрузил в сеть, показывает пустые ячейки (только текст): http://forum.astralife.ru/uploads/12267520..._3102_24049.png Причём проверял раз пять и там и там, перезаливал страницы, опять проверял. При локальном просмотре есть, в сети нет! Что это? Листинг фрагмент: <tr height="27"> <td align="center" valign="center" background="files/str.png">http://</td> PNG'шка 12 х 27 х 24b P.S. А не может сказываться XHTML 1.0 Strict , мол что не полное разделение оформления и содержания? http://stepbystep.htmlbook.ru/?id=62
0 votes5 answers -
Анимация circle chart
Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats От нее нужен сам круг и цифры в центре, ну и эффект тоже. На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.
0 votes12 answers -
Просветите новичка
Всем привет! Преамбула (кому интересно) Есть у меня маленькая фирмочка и вот захотелось мне стать обладателем своего сайта. Прочитав на вашем форуме о начальных шагах производства сайта понял, что создать несложный информационный сайт нетрудно (тем более граф-редакторами владею) и даже произвёл на свет какое-то подобие простого сайта с несколькими кнопками. Но дело в том, что простой не хочется, а на создание сложного надо время. И что самое смешное в моих рекламных проспектах адрес сайта уже стоит, а в нете его нету )))))))))))) Вот теперь вопрос: Хочу чтобы при наборе адреса сайта открывалась картинка, типо "сайт в разработке и т. п." с контактными номерами и т.д. Что д…
0 votes12 answers -
Проблема с отображением верстки под safari
Проблема с отображением верстки под safari Суть проблемы: 1. Пациент - http://test.velesgodstudio.ru http://joxi.ru/36mqU_3JTJA7Y1Rnto8 - проблема При расширении экрана 1366 пикселей, фоновая картинка <div class="line-logo" style="background: url(images/wwb_img3.jpg); height: 103px; display: block; max-height: 103px;">.line-logo { width: 100%; background-image: url(../images/wwb_img3.jpg); background-repeat: repeat-x; background-size: cover; height: 103px; z-index: 10; margin-top: -10px;}С такими костылями, увеличивается в низ, в результате чего картинка лого, и список меню, выпадают с рамки. Уменьшаешь рамку браузера все стает на свои места, подскажите в чем ош…
0 votes2 answers -
Как оформить кнопку
Есть кнопка <input type="submit" value="{$smarty.const.VOTE_BUTTON}"> Как применить к ней стиль, изменить цвет и размер, жирность надписи, или вообще отказаться от кнопки, а использовать ссылку?
0 votes3 answers -
Размер выпадающиего списка
Добрый день, подскажите пожалуйста как задать высоту (колличество строк) для раскрывающегося списка (). Спасибо.
0 votes7 answers -
файлы
не знаю точна как прально задать вопрос, сори, но мб кто паймет=))) как сделать, чтобы файлы, которые отправляешь, сохранялись на сервере в отдельной папке? ну чтобы добавить можно было птом на страничку, помогите плз
0 votes15 answers -
Разъезжается элементарная таблица в IE
<html> <body bgcolor=#FFFFFF;> <style type="text/css"> a img { border: none;} </style> <table cellspacing="0" cellpadding="0"> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> </table> </body> </html> Размер картинки new.jpg 181x53 Такая вот страничка. Везде кроме IE между ячейками пространства нету, в IE же между ячейками проглядывает желтый цвет. Как побороть этот глюк? очень нужно в создании меню использовать карт…
0 votes2 answers -
как дасть разным классам одни свойства
вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…
0 votes10 answers -
ИЕ8, лайтбокс и прозрачный input
Делаю лайтбокс с затемнением страницы. Кладу на него кастомный инпут. Кастомный = с закругленными краями, с тенями: <div class="myinput"> <div class="left_side"></div> <div class="right_side"></div> <input /> </div> и всё тип-топ везде, кроме лайтбокса в ИЕ8. В нём, из-за того что для инпута прописано background:transparent; (а иначе инпут белым прямоугольником будет перекрывать все закругления и тени) этот самый инпут становится не просто прозрачным, но образует дырку в лайтбоксе. То есть в области инпута становятся доступными элементы (ссылки например), которые лежат ПОД лайтбоксом на недоступной странице . Вот такая ес…
0 votes1 answer -
Высота <div>
есть несколько страниц с разным объемом содержимого в div.content. ниже идет div.footer как закрепить высоту первого блока?
0 votes20 answers -
Проблема с собственным шрифтом
Дорогие друзья уже долго не могу наладить работу собственного шрифта. http://rmsgames.ru/6px2bus.ttf это путь к шрифту. Кодировка utf-8. Все делал по уроку с этого сайта. Вот кусок кода который у меня не работает. #test1 { @font-face font-family: bus; src: url(www.rmsgames.ru/6px2bus.ttf); font-size: 170%; font-family: 'Press Start 2P'; background: black; color: #bed143; text-decoration: green; /* Убираем подчеркивание */ border: none; outline: none; }
0 votes7 answers -
Нулевой отступ сверху для хедера
Привет, друзья! Банальная проблема, возможно детская, но я никак не могу достойно с ней справиться. Суть вот в чем: есть шапка сайта (часть таблицы) и мне нужно, чтобы она пристыкована к окну браузера, тоесть нужен нулевой отступ сверху. Вот как это выглядит сейчас: Прописав в стиль таблицы следующее: position: fixed; top: 0px; Я добился, что мне и нужно: Но теряется выравнивание по центру таблицы и вообще, в IE6 это не работает. Мне кажется, что должно быть что-то попроще. Буду рад вашим советам!
0 votes4 answers -
Автоперенос текста но новую стрку?
ребят, можете сказать .... как можно сделать,чтобы текст шёл определённое кол-о символов или пикселей ,а потом переносился второй строкой? мне можно на хтмл ,пхп на всём,кроме цсс
0 votes4 answers -
Проблема accept-charset="utf-8"?
Достался тут один большой сайт на небольшую доработку. Сам сайт весь в кодировке windows-1251. На нём расположена простейшая форма, которая сабмитит типом POST на другой сервер. На том сервере, само собой, UTF-8. Чтобы всё было нормально, был добавлен в тег form параметр accept-charset="utf-8". В результате из фаерфокса всё приходит нормально, а из ИЕ8 и оперы (в других не проверял просто) приходит муть. Кто-нибудь сталкивался с подобным? Чего посоветуете? Вариант всё переделать в утф кажется очень заманчивым, но слишком трудоёмок.
0 votes1 answer -
@font-face (svg) и Safari для iPhone/iPad
Пробую вставлять шрифты, пользуясь онлайн-генератором от fontsquirrel.com (AFAIK самый известный). Он дает на выходе пакет из 4-х форматов, один из которых — SVG — вроде как специательно предназначен для iPhone/iPad. На практике на этих девайсах шрифт не подхватывается (похоже, что вообще берется дефолтный системный — на айфоне у него даже размер другой, крупнее). Что характерно, онлайн-демо на самом сайте (вот, например) тоже не работают. Никто не сталкивался с такой проблемой? В какую сторону копать? В принципе-то ведь SVG-шрифты должны поддерживаться...
0 votes4 answers -
Как сделать такое меню
Подскажите, как сделать меню, как тут в верху страницы http://www.vashgarazh.com/ventilyaciya-garazha#mahanich Что мне нужно: - Текст разбит на 2 строки (не знаю как это сделать, знаю что есть свойство word-wrap: break-word; но оно некорректно может работать?) - между пунктами меню есть растояние
0 votes11 answers -
выравнивания на середину
Тэкс я практически закончил свой сайтик у меня только 1 трабла с менюшкой она не становится по середине пробывал margin: 0 auto; не помогло так что нид хэлп! Кстати менюшка написана на css для старых версий IE добавлен небольшой скрипт, так что может кого заинтересует. выглядит она так http://stars124.narod.ru/3.html
0 votes2 answers -
Появляется пустое место при уменьнении размеров окна
Подскажите, пожалуйста. Есть страница, которая состоит из : -шапки (имеет параметр float:right и width: 800px} -блока кнопок (горизонтального под шапкой) -содержимого (одно изображение, размером width:1000 height:500, позиционировано как и шапка position: relative float:right) Задумано, чтобы шапка при уменьшении размеров окна оставалась"прилипшей" к правому краю. На всех страницах нет проблем, кроме как с этой из-за большого изображения на ней. При уменьшении размеров окна (меньше 1000px) появляются полосы прокрутки. И при прокручивании назад видно, что шапка сдвинулась влево, как и задумывалось, но справа от шапки появляется пустое место. Как избежать появления пуст…
0 votes3 answers -
изображение в ссылке
Доброго времени суток! Возможно вопрос и тупой, но не судите строго: Есть сайт http://notepad.if.ua (логин: test пароль: test123) - и в ссылке "создать новую" при наводе на нее, подчеркивание вылазит за границы слова "Создать" и идет вплоть до картинки (хотя у нее margin-right установлен в 4px). Как сделать так чтобы подчеркивание было только под самой фразой "Создать новую" и изображение тоже при этом являлось ссылкой (разумеется при наводе на изображение должно появляться подчеркивание у текста ссылки). Спасибо!
0 votes11 answers -
В Chrome не работает псевдокласс focus для моего кода. помогите разобраться!
Всем привет! помогите разобраться. очень нада. есть вот следующий код с эффектом раскрывающегося списка при клике на нем используя только css c псевдоклассом focus. хочу испольховать его. пример тут Но проблемма! В Chrome данный эффект не работает, а в остальных браузерах работает. если кто знает как эту проблемму можно решить? заранее благодарен.
0 votes3 answers -
oveflow-y: scroll когда не влазит динамический контент
Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля) Подробнее: Есть попап. На мобилках он отображается на всю высоту экрана. Его низ должен быть всегда прижат (к низу). Но усложняет задачу то что могут появляться динамические поля Когда нажимаем радиобаттон, всплывают новые поля. Т.е. высота полей не определена. При этом если внутренности попапа не влезают по вертикали (на мелких по высоте экранах), нужно чтобы появлялась полоса прокрутки. Вот тут я не знаю какую макс высоту назначить чтобы эта полоса появлялась. Как решить эту проблему? Пробовал делать флексбок…
0 votes5 answers -
выровнять высоту div'ов
У меня 2 дива - слева менюшка с раскрывающимся списком, справа текст. Как сделать, чтобы когда содержимое одного дива увеличивалось (больше текста), второй увеличивался автоматически? Засовывала их еще один div, там делала 100% height, но тогда когда менюшка полностью раскрывается, то выходит за границы дива. (Прокрутку делать не хочу)
0 votes2 answers -
Прозрачность a:hover в IE6
Пытаюсь заставить реагировать ИЕ6 по наведению мышки на картинку. По идее, одна должна становиться частично прозрачной, что и происходит во всех броузерах кроме ИЕ6. Что делать? #rr a:hover { color: #fff; border: 1px solid blue; background: url(images/ru.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; padding:0; } Ну и html <div id="rr" ><a href="ru.html"></a> Спасибо за помощь
0 votes4 answers