Serpanok

Все правильно. Последнее свойство перебьет предыдущее. Я бы сделал так. Создаешь div. На него градиент. Потом внутри этого блока создаешь еще один, с нужной тебе картинкой на бэкграунде. Ну и еще + задаешь псевдоклассы :active и :hover для большей схожести с кнопками если уж использовать CSS3 то какого надо юзать вложенный элемент? И ничего не правильно! не путай топикстартера. 2 автор вот пример: background: #6cab26; background-image: url(IMAGE_URL); /* fallback */ background-image: url(IMAGE_URL), -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */ background-image: url(IMAGE_URL), -webkit-linear-gradient(top, #444444, #999999); /* Chrome 10+, Saf5.1+ */ background-image: url(IMAGE_URL), -moz-linear-gradient(top, #444444, #999999); /* FF3.6+ */ background-image: url(IMAGE_URL), -ms-linear-gradient(top, #444444, #999999); /* IE10 */ background-image: url(IMAGE_URL), -o-linear-gradient(top, #444444, #999999); /* Opera 11.10+ */ background-image: url(IMAGE_URL), linear-gradient(top, #444444, #999999); /* W3C */ подробнее тут а это в помощь http://css3please.com/ что то нифига, только градиент отображается, а картинки нет ((( пробовал и так background-image: url(../images/print.png); /* fallback */ background-image: url(../images/print.png), -webkit-gradient(linear, left top, left bottom, from(#DB261D), to(#C4130D)); /* Saf4+, Chrome */ background-image: url(../images/print.png), -webkit-linear-gradient(top, #DB261D, #C4130D); /* Chrome 10+, Saf5.1+ */ background-image: url(../images/print.png), -moz-linear-gradient(top, #DB261D, #C4130D); /* FF3.6+ */ background-image: url(../images/print.png), -ms-linear-gradient(top, #DB261D, #C4130D); /* IE10 */ background-image: url(../images/print.png), -o-linear-gradient(top, #DB261D, #C4130D); /* Opera 11.10+ */ background-image: url(../images/print.png), linear-gradient(top, #DB261D, #C4130D); /* W3C */и так background-image:url(../images/print.png); /* fallback */ background-image:-webkit-gradient(linear, left top, left bottom, from(#DB261D), to(#C4130D)), url(../images/print.png); /* Saf4+, Chrome */ background-image:-webkit-linear-gradient(top, #DB261D, #C4130D), url(../images/print.png); /* Chrome 10+, Saf5.1+ */ background-image:-moz-linear-gradient(top, #DB261D, #C4130D), url(../images/print.png); /* FF3.6+ */ background-image:-ms-linear-gradient(top, #DB261D, #C4130D), url(../images/print.png); /* IE10 */ background-image:-o-linear-gradient(top, #DB261D, #C4130D), url(../images/print.png); /* Opera 11.10+ */ background-image:linear-gradient(top, #DB261D, #C4130D), url(../images/print.png); /* W3C */

Всем привет! Есть кнопка input[type=submit] её нужно добавить градиент из #DB261D в #C4130D и также добавить картинку ../images/zoom.png Градиент пробовал так: background-image: -webkit-gradient(linear, left top, left bottom, from(#DB261D), to(#C4130D)); background-image: -webkit-linear-gradient(top, #DB261D, #C4130D); background-image: -moz-linear-gradient(top, #DB261D, #C4130D); background-image: -ms-linear-gradient(top, #DB261D, #C4130D); background-image: -o-linear-gradient(top, #DB261D, #C4130D); background-image: linear-gradient(top, #DB261D, #C4130D); но если добавляю после этого строку background-image:url(../images/zoom.png);картинка не появляется! Как это можно исправить? Заранее всем спасибо!

а нет, всё ок, твой вариант работает, то я не так написал код))

значок твитера это картинка а всё дальше после стрелки текст, это один блок div! не работает - сдвигает с фоном

Всем привет! У меня есть див в котором текст, мне нужно на первую строчку, в левый угол, добавить изображение и чтобы у первой строчки был отступ на длину изображения(30px). Пробовал так: Код(html): <div class="title">→ Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст!</div> Код(css): .title { display:inline-block; padding:0px; margin:0px; color:#333; font-size:18px; font-style:italic; font-weight:bold; } .title:first-line { padding-left:30px; background:url(../images/tegs/twitter.png) no-repeat top left; } - Нет! Подскажите! Заранее спасибо!

спасибо помогло! демо удаляю

короче там в браузере стоял режим совместимости с IE7, а ИЭ8 все норм. назревает вопрос: почему в иэ7 не работает вот страница - http://oknanavek.com.ua/photo_error/photo.php

спасибо, помогло!

сайт на локалке, а на счет мусора я копировал код частями и просто его не от редактировал(пробелы)

сейчас, подожди там код большой я только основное html: <table id="conteiner" cellspacing="0" cellpadding="0"> <tr> <td id="menus"> <? include("bl/menu.php"); ?> </td> <td id="forContent"><div id="content"><div id="inContent"> <table id="photoBig" cellspacing="0" cellpadding="0"> <tr> <td id="photoBigBox"> <center> [b]<img src="photo.png" width="100%" id="photoBigImg" />[/b] </center> </td> </tr> <tr> <td id="photoBigInfo"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td id="photoBigDesc"> asasd </td> <td id="photoBigRate"> <div id="rate_pleas"><h3>Оцените фото</h3></div> <div id="raiting_star"> <center> <img style="margin-top:20px;" id="loading" src="images/loading.gif" /> </center> </div> </td> </tr> </table> </td> </tr> <tr> <td id="photoBigComments"> </td> </tr> </table></div></div></td> </tr> </table> css: #conteiner { border:none; width:100%; min-width:818px; } #content { padding: 10px; margin-bottom: 20px; background: url(/images/glass.png) transparent; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } #inContent { border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; background-color:#FFF; padding:7px; } #photoBig { width:100%; border:none; } #photoBigImg { border:none; } #photoBigInfo { border-bottom:1px solid #1AACCF; } #photoBigDesc { vertical-align:top; padding-top:20px; } #photoBigRate { vertical-align:top; width:330px; padding:10px; } вроде весь нужный код

Всем привет! Подскажите. У меня блок с контентом задан в %, а в нём есть фото. так-вот, указываю изображению ширину 100% (чтоб было на весь блок), а в IE8 изображение отображается в реальном размере, то есть растягивает блок с контентом. как сделать так чтоб фото было только на всю ширину блока, а не в полном размере в мозилле и опере все норм (когда указываю изображению параметр width="100%"), а IE как всегда все портачит подскажите пожалуйста решение этой проблемы, уж очень нужно =) заранее всех благодарю!

Всем привет! Подскажите как достать следующую запись в бд, зная id например: БД id | text _______ 1 | aaaa 2 | bbbb 7 | sdds как достать запись 7, зная 2 (не следующий id, а следующую запись которая после неё) Заранее всем спасибо!