Zophar's Message Domain

Go Back   Zophar's Message Domain > General Chat > Talk of the Town

Reply
 
Thread Tools Display Modes
Old 02-27-2005, 09:13 PM   #1
(wraith_)
Senior Member
 
(wraith_)'s Avatar
 
Join Date: Mar 2001
Posts: 2,163
Default Anyone any good at CSS2?

As part of the process of updating The Whirlpool's code, I'm trying to get rid of the really bad HTML 3.2/4.0 and replace it with standards-compliant XHTML and CSS2.

I'm almost done with that part of it. Almost.

Does anyone know what all the proprties are for tables cells to make sure they have no spacing around them? This is what I'm using right now:
<span style='font-family: courier;'>
td.classname
{
テつ*テつ*テつ*テつ*padding: 0px;
テつ*テつ*テつ*テつ*margin: 0px;
テつ*テつ*テつ*テつ*border-width: 0px;
テつ*テつ*テつ*テつ*border-style: none;
テつ*テつ*テつ*テつ*border-spacing: 0px;
}
</span>
And this works PERFECTLY in Firefox. IE, however, is still spacing each table cell with 1px of the table's bgcolor (so effectively there's two pixels separating each cell and one pixel on the outside of the table).



Is there one other property I should be setting to 0px to make IE happy?

Also, in case if you're wondering about the extra space on the bottom side of the rows, that's due to an issue (which I'm fairly sure is unrelated) with images having 3 extra pixels tacked on to their bottom side... but one issue at a time.

<P ID="signature"><hr width=350 align=left>
</P>
__________________
http://www.zophar.net/forums/image.php?type=sigpic&userid=6&dateline=1218505060
(wraith_) is offline   Reply With Quote
Old 02-27-2005, 09:42 PM   #2
CEpeep
Senior Member
 
Join Date: Feb 2002
Posts: 3,511
Default Re: Anyone any good at CSS2?

Why not make each area of the sidebar a div? You could do something like this:

< div id="whatever" >
< img src="top" />
some text
< img src="bottom" />
< /div >

div#whatever { background: url('repeat-y_image'); background-repeat: repeat-y; }

See the attached image for an example of the kinds of images to make.

<P ID="signature">--------------------



Welcome to the Bryant Street Theatre. Have a Fruit Roll-Up.</P>

C:Serverxampphtdocszopharoldwwwthrea...s2_example.jpg
CEpeep is offline   Reply With Quote
Old 02-27-2005, 11:54 PM   #3
Ugly Joe
Senior Member
 
Ugly Joe's Avatar
 
Join Date: Dec 2003
Posts: 1,461
Default Re: Anyone any good at CSS2?

I believe you are missing this: border-collapse: collapse;
This style is working for me in IE and Firefox.

table
{
padding: 0px;
margin: 0px;
border-width: 0px;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;

}

table td
{
padding: 0px;
margin: 0px;
border-width: 0px;
border-style: none;
border-spacing: 0px;

}<P ID="edit"><FONT class="small">Edited by Ugly Joe on 02/27/05 06:57 PM.</FONT></P>
__________________
Ugly Joe is offline   Reply With Quote
Old 02-27-2005, 11:56 PM   #4
Lillymon
Senior Member
 
Lillymon's Avatar
 
Join Date: Apr 2002
Location: England
Posts: 2,379
Default Re: Anyone any good at CSS2?

Your last post looked like shit for me under Mozilla Firefox 1.0.1.

<P ID="signature"><marquee direction=left scrollamount=8><img src=http://home.graffiti.net/lillymon:graffiti.net/images/keletav.gif></marquee>
!luos ruoy tae lliw stelek ehT</P>
__________________
Amelia Explains It All - Eventually. Probably.
Lillymon is offline   Reply With Quote
Old 02-27-2005, 11:57 PM   #5
Ugly Joe
Senior Member
 
Ugly Joe's Avatar
 
Join Date: Dec 2003
Posts: 1,461
Default Re: Anyone any good at CSS2?

> Your last post looked like shit for me under Mozilla Firefox
> 1.0.1.
>
Yup, ZMD will parse your table tags if you put them in your post <img src=smilies/retard.gif>. Editing...

<P ID="signature"></P>
__________________
Ugly Joe is offline   Reply With Quote
Old 02-27-2005, 11:59 PM   #6
Ugly Joe
Senior Member
 
Ugly Joe's Avatar
 
Join Date: Dec 2003
Posts: 1,461
Default Re: Anyone any good at CSS2?

This is what I was trying to post along with the style earlier.

Also, about the space under the images. It looks like it's being caused by extra whitespace in the cell. Try getting rid of white space, like, "&lt;td&gt;&lt;img src="ul.gif" /&gt;&lt;/td&gt;", don't put any newlines or anything in there to make it look more readable.

<P ID="signature"></P>
__________________
Ugly Joe is offline   Reply With Quote
Old 02-28-2005, 06:08 AM   #7
(wraith_)
Senior Member
 
(wraith_)'s Avatar
 
Join Date: Mar 2001
Posts: 2,163
Default Re: Anyone any good at CSS2?

Now if I could just get IE to handle margin-left: auto; and margin-right: auto; correctly :P

<P ID="signature"><hr width=350 align=left>
</P>
__________________
http://www.zophar.net/forums/image.php?type=sigpic&userid=6&dateline=1218505060
(wraith_) is offline   Reply With Quote
Old 02-28-2005, 11:50 AM   #8
king killa
Senior Member
 
Join Date: Jun 2002
Posts: 2,135
Default Re: Anyone any good at CSS2?

> Now if I could just get IE to handle margin-left: auto; and
> margin-right: auto; correctly :P
>

yea, there is a way around that. I forgot what it was though. oh wait.. I remember.

add this around the table:
<div class=iefix>
(auto aligned table or div)
</div

and the css:
.iefix {
text-align: center;
}


I am fairly certain that is the fix for it.

<P ID="signature"><img src=http://www.neohjuggalos.com/sig.png></P>
king killa is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:09 PM.

Contact Us - Zophar's Domain - Archive - Top

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.