Есть сайт. [Only registered and activated users can see links. Click Here To Register...] сверху идет блок шапки. тянется в ширину. посередине картинка. Нужно чтобы слево от картинки один фон, справа другой... как? пока тлько один получился...
Вид для печати
Есть сайт. [Only registered and activated users can see links. Click Here To Register...] сверху идет блок шапки. тянется в ширину. посередине картинка. Нужно чтобы слево от картинки один фон, справа другой... как? пока тлько один получился...
1. Картинку top_logo.gif и все картинки ссылок пустите фоном для начала... А не тэгами <img>...
2. Пока получается по семантике, что Ваша компания называется "О компании", а не "MEGA Company"...
3. У Вас куча разных дивов – ничего не мешает привязать второй фон в шапке к любому из них...
ну вот картинка по середине, замениться на флеш. вот интересует имеено если это будет просто обьект. я пытался сделать так:
<style>
#header { text-align:center; background:url(file:///D|/work/06.07/07.06/mega/images/top_bgr.gif) repeat-x; position:relative; height:300px;}
#right_fon { left:50%; width:50%; height:300px; background:url(file:///D|/work/06.07/07.06/mega/images/top_bgr_right.gif) repeat-x; position:absolute; z-index:100;}
#center_img { z-index:10;}
</style>
<div id="header">
<div id="right_fon"></div>
<div id="center_img">картинка</div>
</div>
z-index почемуто не получается...
Никакие z-index здесь не нужны... Тем более, что работают они для элементов, которым задано абсолютное позиционирование, а блок #center_img у Вас находится в прямом потоке...
Свойство text-align:center; предназначено для выравнивания inline-элементов, а не блочных элементов... Блочные элементы можно выровнять по центру контейнера при помощи margin: {0px auto;}...
ну ответа не уведел в вашем посте, если убрать z-index и сделать margin, всеравно текст под фоном...
Господи, Боже мой...
Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
#header {background: url(bg1.jpg) repeat-x; height: 300px; position: relative;}
#right_fon {background: url(bg.gif) repeat-x; width: 50%; height: 300px; position: absolute; top: 0px; left: 50%;}
#center_img {position: absolute; top: 0px; left: 50%; width: 200px; margin-left: -100px; border: 1px #FF0000 solid;}
</style>
</head>
<body>
<div id="header">
****<div id="right_fon"></div>
****<div id="center_img">картинка</div>
</div>
</body>
</html>
сенкю, для вас эт ве так просто...
кто на что учился... )