[CSS] Backgroudn z kilku obrazków?, Jak poprawnie wstawić w css Opcje

[swpgnk]

Witam.

Strona, którą tworzę dzieli się na kilka głównych elementów. Jest więc header, stopka, left-side menu i content. Każdy element ma swoje tło.

Problem pojawił się przy contencie. Górna część contentu to gradient - dolna kolor jednolity. Ponadto content posiada ramkę. Sęk w tym, że ramka musi być wykonana na grafikach (przez złożoność tej ramki).

Mam głównego diva content. W nim poszczególne elementy. Tam też wrzuciłem poszczególne elementy tła (a więc 4 rogi, i 4 gradienty ramki bocznej górnej, dolnej, lewej i prawej). Odbiorca strony (od biedy nazwijmy klient ) zażyczył sobie jednak, żebym te grafiki przerzucił do arkuszu stylów. Czy muszę więc w obrębie diva content stworzyć osobne divy dla poszczególnych elementów ramki? Css'a poznałem w locie w jakiś tydzień. Tak więc pewne braki są.

Proszę o pomoc.

[kantek]

Witam. Najlepiej jakbyś podał obraz tego tła bo tak ciężko się domyśleć jak to pociąć i poskładać.

problem jest z tłem bo nie wiem jak ma wyglądać
co do narożników robisz strukturę:

dam w php aby uwidocznić wcięcia

[PHP] pobierz, plaintext 
<?php
<div class=&#092;"content\">
        <div class=&#092;"left_top\"></div>
        <div class=&#092;"left_bottom\"></div>
        <div class=&#092;"right_top\"></div>
        <div class=&#092;"right_bottom\"></div>
    </div>
?>
[PHP] pobierz, plaintext 

gdzie w css dajesz
tu daje przykład z paseczkiem 1px na 210px (105 gradient 105 to jednolite tło)
(zawierającym gradient rozłożony z góry do dołu)

[HTML] pobierz, plaintext 
.content
{
position:relative;
margin:0px;
padding:0px;
width:600px;
height:210px;
background:url(\\'pas.jpg\\') repeat-x left top;
border:1px solid red;
}
.left_top
{
position:absolute;
left:0px;
top:0px;
width:20px;
height:20px;
background-color:#cdcdcd;
}
[HTML] pobierz, plaintext 

itd. robisz narożniki tylko zmieniasz
left na right i top na bottom

m.w. tak to wygląda na moim przykładzie
http://www.ifotos.pl/ifotos/uploaded/98622.JPG
(problem z obrazkiem zamieszczam link)

dorzuć ten obrazeczek to się pokombinuje !

domyślam się że gradient jeżeli nie jest pokręcony da się zrobić jednym paseczkiem
tylko trzeba będzie zrobić divy odpowiedzialne za górną ramkę

Pozdrawiam

Ten post edytował kantek 12.04.2009, 18:21:52

[swpgnk]

Już zrobiłem sam, dzięki za podpowiedź, dałem rady Dodatkowo poczarowałem, pokombinowałem i narożniki zrobiłem na jednym obrazku, bawiąc się pozycją.

Teraz walczę co nieco z menu. (Temat też wrzuciłem ciut wcześniej) i coś ciężko to widzę.

Ten post edytował swpgnk 12.04.2009, 18:28:48