Jump to content
php.lv forumi

Kā pareizi sakārtot table, via DIV?

IM24LV

By IM24LV
in HTML un XHTML

 Share

Recommended Posts

IM24LV Newbie

IM24LV

Posted
Posted (edited)

Tātad lietoju vienu jaunumu sist�“mu(tas ir tas pats kas blogs) kas strādā uz FLAT failiem, un man patlaban ir tikai šādi:

 

6951table.png

 

tātad tieši tabļu kuri atbild par jaunumu noform�“jumu ir šādi:

 

<table width="97%" border="0" cellpadding="8" cellspacing="0">
 <tr valign="top"> 
<td height="25" colspan="2"></td></tr><tr>
<td background="news/templates/Lite/images/bcg.png" style="border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc"><img src="images/dizains/news.png" border="0" alt="Welcome" />
<font color="#004080" size="3" face="Arial, Helvetica, sans-serif"><strong>{title}</strong></font>
<br><font size="1"> <a href="{self}?xnews-catlist={cat-id}"style="text-decoration: none; color: #4e4e4e;">{cat-name}</a> 
  / {com-link}$__comments1 
  ({num-com}){/com-link}</font><font color="#b0b0b0" size="1" > ($__authorline)</td></font></td>
 </tr>
 <tr> 
<td style=" padding: 10px; padding-top: 15px;border-top: 1px solid #cccccc;border-left: 1px solid #c6c6c6;border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6;" colspan=2>	{icon}

<font color="#000000" size="3" face="Georgia, Courier, Times New Roman, Serif;, sans-serif">{article}</font>
<BR>
		{full_news_link}<br />
		$__l_readmore{/full_news_link}
</div>

 </tr>
 <tr> 


 </tr>
</table>
<br />

 

 

Šis kods kop�“jā lapas kodā atkārtojas p�“c kārtas ,atkarībā cik daudz jaunumu ir( nu max 5, jo ir limits priekš vienas lapas) tātad viņam jābūt nosl�“gtam, lai nesāktos gļuki!

 

 

Bet vajag lai izskatās šādi:

 

9517table2.png

 

 

 

Portmas ka es uzziimeeju stipri nosacīti, bet ceru ka ideju sapratāt.

Edited by IM24LV
Link to comment
Share on other sites
Ā§°ģčļ€’’ Newbie

Ā§°ģčļ€’’

Posted
Posted (edited)

DIV Ja šādi: http://img169.imagevenue.com/img.php?image...d_122_124lo.JPG tad kods ir šāds:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>a</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
#q {background: red; position: absolute; left: 15em; width: 500px; height: 150px;}
#a {background: green; position: absolute; top: 11em; left: 15em; width: 500px; height: 150px;}
#z {background: blue; position: absolute; top: 21em; left: 15em; width: 500px; height: 150px;}
#kaaBlogs {background: orange; position: absolute; left: 47em; width: 200px; height: 150px;}
#kaaBlogs2 {background: pink; position: absolute; top: 11em; left: 47em; width: 200px; height: 400px;}
</style>
</head>
<body>
<div id="q">
kaka
</div>
<div id="a">
vel viena kaka
</div>
<div id="z">
treshaa kaka
</div>
<div id="kaaBlogs">
kakaaiet
</div>
<div id="kaaBlogs2">
kakaaiet vel un vel
</div>
</body>
</html>

Pie tabulām, ja nekļūdos vajadzēs izmantot cellspacing, rowspan, colspan.

ar tabulām būs apmēram šādi:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>2</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
	.kaaBlogs {width: 200px; height: 200px;}
	.nekaaBlogs {width: 500px; height: 200px;}
</style>
</head>
<body>
<table border="1" cellspacing="5px" align="center">
	<tr>
		<td class="nekaaBlogs" rowspan="2">kaka</td>
	</tr>
	<tr>
		<td class="kaaBlogs">kaka</td>
	</tr>
	<tr>
		<td class="nekaaBlogs" rowspan="2">kaka</td>
	</tr>
	<tr>
		<td class="kaaBlogs">kaka</td>
	</tr>
	<tr>
		<td class="nekaaBlogs">kaka</td>
	</tr>
</table>
</body>
</html>

Edited by Ā§°ģčļ€’’
Link to comment
Share on other sites
 Share
Go to topic listing
×
×
  • Create New...