Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Обтекание текстом background image

Обсуждение темы Обтекание текстом background image в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Собственно вот в чем проблема. Текст прячется за графическими блоками, которые идут как background. Ниже скрин: http://s49.radikal.ru/i124/1004/28/996f27c9df29.jpg...


Закрытая тема
 
Опции темы
Старый 04.04.2010, 14:50   #1
Собственно вот в чем проблема. Текст прячется за графическими блоками, которые идут как background.

Ниже скрин:
http://s49.radikal.ru/i124/1004/28/996f27c9df29.jpg
 
Старый 04.04.2010, 14:50
Ссылки
Старый 04.04.2010, 15:08   #2
Круто!
 
Старый 04.04.2010, 15:16   #3
Цитата:
Сообщение от Niemans Посмотреть сообщение
Круто!
Что крутого простите?
 
Старый 04.04.2010, 15:19   #4
Задачка у вас крутая. Избавить от проблемы по скрину, это как в автомастерской просить выправить крыло, показав мастеру фотографию вмятины.
 
Старый 04.04.2010, 15:25   #5
Ну чтож вот код css:
Цитата:
html,body {
font-family: Arial, Helvetica, Geneva, sans-serif;
background-color: #ffffff;
background-image: url(img/bg.png);
background-repeat: repeat-x;
background-attachment: fixed;
margin:0;
padding:0;
width:100%;
height:100%;;
}

#logo {
position: relative;
margin: 0 auto;
top:25px;
width:319px;
height:59px;
background: url(img/logo.png) left top no-repeat ;

}
#header {
position: absolute;
left:0px;
top:-205px;
width:826px;
height:171px;
}
#content {
background-color: #ffffff;
width:826px;
top:225px;
position: relative;
margin: 0 auto;
}
#menu {
position: absolute;
left:235px;
top:-35px;
width:591px;
height:35px;
margin-bottom:0px;

}
#server {
position: absolute;
left:-52px;
top:-35px;
width:289px;
height:216px;
margin-bottom:0px;
background: url(img/Server.png) ;

}
#bg_shadow_top {
position: absolute;
left:237px;
top:0px;
width:587px;
height:22px;
margin-bottom:0px;
background: url(img/bg_shadow_top.jpg) left top no-repeat ;

}
#bg_shadow_right {
position: absolute;
left:779px;
top:0px;
width:47px;
height:100%;
margin-bottom:0px;
background: url(img/bg_shadow_right.jpg) ;

}
#bg_shadow_left {
position: absolute;
left:0px;
top:0px;
width:50px;
height:100%;
margin-bottom:0px;
background: url(img/bg_shadow_left.jpg) left top repeat-y ;

}
#footer {
text-align: center;
height: 31px;
width:509px;
background: url(img/footer.png) left top no-repeat;
position: relative;
margin: 0 auto;
}
и кусок html
Цитата:
<div id="content">
<img src="img/Head.jpg" id="header" alt="" />
<div id="menu"><img src="img/menu.jpg"alt="" /></div>

<div id="home"><a href="#"></a></div>
<div id="chat"><a href="#"></a></div>
<div id="faq"><a href="#"></a></div>
<div id="connect"><a href="#"></a></div>

<div id="bg_shadow_right"></div>
<div id="bg_shadow_left"><div id="server"></div></div>
<div id="bg_shadow_top"></div>

тут собственно текст

</div>
 
Старый 04.04.2010, 15:32   #6
Создайте папку, и в ней сохраните ваш кусок кода и стиль и посмотрите сами что получилось.
 
Старый 04.04.2010, 15:37   #7
Цитата:
Сообщение от Niemans Посмотреть сообщение
Создайте папку, и в ней сохраните ваш кусок кода и стиль и посмотрите сами что получилось.
Я понимаю мастерство в жопе играет, но блин давайте нормально говорить без понтов своих. Написать полный код того и другого плюс картинки вам скинуть, или что?
 
Старый 04.04.2010, 15:40   #8
Понты тут только у Вас!
Как вы себе представляете решение проблемы по скриншоту или по кускам кода, которые не показывают никаких проблем?
Цитата:
Написать полный код того и другого плюс картинки вам скинуть, или что?
А можно? Было бы чудесно.
 
Старый 04.04.2010, 15:43   #9
Цитата:
Сообщение от Niemans Посмотреть сообщение
Понты тут только у Вас!
Как вы себе представляете решение проблемы по скриншоту или по кускам кода, которые не показывают никаких проблем?

А можно? Было бы чудесно.
Ладно ладно просто на нервах тут. У вас имеется скайп или что то в этом роде?
 
Старый 04.04.2010, 15:47   #10
А сюда или на обменник архивом html страничку + стиль + пару картинок не залить?
 
Старый 04.04.2010, 15:47
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
background-image в ie разных версий Serial HTML, CSS, JavaScript 9 12.05.2012 18:30
Отрисовка кнопок с background-image AlexT HTML, CSS, JavaScript 1 07.11.2007 10:33
Обтекание картинки текстом с двух сторон MaxInt HTML, CSS, JavaScript 2 16.06.2007 01:51
Обтекание текстом нескольких картинок подряд Vladico HTML, CSS, JavaScript 4 28.09.2006 22:24
Обтекание катринки текстом в InDesign m_Stasuk Библиотека 5 05.11.2005 00:33


Текущее время: 11:43. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум