Tinklapių kurimo neaiškumai

Taigi manau neapsimoka kurti kiekviena atskira tema kiekvienam naiškumui susijusiam su tinklapiu kurimu,taigi šioje temoje dėsiu viską ko nežinau,tikiuosi padėsit man ;)

Taigi pirma iškilusi problema man yra su daizainu(baneriais).Turiu susikūres 4 banerius ir man kažkodėl įrašius kode jų url(iš desktop) į kokį nors viena banerio koda man neveikia,kai įrašau į visus 3 skirtingus banerių kodus man veikia visur tik baneris.gif ir baneris1.gif nors turėtu būti taip:

baneris.gif ir baneris1.gif

baneris.gif ir baneris2.gif

baneris.gif ir baneris3.gif

Čia pateikiu iš savo *html failo baneriu kodus:

/*mygtukas ramybės būsenoje*/
.mygtukai a {
display:block;
width: 100px; /*plotis*/
height: 22px; /*ilgis*/
font: 11px verdana; /*šriftas*/
font-weight: bold; /*šrifto storis*/
color:#FFF; /*šrifto spalva*/
text-align: center; /*šrifto centravimas*/
text-decoration: none; /*šriftas nepabrauktas*/
background: url("baneris.gif") no-repeat; /*mygtuko fonas*/
}
/*mygtukas užvedus ant jo pelės žymeklį*/
.mygtukai a:hover {
color:#000; /*šrifto spalva*/
background: url("baneris1.gif") no-repeat; /*mygtuko fonas*/
} 
<div class="mygtukai">
<a href="#"></a>
</style>
		  <div class="mygtukai">
<a href="http://www.uzdarbis.lt">
	<td width="74" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
	  <!--DWLayoutTable-->
	  <tr>
		<td width="74" height="19"><style>
/*mygtukas ramybės būsenoje*/
.mygtukai a {
display:block;
width: 100px; /*plotis*/
height: 22px; /*ilgis*/
font: 11px verdana; /*šriftas*/
font-weight: bold; /*šrifto storis*/
color:#FFF; /*šrifto spalva*/
text-align: center; /*šrifto centravimas*/
text-decoration: none; /*šriftas nepabrauktas*/
background: url("baneris.gif") no-repeat; /*mygtuko fonas*/
}
/*mygtukas užvedus ant jo pelės žymeklį*/
.mygtukai a:hover {
color:#000; /*šrifto spalva*/
background: url("baneris2.gif") no-repeat; /*mygtuko fonas*/
} 
<div class="mygtukai">
<a href="#"></a>
</style>
		  <div class="mygtukai">
<a href="http://http://www.uzdarbis.lt"> </td>
	  </tr>
	</table>		</td>
	<td width="71" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
	  <!--DWLayoutTable-->
	  <tr>
		<td width="71" height="19"><style>
/*mygtukas ramybės būsenoje*/
.mygtukai a {
display:block;
width: 100px; /*plotis*/
height: 22px; /*ilgis*/
font: 11px verdana; /*šriftas*/
font-weight: bold; /*šrifto storis*/
color:#FFF; /*šrifto spalva*/
text-align: center; /*šrifto centravimas*/
text-decoration: none; /*šriftas nepabrauktas*/
background: url("baneris.gif") no-repeat; /*mygtuko fonas*/
}
/*mygtukas užvedus ant jo pelės žymeklį*/
.mygtukai a:hover {
color:#000; /*šrifto spalva*/
background: url("baneris3.gif") no-repeat; /*mygtuko fonas*/
} 
<div class="mygtukai">
<a href="#"></a>
</style>

Dėkui už pagalba.

/*mygtukas ramybės būsenoje*/

.mygtukai1 a {

display:block;

width: 100px; /*plotis*/

height: 22px; /*ilgis*/

font: 11px verdana; /*šriftas*/

font-weight: bold; /*šrifto storis*/

color:#FFF; /*šrifto spalva*/

text-align: center; /*šrifto centravimas*/

text-decoration: none; /*šriftas nepabrauktas*/

background: url("baneris.gif") no-repeat; /*mygtuko fonas*/

}

/*mygtukas užvedus ant jo pelės žymeklį*/

.mygtukai1 a:hover {

color:#000; /*šrifto spalva*/

background: url("baneris1.gif") no-repeat; /*mygtuko fonas*/

}

<div class="mygtukai1">

<a href="#"></a>

</style>

<div class="mygtukai1">

<a href="http://www.uzdarbis.lt">

<td width="74" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tr>

<td width="74" height="19"><style>

/*mygtukas ramybės būsenoje*/

.mygtukai2 a {

display:block;

width: 100px; /*plotis*/

height: 22px; /*ilgis*/

font: 11px verdana; /*šriftas*/

font-weight: bold; /*šrifto storis*/

color:#FFF; /*šrifto spalva*/

text-align: center; /*šrifto centravimas*/

text-decoration: none; /*šriftas nepabrauktas*/

background: url("baneris.gif") no-repeat; /*mygtuko fonas*/

}

/*mygtukas užvedus ant jo pelės žymeklį*/

.mygtukai2 a:hover {

color:#000; /*šrifto spalva*/

background: url("baneris2.gif") no-repeat; /*mygtuko fonas*/

}

<div class="mygtukai2">

<a href="#"></a>

</style>

<div class="mygtukai2">

<a href="http://http://www.uzdarbis.lt"> </td>

</tr>

</table> </td>

<td width="71" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tr>

<td width="71" height="19"><style>

/*mygtukas ramybės būsenoje*/

.mygtukai a {

display:block;

width: 100px; /*plotis*/

height: 22px; /*ilgis*/

font: 11px verdana; /*šriftas*/

font-weight: bold; /*šrifto storis*/

color:#FFF; /*šrifto spalva*/

text-align: center; /*šrifto centravimas*/

text-decoration: none; /*šriftas nepabrauktas*/

background: url("baneris.gif") no-repeat; /*mygtuko fonas*/

}

/*mygtukas užvedus ant jo pelės žymeklį*/

.mygtukai a:hover {

color:#000; /*šrifto spalva*/

background: url("baneris3.gif") no-repeat; /*mygtuko fonas*/

}

<div class="mygtukai">

<a href="#"></a>

</style>

Labai sumalta atrodo...

Didelis dėkui crezzyman,išsprendė problemą ;)