Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS+XHTML] Ramka (border) obrazkowa po lewej i prawej stronie kontenera - jak?
#1
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 Tongue

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.
Odpowiedz
#2
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 Wink

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.)
Odpowiedz
#3
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 Big Grin Jak najwyżej się klientowi to nie spodoba, to pomyślimy dalej. Na razie dzięki rodi Smile
Odpowiedz
#4
tuptus (świetny nick Big Grin), ale standard to 1024 px... I jak zrobisz forum szerokie na 1000 px to też nie będzie źle Smile Gość nie będzie miał się do czego przyczepić, a Ci z większymi rozdzielczościami także będą mieli na co patrzeć Big Grin
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Automatyczne aktualizowanie danych z serwera na stronie bm1209 19 16,318 01-07-2016, 19:59
Ostatni post: marekst74
  Tło header na stronie starej jak świat michalecpp 4 5,454 21-06-2016, 15:45
Ostatni post: webminister
  [xHTML][CSS][JQ] Dopasowanie strony do rozdzielczości ekranu. kadobe 3 4,408 17-08-2013, 01:57
Ostatni post: msx83
  Nie działają skrypty java na stronie. dymek3r 11 9,467 03-07-2013, 14:38
Ostatni post: Kartofelek
  Problem z galerią na stronie [email protected] 4 4,543 18-03-2013, 16:37
Ostatni post: [email protected]

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl