Hey macbrink, thank for your reply!
I'm currently developing my WordPress blog locally, but I have some screenshots to show what I mean:
Original theme
WordPress theme
(note: don't mention the sidebar, I'm still working on it...)
Part of my HTML code for the original theme:
<div id="content-sidebar">
<div id="content">
<h2><img src="1home_news.jpg" alt="news" name="news"
id="news" /></h2>
<span class="newsItemHeader">Goodbye Oh Five</span>
2006 will be the year you'll be hearing a lot more
from Piranha Hotella.
To 'celebrate' the new year, a brand new song was
recorded and put online. The song is called "An Almost
Pleasurable Sensation Of Fright (aka Goodbye Oh Five)"
and can be downloaded from the <a href="#">Media section
</a>. Or you can <a href="#">read the lyrics</a>.
Piranha Hotella is now a MySpace Music member.
Visit us at <a href="#">www.myspace.com/piranhahotella</a>.
<span class="newsItemFooter">posted on: January 5th, 2006 - 8:31 am - <a href="#">Comments (16)</a></span>
And part of my wordpress code:
<div id="content-sidebar">
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div id="post-<?php the_ID(); ?>">
<span class="newsItemHeader"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></span>
<?php the_content('Read the rest of this entry »'); ?>
<span class="newsItemFooter">Posted on <?php the_time('F jS, Y - H:i') ?> - <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></span>
</div>
<?php endwhile; ?>
I replaced the existing style.css by my original css file, and since it's not too big here's the code:
body {
width: 518px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: justify;
background-color: #FFFFFF;
}
body,td,th {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #937955;
}
a:active {
color: #000000;
}
#header {
width: 518px;
}
#content-sidebar {
width: 518px;
}
#content-sidebar #content {
width: 318px;
float: left;
}
.newsItemHeader {
font-weight: bold;
text-transform: uppercase;
}
.newsItemFooter {
font-size: 10px;
}
#content-sidebar #sidebar {
width: 200px;
float: right;
text-align: right;
}
#footer {
width: 518px;
clear: both;
}
Alright. That's a lot of code for one little problem, but I just want this to work. Any ideas how to fix this? Thanks again!
(edit: sorry for the scrollbars :( )
