Jumping tables?

Slogan · 19 Jul 2006 at 16:54

Dj_Jestar said:
as for CSS previews.. notepad and a web browser with frequent F5's is all you need

Might be tempted to take a wild stab at it. Cheers.

You do know this place doesn't have the same emotion codes as MSN, right?

Actually, I'll take back that wink. Don't want to get caught up in this.

Sp00n · 19 Jul 2006 at 16:57

We know (tu)

Slogan · 19 Jul 2006 at 16:58

Could be worse.

You could be using custom emotion codes.

<_<

Dj_Jestar · 19 Jul 2006 at 17:07

\o/

(sn)

Sp00n · 20 Jul 2006 at 10:31

I've noticed that firefox and IE are rendering the paragraph spaces a lot bigger , is there anything i can do to stop this?

Dj_Jestar · 20 Jul 2006 at 12:14

Code:

p {
    padding: 0px;
    margin: 2px
}

Sp00n · 20 Jul 2006 at 12:28

Didn't make any difference!

My css sheet:

Code:

#header {
		background:#fff;
		   width:750px;
		   margin:2px auto 0;
		   position:relative; 
		   } 
body 	{ text-align: center; }
		
		
#content {
		background:#fff;
		   width:730px;
		   margin:0 auto 0;
		   border:10px solid #fff;
		   position:relative;
		   padding: 0px;
		   }
			
body 	{
		background-image: url(bg_tile.jpg);
		margin:5;
		text-align: left;
		}

.style1 {
		font-family: Verdana;
		font-size: 10px;
		color: #FFFFFF;
		}
		
.style2 {
		font-family: Verdana;
		font-size: 10px;
		color: #545454;
		text-align: left
		}

.class1	a:link {color: #545454}
.class1 a:visited {color: #545454}
.class1 a:hover {color: #fff}
.class1 a:active {color: #fff}

Sp00n · 21 Jul 2006 at 10:12

oi, johnny boy, any idea's?

Or anyone else for that matter?

nin9abadga · 21 Jul 2006 at 10:20

you could try declaring them all as zero at the top then specifically style each one so:

p {padding: 0; margin: 0}

then

divname p {padding: 10px; margin: 10px} (or alternatively add a class to each one)

if you've got headings next to paragraphs that could be causing it so you could follow the same logic with those.

it may not be a perfect solution but it's what i tend to do if i run into these problems, or i just don't let it bother me providing it looks ok for both!

nin9a

Sp00n · 21 Jul 2006 at 10:47

Code:

p 		{
		padding: 0;
		margin: 0
		}

#header {
		background:#fff;
		   width:750px;
		   margin:2px auto 0;
		   position:relative; 
		   } 
body 	{ text-align: center; }

#menu	{
		padding: 10px;
		margin: 10px
		}
		
		
#content {
		background:#fff;
		   width:730px;
		   margin:0 auto 0;
		   border:10px solid #fff;
		   position:relative;
		   padding: 10px;
		   }
			
body 	{
		background-image: url(bg_tile.jpg);
		/* margin:5; */
		text-align: left;
		}

.style1 {
		font-family: Verdana;
		font-size: 10px;
		color: #FFFFFF;
		}
		
.style2 {
		font-family: Verdana;
		font-size: 10px;
		color: #545454;
		text-align: left
		}

.class1	a:link {color: #545454}
.class1 a:visited {color: #545454}
.class1 a:hover {color: #fff}
.class1 a:active {color: #fff}

Thats what i've changed it to, but that just kill's all the paragraph formatting!

/edit i added in some formatting for the menu but it seems to be ignoring it, css n00b :cool: