Witam, mam problem z rzeczą błahą, a jest nią następująca sprawa....
Mam dwa foldery na serwerze: stronka i forum
I mam dwa obrazki, które są połówkami jednego
I chcę zrobić tak, by je rozciągnąć tak, by się złączyły i utworzyły jedność. I by każda połówka miała linka.
Próbowałem z tabelami, lecz mi nie wyszło :/
Z divami też, ale nie umiem za bardzo z nich korzystać.
Bardzo proszę o pomoc i dziękuję z góry!

No ja to się tak bardzo nie znam ale tak chamsko można to na tabelce zrobić.
ronisz sobie tabelkę z dwoma td i w każdy wrzucasz obrazek a potem definiujesz rozmiar tegoż obrazka i on wtedy się rozciągnie. tylko rozciąganie obrazków źle wygląda nie wiem po co coś takiego

Heh, właśnie chodzi o to, by on się rozciągał na całą rozdzielczość...

Może zamiast kombinować na tabelkach to utwórz sobie diva nadaj mu odpowiednią szerokość i wysokość, następnie ustaw w nim obrazek który chcesz żeby się rozciągał nadając mu height: 100%, width: 100%.

Ale obrazki mają być dwa, każdy z innym linkiem... I mają się łączyć w jeden obrazek... wie ktos jak to zrobić?

Przecież t_e_l napisał ci odpowiedź. 2 divy obok siebie a w nich linki w których są obrazki

A więc tak wygląda mój kod:

[HTML] pobierz, plaintext 
 
 
<style type="text/css">
div {
width: 100%;
}
 
</style>
 
<div><a href="strona/index.php"><img src="tlo1.gif"></div>
<div><a href="rpg/index.php"><img src="tlo2.gif"></div>
[HTML] pobierz, plaintext 

I jest jeden obrazek pod drugim... :/
A w dodatku gdyby się złączyły razem nie zabrały by 100% szerokości rozdzielczości.

A i jak by ktoś chciał, tu jest podgląd:
http://czwartaera.xaa.pl/

łojeju tylko tyle mogę powiedzieć podstawy podstaw podstawowych a potem tacy się ogłaszają że strony zrobią za 50zł ;p

[HTML] pobierz, plaintext 
<style type="text/css">
div.img {
width: 50%;
height:100%;
float:left;
position:relative;
}
</style>
 
<div style="width:100%; height:100%; positon:relative;">
<div class="img"><a href="strona/index.php"><img src="tlo1.gif" alt="" /></a></div>
<div class="img"><a href="rpg/index.php"><img src="tlo2.gif" alt="" /></a></div>
</div>
[HTML] pobierz, plaintext 

Nie no chłopie podstawy css...
1. Div to element blokowy, a więc bez stylowania jeden wejdzie pod drugi, dodaj obu float:left
2. oba mają ustawioną szerokość na 100% kontenera w którym są, czyli oba mają łącznie 200% szerokości ekranu daj im po 50%
3. wywal marginy i bordery

Wiem, że z css jestem do tyłu :/
Ale kod Maćka źle działa... :/
Zresztą sami zobaczcie
Zostawia pustą przestrzeń między pierwszym obrazkiem, a drugim

gościu wybacz ale ty nawet z podstawami htmla jesteś do tyłu, tak ogólnie to w tym pierwszym kodzie nie zamknąłeś tagów a, co naprawił kolega powyżej, i nie dałeś slasha na końcu do taga img co też byłoby bardziej zgodne ze standardami i co też załatwił kolega, a ty marudzisz że źle i nie działa. Jak masz odstępy to kombinuj z margin, padding ewentualnie pozycjonuj ale to ostateczność.

Dodaj obrazkom szerokość i wysokość 100%
Choć i tak ci to gucio da bo same obrazki mają po bokach i górze po kilka pikseli białego tła ...

Dzięki wam bardzo i przepraszam was za moje noobostwo... HTML i CSS nigdy się tak naprawdę nie uczyłem...
Tylko takie podstawy podstaw, potrzebne rzeczy do php-mysql,js