intrebare

am urmatoru cod

			<td >
			<img src="images/link2-07.jpg" width="164" height="21" alt="Home" /></td>
		<td colspan="2" >
			<img src="images/link2-08.jpg" width="136" height="21" alt="" /></td>
		<td colspan="3">
			<img src="images/link2-09.jpg" width="139" height="21" alt="" /></td>
		<td colspan="4">
			<img src="images/link2-10.jpg" width="131" height="21" alt="" /></td>
		<td colspan="2">
			<img src="images/link2-11.jpg" width="180" height="21" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt="" /></td>
	</tr>

cum fac sa pun scris cu link in fiecare imagine?

Edited by mario_bros, 16 May 2009 - 12:14.

Paai nu stiu daca am inteles bine, dar iti ofer cateva variante si vezi daca e bine  
Acest cod face ca fiecare imagine sa fie un link...

<td >
		   <a href="site"> <img src="images/link2-07.jpg" width="164" height="21" alt="Home" /></a></td>
		<td colspan="2" >
			<a href="site"> <img src="images/link2-08.jpg" width="136" height="21" alt="" /></a></td>
		<td colspan="3">
			<a href="site"> <img src="images/link2-09.jpg" width="139" height="21" alt="" /></a></td>
		<td colspan="4">
			<a href="site"> <img src="images/link2-10.jpg" width="131" height="21" alt="" /></a></td>
		<td colspan="2">
			<a href="site"> <img src="images/link2-11.jpg" width="180" height="21" alt="" /></a></td>
		<td>
		   <a href="site">  <img src="images/spacer.gif" width="1" height="21" alt="" /></a></td>
	</tr>

Acesta face ca scrisul sa fie link...

<td >
<img src="images/link2-07.jpg" width="164" height="21" alt="Home" /><a href="site">Text care e link</a></td>
<td colspan="2" >
<img src="images/link2-08.jpg" width="136" height="21" alt="" /><a href="site">Text care e link</a></td>
<td colspan="3">
<img src="images/link2-09.jpg" width="139" height="21" alt="" /><a href="site">Text care e link</a></td>
<td colspan="4">
<img src="images/link2-10.jpg" width="131" height="21" alt="" /><a href="site">Text care e link</a></td>
<td colspan="2">
<img src="images/link2-11.jpg" width="180" height="21" alt="" /><a href="site">Text care e link</a></td>
<td>
 <img src="images/spacer.gif" width="1" height="21" alt="" /><a href="site">Text care e link</a></td>
	</tr>

Mai poti sa faci ca in fiecare casuta sa pui un DIV cu text ca link si sa pui DIV-ul cu pozitie absolute cu z-index 1 (asta daca folosesti CSS)...si atunci va rezulta imaginea din casuta pe fundal si un text sau mai bine zis un link peste ea.

Ar mai fi o varianta care ar arata cam asa...si textul si poza sa fie acelasi link...

<td >
<a href="site"><img src="images/link2-07.jpg" width="164" height="21" alt="Home" />Text care e link</a></td>
<td colspan="2" >
<a href="site"><img src="images/link2-08.jpg" width="136" height="21" alt="" />Text care e link</a></td>
<td colspan="3">
<a href="site"><img src="images/link2-09.jpg" width="139" height="21" alt="" />Text care e link</a></td>
<td colspan="4">
<a href="site"><img src="images/link2-10.jpg" width="131" height="21" alt="" />Text care e link</a></td>
<td colspan="2">
<a href="site"><img src="images/link2-11.jpg" width="180" height="21" alt="" />Text care e link</a></td>
<td>
<a href="site"><img src="images/spacer.gif" width="1" height="21" alt="" />Text care e link</a></td>
	</tr>

Edited by ITMaster, 16 May 2009 - 20:11.

ITMaster, on May 16 2009, 21:05, said:

din pacate nici una din variante nu merge
acum fac cu css ..

mario_bros, on May 16 2009, 21:10, said:

Acum am pus si varianta a 3-a...
La ce te referi ca nu merge?
Sper sa mearga faza cu CSS-ul.
Sa precizezi te rog la ce te refereai    ca nu am inteles...

acum pun o poza

in chenarele alea gri vreau sa fie un text care sa fie link exp: HOME cand dau pe el sa ma duca pe index


iar in css am alta problerma cand pun scris si ii adaug backgrund (butonul gri) imi dispare restu imaginilor

iar in CSS am asa (exemplu)

#link2006{
	position:absolute;
	left:0px;
	top:70px;
	width:164px;
	height:21px; 
	background-image: url(images/link2-06.jpg); }
}

#link2007{
	position:absolute;
	left:164px;
	top:70px;
	width:136px;
	height:21px;
	background-image: url(images/link2-07.jpg); }
}

si in html am pus

	<div id="link2006">
		<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><strong><a href="index.html">Home</a></strong></font>
	</div>
	<div id="link2007">
		<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><strong><a href="index.html">Despre noi</a></strong></font>
	</div>

Edited by mario_bros, 16 May 2009 - 20:22.

mario_bros, on May 16 2009, 21:17, said:

Atunci incearca asa:

<td ><div class="link"><a href="site">HOME</a><div>
			 <img src="images/link2-07.jpg" width="164" height="21" alt="Home" /></td>
 <td colspan="2" ><div class="link"><a href="site">HOME</a><div>
			<img src="images/link2-08.jpg" width="136" height="21" alt="" /></td>
 <td colspan="3"><div class="link"><a href="site">HOME</a><div>
			<img src="images/link2-09.jpg" width="139" height="21" alt="" /></td>
 <td colspan="4"><div class="link"><a href="site">HOME</a><div>
			<img src="images/link2-10.jpg" width="131" height="21" alt="" /></td>
 <td colspan="2"><div class="link"><a href="site">HOME</a><div>
			<img src="images/link2-11.jpg" width="180" height="21" alt="" /></td>
 <td><div class="link"><a href="site">HOME</a><div>
			<img src="images/spacer.gif" width="1" height="21" alt="" /></td>
 </tr>

In CSS scrii:

.link
{
position: absolute;
margin-left: numar px;
margin-top: numar px;
}

P.S: Nu folosi color, font, size si altele in HTML...
1. Iti ingreuneaza situatia
2. Nu e conform standardelor
Stilurile le folosesti din CSS

Incearca codul care ti l-am scris mai sus.

Am uitat sa specific: mai adaugi la CSS: z-index: 1;

Atunci va fi:

.link
{
position: absolute;
margin-left: numar px;
margin-top: numar px;
z-index: 1;
}

L.E: Foloseste class nu ID...eu consider ca e mai bine pentru ca, class se refera la mai multe obiecte (cum e in cazul tau), iar ID este la un obiect unic...

Edited by ITMaster, 16 May 2009 - 20:32.

numi merge nimic cred cal fac iar de la 0

mario_bros, on May 16 2009, 21:44, said:

Imi pare rau sa aud asta...

Foloseste DIV-uri (fara tabel) ca sa iti fie mai usor.

Creezi un fisier separat CSS unde faci tot design-ul.

In fisierul HTML sa ai numa "scheletul".

Bafta!  

Edited by ITMaster, 16 May 2009 - 20:50.