Mordraug
-
Posts
183 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Mordraug
-
Запрещение перетаскивания изображения зажатием мыши в браузере
Mordraug replied to Kirill M's question in HTML Coding
img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } -
ну так проблема-то не в картинке ну вернее не совсем в ней. дело в том, что вы расположили картинку фоном по центру, а ширина картинки меньше горизонтали экрана - поэтому и поля.
-
Вероятно у body есть padding, добавь в своё CSS правило что-то вроде: padding:0; margin:0;
-
Покажите ваш код разметки и цсс, чтобы можно было разговаривать о конкретном примере. Телепатический способ решения задач - не самый продуктивный, можно еще пару страниц треда бесполезными советами расписать, а можно 1 сообщением решить проблему.
-
по поводу шрифта — вот так: <body bgcolor=#FFFFCC font-family=verdana font-size=12pt> ничего не получится. нужно было хотябы так: <body style="background:#ffc;font-family:verdana;font-size:12pt;">
-
Попробуйте так: body { height:auto !important; height:100%; min-height:100%; margin:0; background:#000 url(../image/wall10-1280x1024.jpg) no-repeat; color:#000; } Ссылка по теме: исследование высоты body
-
у лайтбокса есть файл таблицы стилей (lightbox.css) в этом файле последняя строчка: #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } достаточно изменить значение свойства background-color на нужное вам.
-
<head> . . <link rel="shortcut icon" href="/favicon.ico" type="image/ico"> . . </head>
-
код разметки в студию
-
Способы обнуления margin,border,padding.
Mordraug replied to polecat's topic in Tricks and solutions
Фреймворк Эрика Мэйера направлен не только на то, чтобы тупо обнулить все параметры, но и на то, чтобы задать универсальные (кроссбраузерные) базовые значения для отдельных элементов. CSS reset (код выше) - это "заглушка", в которую можно вписать свои значения. А ума у буржуев достаточно -
Не должен, ибо ? depricated, начиная с HTML 3.2.
-
В личку отписал, но здесь все же тоже отпишусь.. свойство border-collapse управляет только рендером рамки у ячеек таблицы.. но никак не cellspacing'ом.. да, я соглашусь с тем, что при border-collapse:collapse визуально таблица выглядит как если бы cellspacing="0", но это потому, что cellspacing вообще не отображается ? логически вы cellspacing не убрали.. он как был разным у разных браузеров так и остался.. я не знаю как объяснить, но мне, к примеру, гораздо спокойнее, когда cellspacing жестко обнулен. Скажем так ? я сторонник идеалогии "не оставлять браузеру возможности отображать элементы так, как этого хочется ему, а описывать все стили самому", что очень актуально при кросс-браузерной верстке. Еще, к примеру, в довольно популярном CSS фреймворке Эрика Мэйера ? CSS reset прямым текстом в комментариях написано, что "все еще требуется использовать cellspacing в разметке", не смотря на то, что используется border-collapse.. а этому человеку я склонен доверять. Как-то так
-
Можно ли закруглить таблицу с CSS без изображений?
Mordraug replied to Eternal's question in HTML Coding
2 oledj, вопрос был про таблицу... -
cellspacing обнулять нужно в любом случае.. через css это свой ство не управляется.
-
Лучший валидатор - это браузер .. вы же не для валидатора сайт делаете, а для людей, которые будут его смотреть, которым глубоко фиолетово насколько круто у вас сайт проходит валидацию ? главное, чтобы он отображался без глюков, и работал правильно. Так что тут каждый для себя сам решает чему соответствовать. Но, разумеется, отталкиваться нужно от стандартов ? и все у вас получится.
-
атрибут target ? depricated в strict документах, а некоторые статьи Влада нужно уже давно поправить, чтобы они соответствовали времени И еще новых написать.. времени бы еще на это у него было :/
-
бррр.. был вероятно невыспавшимся, почему-то подумал что используются img, а не фон для фона проще подключать с помощью условных комментариев отдельную таблицу стилей для IE6 и меньше в которой использовать примерно такую конструкцию: .my_class { background-image:none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="my_img.png",sizingMethod="method"); } , где .my_class ? класс элемента у которого используется фоновое PNG изображение, my_img.png ? путь к этому PNG изображению, method ? метод отображения ? crop, если изображение отображается как есть, и scale, если изображение должно тянуться. Следует учитывать, что полученному таким образом фону нельзя делать позиционирование и размножение по осям, метод scale не размножает (повторяет) изображение, а именно растягивает его путем масштабирования. Поэтому нужно делать такую конструкцию, чтобы фон был всегда left-top в целевом контейнере. Ну и учитывать то, что не любой фон подходит для метода scale (даже если он подходит для обычного размножения) ? линейные градиенты (кроме наклонных), например, подходят, а вот узоры (патерны) уже нет.
-
У фаерфокса есть такая замечательная штука как FireBug которая расскажет вам всю правду про DOM в этом браузере.
-
а чем вам PNG с прозрачными областями не решение?
-
Заскок в том, что IE очень своеобразно понимает графические маркеры в списках, и сами списки он рендерит тоже не пойми как.. единственным 100% рабочим решением будет убрать маркеры вообще, а элементам списка задать левый паддинг и маркеры в виде фона. По поводу смены графических маркеров уже поднималась тема.. в поиске вы наверняка ее найдете.. там были и примеры как все можно реализовать.
-
Создайте файл "png.htc" со следующим содержимым: <public:component> <public:attach event="onpropertychange" onevent="propertyChanged()" /> <script> var supported = /MSIE (5.5)|[6]/.test(navigator.userAgent) && navigator.platform == "Win32"; var realSrc; var blankSrc = "img/pixel.gif"; if (supported) fixImage(); function propertyChanged() { if (!supported) return; var pName = event.propertyName; if (pName != "src") return; // if not set to blank if ( ! new RegExp(blankSrc).test(src)) fixImage(); }; function fixImage() { // get src var src = element.src; // check for real change if (src == realSrc) { element.src = blankSrc; return; } if ( ! new RegExp(blankSrc).test(src)) { // backup old src realSrc = src; } // test for png if ( /.png$/.test( realSrc.toLowerCase() ) ) { // set blank image element.src = blankSrc; // set filter element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')"; } else { // remove filter element.runtimeStyle.filter = ""; } } </script> </public:component> в коде этого файла есть строчка "var blankSrc = "img/pixel.gif";" ? это путь к прозрачному .gif изображению размером 1х1 пиксель, не забудьте такой гиф создать и правильно указать к нему путь. в таблице стилей объявите класс примерно так: .png { behavior: url(png.htc); } вашим изображениям в коде присвойте класс "png": <td width="10" background="images/01.png" height="10" class="png"></td> <td width="780" background="images/02.png" height="10" class="png"></td> <td width="10" background="images/03.png" height="10" class="png"></td> все.
-
сам ты это слово
-
попробуйте position:relative
-
с картинкой у вас все получилось =)
-
для преведенного вами кода было бы логично сделать так (c комментариями): html (будьте внимательнее с кавычками.. в вашем примере у left_c закрывающая отсутствовала.): <div id="all"> <div id="left_c"> <div id="user1">user1</div> <div id="user2">user2</div> </div> <div id="main">main</div> </div> CSS: #all { width:1000px; /* размер основного контейнера 1000px */ margin: 0 auto; /* и он отцентрован относительно окна =) */ overflow:auto; /* было бы неплохо, чтобы основной блок не схлопывался, когда содержимое изымается из потока */ background:lime; /* для наглядности */ } #left_c { width:370px; /* размер левой части 370px */ float:left; /* и эта часть прижата влево с обтеканием по правому краю */ background:yellow; /* для наглядности */ } #main { width:auto; /* данная строчка означает, что блок займет все свободное пространство по горизонтали, строчку можно убрать, так как это значение div имеет "по-умолчанию" */ margin:0 0 0 370px; /* отступ слева 370px (по размеру левого блока) */ background:red; /* для наглядности */ } #user1, #user2 { /* поскольку контейнеры идиентичны, логично объеденить их свойства путем группировки селекторов */ width:auto; /* блок займет всю ширину родительского элемента (в данном случае #left_c = 370px ) */ clear:both; /* запрещаем обтекание блока по сторонам.. тоесть все что вне блока - будет после него уже снизу */ padding:0 0 0 10px; /* левое поле внутри блока 10px */ background:orange; /* для наглядности */ } ну и в заключении: а вот это вы зря.. форматирование текстовых блоков задача не всегда простая, и о ней нужно думать уже на этапе написания каркаса (грида, лойаута ? как вам больше нравится)... +1 но для того, чтобы выбирать из своего арсенала инструментов при оценке задачи, нужно этими инструментами владеть хотябы на базовом уровне.