Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Прижать картинку к левому краю div
 
 автор: OLi   (10.07.2009 в 00:11)   письмо автору
 
 

Имеется div блок с высотой 25px
Необходимо с левой строны к div прижать картинку высотой 25px, так, чтобы между div и картинкой не было пустоты!

  Ответить  
 
 автор: OLi   (10.07.2009 в 01:11)   письмо автору
 
   для: OLi   (10.07.2009 в 00:11)
 

Нашел решение другое!
В opere отображается нормально а в ie картинка прижимается некорректно!

  Ответить  
 
 автор: AlexSol   (10.07.2009 в 07:45)   письмо автору
 
   для: OLi   (10.07.2009 в 01:11)
 

не нашел то что нашли вы, но я бы фоном поставил

  Ответить  
 
 автор: OLi   (10.07.2009 в 13:43)   письмо автору
 
   для: AlexSol   (10.07.2009 в 07:45)
 

Дело в том, что ечли фоном, то картинка в виде полукруга размером 25 на 25 чередуется по всей длине, а мне необходимо, чтоб она была только по краям, а основной цвет дива задаю через бэкграунд колор!

  Ответить  
 
 автор: AlexSol   (10.07.2009 в 14:50)   письмо автору
 
   для: OLi   (10.07.2009 в 13:43)
 

background:red url(1.gif) no-repeat top left;

  Ответить  
 
 автор: OLi   (10.07.2009 в 19:20)   письмо автору
 
   для: AlexSol   (10.07.2009 в 14:50)
 

Не подходит, картинка только слева отображается, а справа нет!

  Ответить  
 
 автор: OLi   (10.07.2009 в 21:18)   письмо автору
27.3 Кб
 
   для: OLi   (10.07.2009 в 19:20)
 

Да, ваш вариант устроил, но проблема такая:
Слева блок div с фоновой картинкой в виде полукруга затирается цветом второго div!
Думаю на фото при увеличении будет видно! :)
Спасибо!

  Ответить  
 
 автор: Madman   (10.07.2009 в 21:23)   письмо автору
 
   для: OLi   (10.07.2009 в 21:18)
 

Ну так расставьте им margin так, чтобы внутрение дивы не налазили на бекграунд-картинку родителей

  Ответить  
 
 автор: Madman   (10.07.2009 в 20:03)   письмо автору
 
   для: OLi   (10.07.2009 в 01:11)
 

Наверное вы нашли float и наткнулись на 3хпиксельную проблему ИЕ?! =)

А может обернуть в 3 дива: в первом указать основной цвет фона, а во втором и третьем указать бекграундом ваши края?

  Ответить  
 
 автор: OLi   (10.07.2009 в 20:19)   письмо автору
 
   для: Madman   (10.07.2009 в 20:03)
 

Даже если так, как тогда прижать эти 2 div к основному?

  Ответить  
 
 автор: Madman   (10.07.2009 в 20:29)   письмо автору
 
   для: OLi   (10.07.2009 в 20:19)
 

Зачем их прижимать?
Я предлагаю конструкцию вида:
<div style="background:#f00">
    <div style="background:url(leftImg) no-repeat 0 0">
        <div style="background:url(rightImg) no-repeat 100% 0">
            Content
        </div>
    </div>
</div>

  Ответить  
 
 автор: OLi   (10.07.2009 в 21:29)   письмо автору
 
   для: Madman   (10.07.2009 в 20:29)
 

Пример рабочий, но что-то перекрывает, может ссылки
Помещаю в div с таким css
#top_2 {overflow: visible; display: block;background-image: url(right_add.png); background-repeat: no-repeat; background-position: right;margin-RIGHT:20px;background-color:#D0FF26; height: 25px; font-family:Verdana, Arial, Helvetica, sans-serif; float:right; }

  Ответить  
 
 автор: OLi   (10.07.2009 в 23:43)   письмо автору
 
   для: OLi   (10.07.2009 в 21:29)
 

Спасибо всем, еще раз убеждаюсь в том, что стоит самомтоятельно посидеть, поиграться с параметрами, и все станет как хочешь!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования