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>
сенкю, для вас эт ве так просто...
кто на что учился... )
Ваши права
