resetowanie css

[A_D_M]

Jeszcze jedno. Otóż w jednym z divów, chce zamieścić 3 rzeczy: U góry tytuł, jakies 10 px niżej obrazek, a pod tym pare linków. Mogę podzielić to na 3 divy i w nich to zrobić, ale wydaje mi się to nieprofesjonalne. Moje pytanie polega na tym- czy mogę na przykład temu obrazkowi nadać jakąś klasę (ale tylko temu, nie wszystkim na stronie) i ustalić, że będzie miał odstęp od górnego tekstu, nie będzie obramowany żadną linią przed i po kliknięciu itd. Wtedy wystarczyłyby 2 divy- w jednym tytuł + obrazek, w tym dolnym- linki. Wie ktos jak to zrobic?

[Kartofelek]

<div obrazek position:relative; padding:10px 0 0 20px; height:height-10px; width:width-20px; overflow:hidden>

<h3>Napis obrazka</h3>

<img src="...." positino:absolute; bottom:.... left:... />

<ul position:absolute; bottom:......; left:....px>
<li><a href="">dupa</a></li>
<li><a href="">dupa</a></li>
</ul>

</div>

[A_D_M]

Ok, dzięki!
Korzystając z miłej atmosfery jeszcze jedno pytanie :p. Mam stronę, i to co ważne- mam jednego diva, nazwe go "a" (

Kod:

height:1300px;
width:100%;
background-position: center;

), i w nim drugiego, wyśrodkowanego oddalonego od góry, nazwijmy go b(

Kod:

height:1240px;
width:1603px;
border:white solid 1px;
margin: 0 auto;
background-repeat: no-repeat;
background-image:url('bg.jpg');

). Oczywiście w tym a jest jeszcze kilka elementów, ale nie o to chodzi. Pytanie moje jest takie- chce żeby strona dopasowywała się do wielkości przeglądarki, ale na drodze stoi mi obrazek, w divie b, zajmujący 1603 px szerokosci i 829 px wysokosci. Podam przyklad- http://fanfest.eveonline.com/en/default . Tutaj mamy w tle obrazek, który się ucina na mniejszej rozdzielczosci a na dużej jest widoczny w pełni. Zastanawiam się jak to osiągnąć, co zrobić żeby też ten wielki obraz, będący tłem, dopasował się tak ładnie na ich stronie.
Z góry dziękuję za pomoc :).

[Kartofelek]

width="100%"? ale czy to zawsze zadziala? Najwyżej jquery ;]

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#a img').width( ($(window).width()<1603)?$(window).width():1603 )
});
</script>

[A_D_M]

Dzięki!
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#b img').width( ($(window).width()<1603)?$(window).width():1603 )
});
</script>

No wpisałem to, i:

Kod:

<div id="bn1"><a href="http://"><img src="x.png"/></a></div>
<div id="bn2"><a href="http://"><img src="y.png"/></a></div>

Te divy znajdują się w tym divie z tłem, i te obrazki z <a> sie powiększyły niesamowicie, a bg.jpg jest tak samo duże na mniejszej rozdzielczosci. Co jest? :s Chodzi o to że 1603 to jest szerokość przeskalowanego obrazka widoczna na pc z mniejsza rozdzielczością? Mam tam wpisać np. 1024? Czy jak?

[Kartofelek]

Ah znowu nie doczytałem. U ciebie - dać się nie da
Ty masz background, którego nie dasz rady rozciągnąć. Możesz pozycjonować i ustawić jako tło, a nad nim (z-index) resztę elementów.
Zasada działania jak tutaj: http://doman.art.pl/kursjs/kurs/lightbox.html
Jeżeli potrafisz tańczyć po DOM, to nie będzie problemu. Jeżeli nie - problem będzie. Co mogę powiedzieć na koniec?
Może to ci pomoże:

http://www.emanueleferonato.com/2010/11/16/full-screen-centered-background-image-with-css-and-jquery-2/

To co ci dałem wcześniej to tylko ogólny przepis, który nie miał prawa zadziałać, jeżeli nie został by dopasowany do twoich potrzeb.

[A_D_M]

Ale.. przecież ten mini lightbox to metoda tworzenia miniaturek, które po kliknięciu mają dizajnerską "poczekajkę" i wyświetlają obrazek w okienku. To ja nie rozumiem, w jaki sposób mam tego użyć? I przy okazji- system ten jest niezwykle ciekawy- jak mam javascript użyć w takiej formie? Mam go po prostu wkleic do head czy zapisac w formacie .js i załadować jakos? Np. wkleić do head <script type="text/javascript" src="lht.js"></script> i potem zapisac to co na tamtej stronce (twojej? o.O szacun!) w pliku lht.js ?
A ten drugi link na pewno się przyda- wielka dziękówa!

[Kartofelek]

Nie. To tylko metoda rozciągania. Recepta, którą powinieneś zastosować. Niestety nie napiszę ci 100% rozwiązania, bo mało danych a i chęci brak ;]

[A_D_M]

AA jezu.. wymyśliłem. Sprawdziłem kod body na stronie, którą podałem jako przykład i:
<style>
body
{
background:url('x.jpg') top no-repeat #000;
}
</style>
I wtedy mam: czarny kolor poza obrazkiem, obrazek sie centruje i obcina a nie zmienia rozmiar, a o to mi chodziło. No i poza tym jak ustawiam div ogarniający wszystko na 100% to pięknie wygląda. O to chodziło od samego początku .