+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS+XHTML] Ramka (border) obrazkowa po lewej i prawej stronie kontenera - jak? (/thread-css-xhtml-ramka-border-obrazkowa-po-lewej-i-prawej-stronie-kontenera-jak)
[CSS+XHTML] Ramka (border) obrazkowa po lewej i prawej stronie kontenera - jak? - tuptus - 24-07-2009
Witam!
Tworzę aktualnie styl/skórkę, jak kto woli, do jednego ze skryptów forum i napotkałem problem. Otóż klient zażyczył sobie, żeby wokół kontenera była ramka, ale nie taka zwykła, jednokolorowa, tylko obrazkowa. Nie wiem kompletnie jak sobie z tym poradzić. Próbowałem na razie coś takiego:
Kod:
#border-right {
background: url(images/katalog/border_right.png) top right repeat-y;
}
#border-left {
background: url(images/katalog/border_left.png) top left repeat-y;
}potem wstawiałem DIVy do szablonu nagłówka i zamykałem w footerze. Tyle że wyświetla się ta ramka tylko po prawej stronie (brak float'a?), i to nie w tym miejscu co potrzeba, tylko przy samej krawędzi okna przeglądarki. Druga sprawa jest taka, że panel jest w oddzielnym DIVie, nie należy do kontenera, ale jest z nim "połączony", bo ma takie samo tło. Musiałem tak zrobić bo za nic nie mogłem wyśrodkować tabeli, by była na tej samej szerokości co fora. Przy samej krawędzi się wyświetla, jeśli DIVy wstawię przed panelem, a jeśli wstawię po panelu, wewnątrz DIVa #container, to nachodzi to na tabelę ze spisem działów.
Dla jasności pokażę jeszcze screeny, bo pewnie trochę za bardzo chaotycznie napisałem
Jest:http://img24.imageshack.us/img24/9269/31802488.png
Ma być: http://img39.imageshack.us/img39/2232/todot.png
Jeżeli ktoś zna jakieś rozwiązanie mojego problemu, to proszę o pomoc.
Pozdrawiam.
RE: [CSS+XHTML] Ramka (border) obrazkowa po lewej i prawej stronie kontenera - jak? - KowR - 24-07-2009
Musisz to potraktować jako div...
Czyli:
lewa_ramka {
// a w nim background, szerokość itd. + float:left;
}
srodek {
// szerokość to ten box z tymi tematami i tym co ma forum + float:left;
}
prawa_ramka {
to samo co lewa ramka
}
i tyle
ew. jest jeszcze inna opcja:
tniesz ten bg wraz z ramkami na pasek o wysokośći kilka px, tak aby ramka się powtarzała i władodywujesz to np. div.box o szerokości (lewa ramka + srodek wlasciwy forum + prawa ramka), background (to co wyciąłeś) z repeat-y i resztę strony ładujesz w tego diva box (np.)
RE: [CSS+XHTML] Ramka (border) obrazkowa po lewej i prawej stronie kontenera - jak? - tuptus - 24-07-2009
Nie dałem #containerowi float: left;, bo się wszystko rozwalało. Teraz są obie ramki, ale też przy samych krawędziach. Drugi sposób od razu na starcie odrzucam, bo to by było dobre, jakbym miał ustawić to na stałą szerokość, a mam ustawioną w % i nie bardzo chcę to zmieniać, bo różnie to będzie w innych rozdziałkach.
EDIT: Wpadłem na taki pomysł, że dam bg taki sam kolor jak #containerowi i to wtedy ładnie wygląda przy krawędziach
Jak najwyżej się klientowi to nie spodoba, to pomyślimy dalej. Na razie dzięki rodi 
RE: [CSS+XHTML] Ramka (border) obrazkowa po lewej i prawej stronie kontenera - jak? - KowR - 24-07-2009
tuptus (świetny nick
), ale standard to 1024 px... I jak zrobisz forum szerokie na 1000 px to też nie będzie źle Gość nie będzie miał się do czego przyczepić, a Ci z większymi rozdzielczościami także będą mieli na co patrzeć