Это не проблема если умеешь PHP Вот то что я говорил насчет option : PHP: <select> <option style="background-image:url('1.png');"> SELECT1 </option> <option style="background-image:url('2.png');"> SELECT2 </option> </select>
В каком бровсере ? У меня Firefox и все нормально работает, ты главное путь к файлу напиши правильный.
В опере. Путь 100% верный. Ага, в фаерфоксе отображает, однако размножает эту картинку на всё поле option, а нужно лишь перед текстом(а не фоном).
попробуй так (в мозиле) HTML: <html> <title>Test</title> <head> <style type="text/css"> <!-- select.left option { background-repeat:no-repeat; background-position:bottom left; padding-left:30px; } --> </style> </head> <body> <center> <select class="left"> <option style="padding-left:0px;" value="">Выберите из списка</option> <option style="background-image:url('testa.png');" value="testA">testA</option> <option style="background-image:url('testa.png');" value="testB">testB</option> <option style="background-image:url('testa.png');" value="testV">testV</option> <option style="background-image:url('testa.png');" value="testG">testG</option> <option style="background-image:url('testa.png');" value="testD">testD</option> </select> </center> </body> </html>
Попробовал. Действительно заработало как я хочу. Но ещё вопросы: 1. Возможно ли немного расширить поля option, чтобы влезали картинки полностью? 2. Возможно ли такое реализовать в других браузерах?
На фоне сайта картинка. Поверх картинки много текста. Как реализовать так, чтобы при прокрутке скроллом, картинка не двигалась, а прокручивался вниз/вверх только текст ? Пример. Картинка на фоне не подвижна.
если я не ошибаюсь а вообще http://www.htmlbook.ru/css/-color.html http://www.htmlbook.ru/css/background-attachment.html
Ещё вопрос: В ячейке таблицы загружаю iframe, но он целиком не умещается в ячейку и появляется скролл (причём в Интернет Эксплорер всё нормально , а в Лисе нет) Как сделать растягивающуюся таблицу ?
PHP: <html> <head> <style> .container{ height:90%; margin-top:20px; background:#FFFFFF; border:1px solid #E0E0E0; padding:15px; -moz-border-radius:20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; } </style> </head> <body> <table border="0" cellspacing="0" width="100%" height="100%"> <tr> <td width="10%"></td> <td height="100%"> <div class="container"><iframe src="https://forum.antichat.ru" frameborder="0" scrolling="auto" height="100%" width="100%"></iframe></div> </td> <td width="10%"></td> </tr> <tr> <td width="10%"></td> <td></td> <td width="10%"></td> </tr> </table> </body> </html> FireFox 3 Нужно что-бы пропал скролл (вернее, что-бы весь iframe растянулся на 100%)
Каким образом можно сделать ссылку без адреса? То есть, чтобы ссылка была как-бы активна, но тем не менее никуда не переходила. Если убрать href - ссылка перестанет быть активной. Если поставить в href решётку, пользователь поднимется наверх старницы. Если ничего не ставить - страница перезагрузится. Как сделать, чтобы ссылка была активной и при щелчке на неё ничего не происходило?
HTML: <a href="#link">link</a> <a href="javascript:void(0)">link</a> <a href="http://google.com/" onclick="return false;">link</a>
Помогите поправить плиз Code: <style type="text/css"> <!-- .obj { background:#FFFF66; } .header { background-color: #cecece; width: 100%; position: relative; } .footer { background-color: #cecece; width: 100%; } .c22 { display: block; color: #0657a9; overflow-y: auto; overflow-x: hidden; background-color: #ff88ff; height: 250px; width: 190px; float: left; } .area { width: 100%; position: relative; } --> </style> <div class="obj"> <div class="header"> <p>header</p> </div> <div class="area"> <div class="c22"> <p> </p> <p>123456</p> <p>123456</p> <p>123456</p> <p>123456</p> </div> <p> </p> <p> </p> </div> <div class="footer">footer</div> </div> <p> </p>
Code: <style type="text/css"> <!-- #obj { background:#FFFF66; } #header { background-color: #cecece; width: 100%; position: relative; } #footer { background-color: #cecece; width: 100%; clear:both; } #menu_l{float:left;width:40%;height:300px;} #text{float:left;width:60%; height:300px;} --> </style> <div id="obj"> <div id="header"><p>header</p></div> <div id="menu_l"> <p> </p> <p>123456</p> <p>123456</p> <p>123456</p> <p>123456</p> </div> <div id="text">text</div> <div id="footer"><p>footer</p></div> </div> типа так?
почти, мне надо чтобы первый див меню был конкретно в пикселях по высоте и ширине а второй рядом 100% всё оставшееся типа 100%-ширина меню тоесть должно быть так но если в розовой часте текста больше появляется скролбар если текста больше на жёлтом фоне то фоотер двигается вниз вместе с розовым столбиком на таблице сделать просто а вот на дивах не полуается
Vlad&slav Зайди сюда, может поможет: _http://csstemplater.com/ Собственно, тоже понадобалась помошь в css, искал в гугле, ничего в итоге так и не нашел.... Как сделать обводку изображением? Тоесть, есть обводка , и вместо обычного цвета хотелось бы увидеть какой-то узор!))) И еще один вопросик, тоже связан с обводкой, как её сделать градиентной? Тоесть, верхний цвет плавно переходит в любой другой... Заранее спасибо, очень жду ответа, если конечно возможно такое сделать...!)
попробуй засовывать картинки в ячейки таблицы и примени стили border-style, bordewr-width и border-color. Градиента там конечно нет, но от обычных бордеров отличается
