/    Sign up×
Community /Pin to ProfileBookmark

Convert table to CSS??

Hi.

The table below is the one I use for content organization on my website. I would like to replicate its appearance EXACTLY, only with CSS styles so I may apply a style to a new new table and the image-based header and the thin borders would all appear.

Currently I am having trouble converting the cellspacing to CSS. I would like to keep it at 1 so that I can have the thin borders while converting, but this has not worked out for me so far.

[url=http://www.fgcomics.com]See the tables here.[/url]

[CODE]<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ align=”center”>
<tr>
<td width=”5″ valign=”top”><div class=”tableheader_l”> </div></td>
<td width=”100%” align=”left” bgcolor=”#303030″ class=”tableheader_m”><span class=”headline”>{subject}</span></td>
<td width=”5″ valign=”top”><div class=”tableheader_r”> </div></td>
</tr>
<tr>
<td colspan=”3″>
<table width=”100%” border=”0″ cellspacing=”1″ cellpadding=”2″ bgcolor=”#222222″ align=”center”>
<tr>
<td width=”100%” bgcolor=”#303030″ align=”left”><img src=”http://www.fgcomics.com/images/spacer.gif” width=”10″ height=”30″>{icon}</td>
</tr>
<tr>
<td width=”100%” bgcolor=”#303030″ valign=”top” align=”left”><span class=”copyright”>Posted by {user} on {date}</span></td>
</tr>
<tr>
<td class=”text_default” width=”100%” bgcolor=”#393939″>
<p>{news}</p>{fullstory}
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />[/CODE]

,

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@ray326Jan 05.2006 — Wow. How 'bout a rousing round of Find the Content?
[code=html]
<div class="storyblock">
<h2>{subject}</h2>
<div class="icon">{icon}</div>
<p class="copyrt">Posted by {user} on {date}</p>
<p>{news}</p>
<div class="story">{fullstory}</div>
</div>
[/code]

The rest is style.
×

Success!

Help @Funny_Guy spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.9,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...