I'm trying to create my own theme. I'm trying to make it look like my WorldPress theme. I'm having a lot of problems with the css. I'm not very good with css and was wonder if I could get assistance.
Website url: http://scrapbooking.spot-design.net
Gallery url: http://scrapbooking.spot-design.net/gallery
The CSS: http://scrapbooking.spot-design.net/gallery/themes/Rounded_V2/style.css
Theme code:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
<link rel="stylesheet" href="themes/Rounded_V2/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!-- $Id: template.html 2688 2005-12-04 03:22:35Z donnoman $ -->
</head>
<body>
<div id="rap">
<div id="header">
<div id="pagetab">
<div class="ltab"> </div>
<ul>
<li><a href="http://scrapbooking.spot-design.net/index.php">Home</a></li>
</ul>
<div class="rtab"> </div>
<div class="ltab"> </div>
<ul>
<li><a href="http://scrapbooking.spot-design.net/forum/index.php">Forum</a></li>
</ul>
<div class="rtab"> </div>
<div class="ltab"> </div>
<ul>
<li><a href="http://scrapbooking.spot-design.net/gallery/index.php">Gallery</a></li>
</ul>
<div class="rtab"> </div>
<div class="ltab"> </div>
<ul>
<li><a href="http://scrapbooking.spot-design.net/affiliates">Affiliates</a></li>
</ul>
<div class="rtab"> </div>
</div>
<div id="masterheader">
<h1>{GAL_NAME}</h1>
<h3>{GAL_DESCRIPTION}</h3>
</div>
</div>
<div id="menu">
<div id="nav">
<div class="sideitem">
<div class="boxhead">
<div class="headfill"> </div>
</div>
<div class="boxbody">
<h2>Login</h2>
<center>
<iframe src="http://scrapbooking.spot-design.net/login.php" width="98%" height="200" frameborder="0"></iframe>
</center>
</div>
</div>
<div class="sideitem">
<div class="boxhead">
<div class="headfill"> </div>
</div>
<div class="boxbody">
<h2>Search</h2>
</div>
</div>
<div class="sideitem">
<div class="boxhead">
<div class="headfill"> </div>
</div>
<div class="boxbody">
<h2>Newest Gallery Image</h2>
</div>
</div>
<div class="sideitem">
<div class="boxhead">
<div class="headfill"> </div>
</div>
<div class="boxbody">
<h2>Forum Topics</h2>
<center>
<iframe src="http://scrapbooking.spot-design.net/recent.php" width="98%" height="400" frameborder="0"></iframe>
</center>
</div>
</div>
</div>
</div>
<div style="content">
{CUSTOM_HEADER}
<div style="menubar">
{SYS_MENU}<br>
{SUB_MENU}
</div>
{ADMIN_MENU}
<div id="galleryblock">
<div style="gallery">
{GALLERY}<br>
{LANGUAGE_SELECT_FLAGS}
{LANGUAGE_SELECT_LIST}
</div>
</div>
</div>
<div id="footer">
<div class="fboxhead"><div class="fheadfill"> </div></div>
<div id="footercontent">
<div class="credit">
{CUSTOM_FOOTER}
</div>
<div class="footermeta">
{THEME_SELECT_LIST}
</div>
<div class="resetfoot"> </div>
</div>
{VANITY}
</div>
<div class="reset2"> </div>
</div>
</body>
</html>
You should check out this thread - http://forum.coppermine-gallery.net/index.php?topic=24056.0 (http://forum.coppermine-gallery.net/index.php?topic=24056.0). I recommend you try the Web Developer Extension for Firefox which will help you determine what css style is controlling which section of your theme. Also, using the same css styling that's in your WP style sheet will make things easier as I see you have storycontent in WP and galleryblock in CPG and they don't have the same values.