Jump to content


Need help

Started by Zetra, Jan 19 2007 11:12 AM

3 replies to this topic

#1 Zetra

    Young Padawan

  • Members
  • Pip
  • 7 posts

Posted 19 January 2007 - 11:12 AM

Hello.

I need help with css, the boxes on my site wont stick togheter in mozilla or opera but in ie the site work fine.

SensationGaming

Can someone please help me? ;)

#2 knedl

    Young Padawan

  • Members
  • Pip
  • 243 posts
  • Gender:Male
  • Location:Slovenia
  • Interests:Designing and programing

Posted 20 January 2007 - 08:06 AM

Pasting some code would be a nice start :biggrin:

#3 recordlovelife

    Young Padawan

  • Members
  • Pip
  • 83 posts
  • Gender:Male
  • Location:New Jersey

Posted 20 January 2007 - 08:19 AM

Yup, next time it would be nice if you post the code, so we don't have to go diggin' through yours.


#content_header { 
background : url(images/content_header.gif) no-repeat;
width : 620px;
height : 24px;
}


you need to tell that to stop adding in a margin


try this.

#content_header { 
background : url(images/content_header.gif) no-repeat;
width : 620px;
height : 24px;
margin: 0em 0em 0em 0em;)
}


if that doesn't work, try putting a new div around the content_header div and set its dimensions to the same thing.

#4 Zetra

    Young Padawan

  • Members
  • Pip
  • 7 posts

Posted 20 January 2007 - 09:59 PM

The mainpage:

<?
ob_start();
include("inc/config.php");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css">
<title>SensationGaming - The new sensation of gaming!</title>
</head>
<body>
<div id="container">
<table align="center" width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="header"></div>
</td>
</tr>
</table>
<table align="center" width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/buttons/left_button.gif" alt='' border="0">
</td>
<td>
<a href="index.php?page=mainpage"><img src='images/buttons/mainpage.gif' alt='Mainpage' border='0'></a>
</td>
<td>
<a href='index.php?page=the_team'><img src='images/buttons/the_team.gif' alt='The Team' border='0'></a>
</td>
<td>
<a href='index.php?page=matches'><img src='images/buttons/matches.gif' alt='Matches' border='0'></a>
</td>
<td>
<a href='index.php?page=media'><img src='images/buttons/media.gif' alt='Media' border='0'></a>
</td>
<td>
<a href='index.php?page=community'><img src='images/buttons/community.gif' alt='Community' border='0'></a>
</td>
<td>
<a href='index.php?page=servers'><img src='images/buttons/servers.gif' alt='Servers' border='0'></a>
</td>
<td>
<a href='index.php?page=forums'><img src='images/buttons/forums.gif' alt='Forums' border='0'></a>
</td>
<td>
<a href='index.php?page=sponsors'><img src='images/buttons/sponsors.gif' alt='Sponsors' border='0'></a>
</td>
<td>
<a href='index.php?page=faq'><img src='images/buttons/faq.gif' alt='F A Q' border='0'></a>
</td>
<td>
<a href='index.php?page=contact'><img src='images/buttons/contact.gif' alt='Contact' border='0'></a>
</td>
<td>
<img src='images/buttons/right_button.gif' alt='' border='0'>
</td>
</tr>
</table>
<table align="left" width="180" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div><div id="sg_community"></div>
<div class="hvit"><p class="content"><?php include("inc/login.php"); ?></p></div>
<div id="sg_bottom"></div></div>
</td>
</tr>
<tr>
<td valign="top">
<div id="sg_sponsors"></div>
<div class="hvit"><p class="content"><?php include("inc/sponsors.php"); ?></p></div>
<div id="sg_bottom"></div>
</tr>
<tr>
<td valign="top">
<div id="sg_the_team"></div>
<div class="hvit"><p class="content"><?php include("inc/theteam.php"); ?></p></div>
<div id="sg_bottom"></div>
</tr>
<tr>
<td valign="top">
<div id="sg_servers"></div>
<div class="hvit"><p class="content"><?php include("inc/servers.php"); ?></p></div>
<div id="sg_bottom"></div>
</td>
</tr>
</table>
<table align="left" width="620" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div id="content_header"><p class="title"><b>» News</b></p></div>
<div id="content"><p class="content"><?php include("inc/news.php"); ?></p></div>
<div id="content_bottom"></div>
</td>
</tr>
</table>
</div>
</body>
</html>


The css stylesheet:


body {
margin : 0 0;
padding : 0;
font-family : Verdana;
font-size : 10px;
color : #000000;
background-color : #;
}
#container {
width : 800px;
align:Center;
text-align : left;
}
#header {
background : url(images/header.gif) no-repeat;
width : 800px;
height : 128px;
}
#sg_community {
background : url(images/sg_community.gif) no-repeat;
width : 180px;
height : 23px;
}
#sg_sponsors {
background : url(images/sg_sponsors.gif) no-repeat;
width : 177px;
height : 23px;
}
#sg_servers {
background : url(images/sg_servers.gif) no-repeat;
width : 177px;
height : 23px;
}
#sg_the_team {
background : url(images/sg_the_team.gif) no-repeat;
width : 177px;
height : 23px;
}
#sg_bottom {
background : url(images/sg_bottom.gif) no-repeat;
width : 177px;
height : 3px;
}
.hvit {
background : url(images/sg_content.gif) repeat-y;
width : 177px;
}
#content_header {
background : url(images/content_header.gif) no-repeat;
width : 620px;
height : 24px;
margin: 0em 0em 0em 0em;
}
#content {
background : url(images/content.gif) repeat-y;
width : 620px;
}
#content_bottom {
background : url(images/content_bottom.gif) no-repeat;
width : 620px;
height : 3px;
}
.content {
margin : 0 5px;
padding-bottom : 3px;
line-height : 1.2em;
font-family : Verdana;
font-size : 10px;
color : #000000;
}
.title {
margin : 3px 5px;
padding-bottom : 0;
line-height : 1.8em;
font-family : Verdana;
font-size : 10px;
color : #000000;
}
a:hover {
font-family : Verdana;
font-size : 10px;
color : #000000;
text-decoration : underline;
}
a:link {
font-family : Verdana;
font-size : 10px;
color : #000000;
text-decoration : none;
}
a:visited {
font-family : Verdana;
font-size : 10px;
color : #000000;
text-decoration : none;
}
input, textarea, select {
border : 1px solid #CCCCCC;
background : #1D5EAF;
font-family : Verdana;
font-size : 10px;
color : #;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background : #1D5EAF;
color : #;
}
Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design