Micchaleq
25.01.2012, 15:46:15
Witam serdecznie,
mam pewien problem, używająć CSS chciałbym zrobić tło strony która ma po prawej i lewej tronie cień.
I teraz w czym kłopot:
1. jak robie sobie 2 klasy cień lewy i prawy, po dodaniu do diva main wyświetlany jest tylko jeden ( ale już wiem ze nie da się tego tak zrobić )
2. jak chciałbym rozdzielić swojego diva main na 3 lewy, środkowy i prawy to będę musiał deklarować stałą wielkość lewego i prawego ( chyba ? )
Zalezy mi na tym aby div main miał inny kolor niż tło oraz aby wydłużał sie do odpowiedniej wielkości.
Teoretycznie można to rozwiązać wrzucając grafikę jako bg, tylko dochodzą kwestie monitora i przybliżania przegladarki ( tzn tekst zjerzdza z przeznaczonego miejsca )
Jak to rozwiązać?
Maciek1705
26.01.2012, 21:20:33
nie wiem czy dobrze cię zrozumiałem ale jeśli chcesz zrobić układ 3 kolumn <div> to nie muszą one mieć narzuconej szerokości można zrobić to tak: dajesz jeden duży div w nim trzy małe czyli lewy prawy i środkowy. Każdemu z tych małych dajesz float: left już masz 3 kolumny, ich szerokości możesz określić procentowo lub zakresami min-width i max-width. Stałą szerokość ustaw tylko dużemu divowi np 960px. Jak chcesz żeby każda z tych kolumn była tej samej długości to w dużym divie po trzech małych dodaje diva z takimi atrybutami width:100%, clear:both; i pozamiatane. Możesz też zapoznać się z css3 i box shadow ale nie wszystkie przeglądarki sobie z tym radzą.
ActivePlayer
26.01.2012, 21:32:13
nie jestem do konca pewny czy dobrze zrozumiałem pytanie.
ad 1. dajesz diva, a w nim drugiego diva. jednemu dajesz cien lewy a drugiemu cien prawy. content wstawiasz oczywiscie do tego wewnętrznego
Micchaleq
27.01.2012, 10:18:16
Witam serdecznie,
AD1 mam jednego diva main i tworze sobie dwie klasy jedna to lewy cień przy użyniu CSS3 a druga to prawy cień.
Dodając teraz sobie to <div class="lewy_cien prawy_cien"> jeden znika tak jak pisałem wiem już dlaczego.
AD2
używając :
<div style="float: left; width: 10px;"></div> // i tu jakis tam background cieniu
<div style="float:left; width: 900px;"> Treść strony </div>
<div style="float: left; width: 10px;"></div> // i tu jakis tam background cieniu
Divy pierwszy i ostatni nie będą się rozszeżać adekwatnie do środkowego, bynajmniej u mnie tak nie ma, nawet jak to wszystko dam jeszcze w jakiś inny div.
by_ikar
27.01.2012, 12:20:35
IMO od czasu kiedy znalazłem generator dla box-shadow i text-shadow, życie stało się łatwiejsze

polecam:
http://westciv.com/tools/boxshadows/index.html w ten sposób będziesz miał podgląd na żywo.
Micchaleq
27.01.2012, 12:39:35
Sprawde jak to działa.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj.