Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: HTML Table padėkit!!!

Parašė CyTaS· 2011 Bir. 1 12:06:53
#1

Nusipiešiau sau dizainą iš trijų panelių. Turi būti taip kai sukoduoju:




Bet man gaunasi sukodavus taip:




HTML kodas:

</table>
<table cellspacing='5' cellpadding='0' >
<tr>
<td id="paskutine"></td>
<td id="skype"></td>
<tr>
<td id="reklama"></td>
</tr>
</table>
 

CSS:

 #paskutine {
    	background-image: url('img/paskutine.png');
	background-repeat: no-repeat;
	width: 429px;
	height: 412px;
}
 #skype {
    	background-image: url('img/skype.png');
	background-repeat: no-repeat;
	width: 254px;
	height: 216px;
}
 #reklama {
    	background-image: url('img/reklama.png');
	background-repeat: no-repeat;
	width: 253px;
	height: 186px;
}

Gal galit padėt kaip padaryt kad būtu taip:




Redagavo CyTaS· 2011 Bir. 1 12:06:59

Parašė Martynas.· 2011 Bir. 1 12:06:11
#2

</table>
<table cellspacing='5' cellpadding='0' >
<tr>
<td id="paskutine"></td>
<td id="skype"></td>
<td id="reklama"></td>
</tr>
</table>

Parašė AivarasZs· 2011 Bir. 1 12:06:39
#3

Bandyk taip:

</table>
 
<table cellspacing='5' cellpadding='0' >
 
<tr>
 
<td id="paskutine"></td>
 
<td id="skype"></td>
 
<td id="reklama"></td>
 
</tr>
 
</table>

Redagavo AivarasZs· 2011 Bir. 1 12:06:12

Parašė CyTaS· 2011 Bir. 1 12:06:42
#4

Ne gaunasi taip:




Parašė Martynas.· 2011 Bir. 1 12:06:39
#5


</table>
 <table cellspacing='5' cellpadding='0' >
 <tr>
 <td id="paskutine"></td>
 <td id="skype"></td><br>
 <td id="reklama"></td>
 </tr>
 </table>

Parašė CyTaS· 2011 Bir. 1 13:06:28
#6

Taip pat vestiek ... :(

Parašė Martynas.· 2011 Bir. 1 13:06:13
#7

</table>

<table cellspacing='5' cellpadding='0' >

<tr>

<td id="paskutine"></td>

<td id="skype"></td><br><br>

<td id="reklama"></td>

</tr>

</table>

Turi persikelti į kitą eilutę.

Parašė CyTaS· 2011 Bir. 1 13:06:46
#8

Nuo subheaderio nusikelia dviem eilutem ir viskas

Parašė Skifas· 2011 Bir. 1 13:06:44
#9

<br> parašyk. :D prie img dedamas

Parašė CyTaS· 2011 Bir. 1 13:06:21
#10

Sakau gi taspats tik nuos subheaderio kaskodel nusikelia visos paneles
pasiulikit kaip su div ar su kuo nors padaryt

Redagavo CyTaS· 2011 Bir. 1 13:06:38

Parašė zygisn· 2011 Bir. 1 13:06:46
#11

CSS:

 #blokas {
	background-repeat: no-repeat;
	width: 700px;
	height: 600px;
}
 
 #paskutine {
    background-image: url(img/paskutine.png);
	background-repeat: no-repeat;
	width: 429px;
	height: 412px;
	float: left;
}
 
 #skype {
    background-image: url(img/skype.png);
	background-repeat: no-repeat;
	width: 254px;
	height: 216px;
	float: right;
}
 
 #reklama {
    background-image: url(img/reklama.png);
	background-repeat: no-repeat;
	width: 253px;
	height: 186px;
	float: right;
}


HTML:

<div align="center">
<div id="blokas" >
<div id="paskutine" ></div>
<div id="skype" ></div>
<div id="reklama" ></div>
</div>
</div>

Parašė CyTaS· 2011 Bir. 1 13:06:57
#12

Nu va dabar geriau tik kaip nuleist panele reklama ant poros px, kad lygioutu su paskutine naujiena panele




Redagavo CyTaS· 2011 Bir. 1 13:06:34

Parašė zygisn· 2011 Bir. 1 13:06:09
#13

#reklama {

background-image: url(img/reklama.png);
background-repeat: no-repeat;
width: 253px;
height: 186px;
float: right;
margin: 0px 0 0 0;
}

Didink paryskinta skaiciu.