| Autor | Zpráva | ||
|---|---|---|---|
| gardener Profil |
#1 · Zasláno: 27. 8. 2008, 12:00:27
Zdravím
Mám problém, zapoměl jsme při návrhu webu na jednu důležitou věc a to nastavit background pod celý obsah. Potřeboval bych se dozvědět, jak doplnit nový DIV aby jsem mu nastavil šířku (Jsou tam totiž zakulacené PNG rohy,tak je to komplikovanější) a výška byla automatická například k footeru(který má také kulaté rohy,proto ho nemuže přesehovat) a nebo až na konec s tím že by se to ošetřilo paddingem. Nevím ale jak docílit toho aby byla výška automatická a hlavně nerozházel ostatní prvky. Nevím jestli je to takto příliš pochopitelné, tak přikládám ještě obrázek, ten zvýrazněný obdelník představuje ten DIV co tam potřebuji dostat.. Děkuji za jakoukolliv radu. 
|
||
| panther Profil |
#2 · Zasláno: 27. 8. 2008, 12:26:21
gardener
spíš než obrázek přilož kód. Z obrázku nikdo nevyčte, jak jsi to nakódoval. |
||
| gardener Profil |
#3 · Zasláno: 27. 8. 2008, 12:35:59
O.K tady je:
CSS: body {
background-image:url(images/bg.png);
background-repeat:repeat-x;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
font-size:24px;
line-height: 80pt;
text-indent: 20px;
}
#everything {
width:965px;
height:auto;
text-align:left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#header {
width:auto;
height:auto;
text-align:center;
visibility:visible;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
z-index: 2;
}
#left_navigation {
width:197px;
height:69px;
visibility:visible;
background-image: url(images/black_box_header.png);
background-repeat: no-repeat;
position: absolute;
}
#menu {
width:930px;
height:45px;
visibility:visible;
background-color:#FFFFFF;
margin-left: 20px;
position: absolute;
margin-top: -45px;
z-index: 1;
}
#title {
width:769px;
height:100px;
visibility:visible;
background-image: url(images/H1_background.png);
background-repeat: no-repeat;
background-position: right bottom;
position: absolute;
margin-left: 196px;
text-align: left;
z-index: 4;
}
#left_navigation_content {
width:196px;
height:130px;
visibility:visible;
background-image: url(images/black_box_bg.png);
background-repeat: repeat-y;
position: absolute;
margin-top: 69px;
}
#overpass_navigation_content {
width:196px;
height:50px;
visibility:visible;
background-image: url(images/black_blue_box.png);
background-repeat: no-repeat;
position: absolute;
margin-top: 199px;
}
#left_blue_navigation_content {
width:196px;
min-height:100px;
height:130px;
visibility:visible;
background-image: url(images/blue_box_bg.png);
background-repeat: repeat-y;
position: absolute;
margin-top: 249px;
}
#footer {
width:977px;
height:83px;
visibility:visible;
background-image: url(images/footer.png);
background-repeat: no-repeat;
position: relative;
}HTML <body>
<div id="everything">
<div id="header"><img src="images/header.png" width="977" height="283" alt="header"/></div>
<div id="left_navigation"></div>
<div id="menu">
</div>
<div id="title">
<h1>Nadpis velikosti h1 </h1>
</div>
<div id="left_navigation_content"></div>
<div id="overpass_navigation_content"></div>
<div id="left_blue_navigation_content"></div>
</div>
</body> |
||
| gardener Profil |
#4 · Zasláno: 27. 8. 2008, 22:11:03
Nikdo netuší, jak by se to dalo vyřešit?
|
||
|
Časová prodleva: 16 let
|
|||
0