Board index ‹ PBase ‹ HTML and Style Sheets ‹ Firefox vs Internet Explorer 7

HTML and Style Sheets

Firefox vs Internet Explorer 7

Customize your galleries.
marga_dd
 
Posts: 56

Firefox vs Internet Explorer 7

Post Mon Sep 24, 2007 9:27 am

Perhaps someone can help me with the following:

I used the following text on one of my pages: http://www.pbase.com/marga_dd/macdude

<p align="center">Mijn Schotse herdershonden.<br>
Dude, een bluemerle reu, geboren 19-09-2004<br>
Mac, tricolour reu, geboren 28-07-2005</p align="center">
<br>
<p align="center">My Scottish Shepards also known as "Collies",<br>
Dude bluemerle male, born september 19th 2004<br>
Mac, tricolour male, born july 28th 2005.</p align="center">

In Firefox the 2 items are centered as I wanted, in IE the 1st textblock is alligned left and the 2nd textblock is centered.

What do i have to add or alter so that both textblocks are centered in firefox as well as in IE ?

Thanks in advance for the help
Top
unicow
 
Posts: 1

In page css

Post Mon Sep 24, 2007 2:12 pm

You can put styles into your html without having to create a css.
This is working w/ FireFox & MSIE6.*:
<html>
<head></head>
<body>
<style type="text/css">
<!--
p {font-family: times new roman, arial; font-size: 12pt; color:black; text-align:center}
-->
</style>
<p>Mijn Schotse herdershonden.<br>
Dude, een bluemerle reu, geboren 19-09-2004<br>
Mac, tricolour reu, geboren 28-07-2005</p>
<br>
<p>My Scottish Shepards also known as "Collies",<br>
Dude bluemerle male, born september 19th 2004<br>
Mac, tricolour male, born july 28th 2005.</p">
</body>
</html>
Top
marga_dd
 
Posts: 56


Post Mon Sep 24, 2007 8:11 pm

Thanks, but this is not what i meant.
When i use the suggestion above, my text has changed into white, different font and in IE still alligned left.

I don't want to change the text or the font, or the style. I just want to center both textblocks and that's not happening now in IE
Top
emmelafoto
 
Posts: 2401
Location: Zoetermeer


Post Mon Sep 24, 2007 8:34 pm

Hoi Mar,
Is het dit:
<p align="center">Mijn Schotse herdershonden.<br>
Dude, een bluemerle reu, geboren 19-09-2004<br>
Mac, tricolour reu, geboren 28-07-2005.<br>
<br>
<br>
My Scottish Shepards also known as "Collies",<br>
Dude bluemerle male, born september 19th 2004<br>
Mac, tricolour male, born july 28th 2005.</p>

gr. Maaike
Top
andrys
 
Posts: 2701


Post Mon Sep 24, 2007 9:53 pm

Hi,
In your user description box in your edit_gallery you start a table
but then you don't follow through with <tr> and <td> and then you
don't end the table.

You don't even need a table for what you're doing except you apparently
want a fixed width of 825 pixels no matter what resolution the person
viewer is using. The main problem may be not doing a "br> after your
image statement.

========================
[SIMPLEST FIX - no table]
<center>
<img src="http://www.pbase.com/marga_dd/image/85576754/original.jpg" alt="logo"><p>
Mijn Schotse herdershonden.<br>
Dude, een bluemerle reu, geboren 19-09-2004<br>
Mac, tricolour reu, geboren 28-07-2005<p>

My Scottish Shepards also known as "Collies",<br>
Dude bluemerle male, born september 19th 2004<br>
Mac, tricolour male, born july 28th 2005
</center>
========================


BUT

If you HAVE to do a table, then
========================
[MORE WORDY FIX USING TABLES AS YOU START TO DO]
<center><img src="http://www.pbase.com/marga_dd/image/85576754/original.jpg" alt="logo"><br>

<table border="0" cellpadding="0" cellspacing="0" width="825">
<tbody>
<tr align="center">
<td >
Mijn Schotse herdershonden.<br>
Dude, een bluemerle reu, geboren 19-09-2004<br>
Mac, tricolour reu, geboren 28-07-2005<p>

My Scottish Shepards also known as "Collies",<br>
Dude bluemerle male, born september 19th 2004<br>
Mac, tricolour male, born july 28th 2005.
</td></tr></table>
</center>
========================

Hope that helps.
Top
marga_dd
 
Posts: 56


Post Tue Sep 25, 2007 11:33 am

Thank you Andrys.
Your solution works fine in Firefox AND IE

Can you tell me what command exactly caused the centering of the first textblock in IE?



I just recently started to try understand the html language.

What causes the difference in layout between Firefox and IE?
Top
matiasasun
 
Posts: 1493


Post Tue Sep 25, 2007 2:16 pm

marga_dd wrote:What causes the difference in layout between Firefox and IE?


Marga:
Three years ago I was where you are now. Trying to understand what went wrong with my PBase page. Soon I understood there was a big issue about web standars, and even more, about the market control of web browsers. IE follows microsoft strategy, Firefox follows the open source/free software strategy. In case you're interested there are tons of web pages dedicated to this (very very) important issue.
Matias, Chile - http://www.pbase.com/matiasasun
Resources, HOWTOs, Samples and more! - http://pbasewiki.srijith.net/
Top
andrys
 
Posts: 2701


Post Tue Sep 25, 2007 2:45 pm

marga_dd wrote:Thank you Andrys.
Your solution works fine in Firefox AND IE

Can you tell me what command exactly caused the centering of the first textblock in IE? . . .

What causes the difference in layout between Firefox and IE?


I explained what I did at the top of my post, removing a table
code segment that was not completed with table-ends...

I did two different styles, one with table and one without.

The MAIN thing is that Firefox is more forgiving of code that
has missing sections as you saw with your page. IE looks
for more exactness. Statements must have closing statements.

Note that the simple code works fine. You needed only one <center>
and one </center>.
(Tables must have <tr>, <td>, and ending </td></tr></table> entries.

At best, it's all confusing...
Top
marga_dd
 
Posts: 56


Post Wed Sep 26, 2007 2:49 pm

Matiasasun and Andrys, thank you both for your explanation.

Sometimes the most simple solution works best. :D
For microsoft there is no simple solution i think :D

I will look for information on the intenet and hopefully in 3 years i can achieve what you did Matias :D


But....looking at it very positive: 4 weeks ago when i started my pbase website (after done nothing since my trialaccount in 2005) all the pages were standard Pbase. I already managed to alter some css files and i never heard of css before :D

I am not finished yet, there is more to come :D
Top
andrys
 
Posts: 2701


Post Thu Sep 27, 2007 12:20 am

marga_dd wrote:Sometimes the most simple solution works best. :D
For microsoft there is no simple solution i think :D


Actually the simple solution I mentioned does work for Microsoft
IE also.

But....looking at it very positive: 4 weeks ago when i started my pbase website (after done nothing since my trialaccount in 2005) all the pages were standard Pbase. I already managed to alter some css files and i never heard of css before :D


Yes, it's really helpful. But more important is to get control of
simple HTML first, which was what I used above.

I have basic HTML tutorial links at http://www.andrys.com/home.html#htmlrefs

The 2nd entry, by Joe Burns, is probably the most fun to start with.

Have fun! You've done a lot in short time. Getting the basic HTML
stuff down will make you feel better too.
Top
justjoe6869
 
Posts: 9


Post Sat Oct 13, 2007 7:19 pm

I don't want to start a new topic about IE vs. Firefox displays, so I was wondering if someone would help with mine. I used Borruel's standard CSS and tweaked it. I have 3 different style sheets, one for my root gallery, one for captions under the thumbnails, and one to remove the captions. The style sheets look the way I want in Firefox, but not IE. I'll post the three different sheets in different posts.

Root:
Code: Select all
A {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:link {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:visited {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:active {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:hover {
   COLOR: rgb(95,121,216); TEXT-DECORATION: none
}
A.thumbnail {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 197px
}
A.thumbnail:link {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid;
   WIDTH: 172px; PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 197px
}
A.thumbnail:visited {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 197px
}
A.thumbnail:active {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 197px
}
A.thumbnail:hover {
   BORDER-RIGHT: rgb(95,121,216) 1px solid; BORDER-TOP: rgb(95,121,216) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(32,32,32);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(95,121,216) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(95,121,216) 1px solid; HEIGHT: 197px
}
BODY {
   MARGIN-TOP: 0px; BACKGROUND: rgb(65,65,65); MARGIN-BOTTOM: 20px
}
DIV {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TH {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TR {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TABLE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 5px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TABLE.luis {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
LI {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
UL {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FORM {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
BLOCKQUOTE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
P {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 13px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
B {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
I {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
CENTER {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   DISPLAY: block; FONT: 9px Verdana, Tahoma, Helvetica, sans-serif;
    MARGIN-LEFT: 4px; WIDTH: 170px; COLOR: rgb(191,191,201); MARGIN-RIGHT: 4px;
     LETTER-SPACING: 0px
}
H3 {
   FONT-WEIGHT: normal; FONT-SIZE: 16px; BACKGROUND: rgb(51,51,51);
    PADDING-BOTTOM: 10px; BORDER-LEFT: 0px; COLOR: rgb(255,255,255);
     LINE-HEIGHT: normal; PADDING-TOP: 10px; FONT-STYLE: normal;
      LETTER-SPACING: 0px; TEXT-ALIGN: center; FONT-VARIANT: normal
}
IMG {
   BORDER-RIGHT: rgb(0,0,0) 1px; BORDER-TOP: rgb(0,0,0) 1px;
   BORDER-LEFT: rgb(0,0,0) 1px; BORDER-BOTTOM: rgb(0,0,0) 1px
}
IMG.thumbnail {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; PADDING-RIGHT: 0px;
    BORDER-TOP: rgb(0,0,0) 1px solid; PADDING-LEFT: 0px;
    BACKGROUND: rgb(45,45,45); PADDING-BOTTOM: 0px; MARGIN: 0px;
    VERTICAL-ALIGN: middle; BORDER-LEFT: rgb(0,0,0) 1px solid;
    PADDING-TOP: 0px; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
INPUT {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
    BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
TABLE.thumbnail {
   WIDTH: 10%
}
TD {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px;
   BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 1px;
   BORDER-BOTTOM: 1px; BORDER-COLLAPSE: collapse; empty-cells: show
}
TD.message_body {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px; DISPLAY: block; BACKGROUND: rgb(40,40,40);
    BORDER-LEFT: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px dotted
}
.caption {
   COLOR: rgb(95,121,216); FONT-STYLE: italic
}
.display {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
    BACKGROUND: rgb(0,0,0);
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=5);
    BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
.lid {
   BACKGROUND: rgb(55,55,55); FONT: 11px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR: rgb(102,102,102); TEXT-DECORATION: none
}
.message_body {
   MARGIN: 5px 5px 10px;
   FONT: 10px Verdana, Tahoma, Helvetica, sans-serif; COLOR: rgb(191,191,201)
}
.sb {
   BACKGROUND: rgb(191,191,201); FONT: 12px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
BODY {
   MARGIN-TOP: 0px; TOP: 0px
}
BODY TABLE A IMG {
   DISPLAY: inline
}
HR {
   POSITION: relative
}
Top
justjoe6869
 
Posts: 9


Post Sat Oct 13, 2007 7:20 pm

No captions:
Code: Select all
A {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:link {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:visited {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:active {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:hover {
   COLOR: rgb(95,121,216); TEXT-DECORATION: none
}
A.thumbnail {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 170px
}
A.thumbnail:link {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid;
   WIDTH: 172px; PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 170px
}
A.thumbnail:visited {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 170px
}
A.thumbnail:active {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 170px
}
A.thumbnail:hover {
   BORDER-RIGHT: rgb(95,121,216) 1px solid; BORDER-TOP: rgb(95,121,216) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(32,32,32);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(95,121,216) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(95,121,216) 1px solid; HEIGHT: 170px
}
BODY {
   MARGIN-TOP: 0px; BACKGROUND: rgb(65,65,65); MARGIN-BOTTOM: 20px
}
DIV {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TH {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TR {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TABLE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 30px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TABLE.luis {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
LI {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
UL {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FORM {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
BLOCKQUOTE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
P {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 13px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
B {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
I {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
CENTER {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   DISPLAY: block; FONT: 9px Verdana, Tahoma, Helvetica, sans-serif;
    MARGIN-LEFT: 4px; WIDTH: 170px; COLOR: rgb(191,191,201); MARGIN-RIGHT: 4px;
     LETTER-SPACING: 0px
}
H3 {
   FONT-WEIGHT: normal; FONT-SIZE: 16px; BACKGROUND: rgb(51,51,51);
    PADDING-BOTTOM: 10px; BORDER-LEFT: 0px; COLOR: rgb(255,255,255);
     LINE-HEIGHT: normal; PADDING-TOP: 10px; FONT-STYLE: normal;
      LETTER-SPACING: 0px; TEXT-ALIGN: center; FONT-VARIANT: normal
}
IMG {
   BORDER-RIGHT: rgb(0,0,0) 1px; BORDER-TOP: rgb(0,0,0) 1px;
   BORDER-LEFT: rgb(0,0,0) 1px; BORDER-BOTTOM: rgb(0,0,0) 1px
}
IMG.thumbnail {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; PADDING-RIGHT: 0px;
    BORDER-TOP: rgb(0,0,0) 1px solid; PADDING-LEFT: 0px;
    BACKGROUND: rgb(45,45,45); PADDING-BOTTOM: 0px; MARGIN: 0px;
    VERTICAL-ALIGN: middle; BORDER-LEFT: rgb(0,0,0) 1px solid;
    PADDING-TOP: 0px; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
INPUT {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
    BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
TABLE.thumbnail {
   WIDTH: 10%
}
TD {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px;
   BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 1px;
   BORDER-BOTTOM: 1px; BORDER-COLLAPSE: collapse; empty-cells: show
}
TD.message_body {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px; DISPLAY: block; BACKGROUND: rgb(40,40,40);
    BORDER-LEFT: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px dotted
}
.caption {
   COLOR: rgb(95,121,216); FONT-STYLE: italic
}
.display {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
    BACKGROUND: rgb(0,0,0);
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=5);
    BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
.lid {
   BACKGROUND: rgb(55,55,55); FONT: 11px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR: rgb(102,102,102); TEXT-DECORATION: none
}
.message_body {
   MARGIN: 5px 5px 10px;
   FONT: 10px Verdana, Tahoma, Helvetica, sans-serif; COLOR: rgb(191,191,201)
}
.sb {
   BACKGROUND: rgb(191,191,201); FONT: 12px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
BODY {
   MARGIN-TOP: 0px; TOP: 0px
}
BODY TABLE A IMG {
   DISPLAY: inline
}
HR {
   POSITION: relative
}


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }
Top
justjoe6869
 
Posts: 9


Post Sat Oct 13, 2007 7:23 pm

Captions:
Code: Select all
A {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:link {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:visited {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:active {
   COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
A:hover {
   COLOR: rgb(95,121,216); TEXT-DECORATION: none
}
A.thumbnail {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 197px
}
A.thumbnail:link {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid;
   WIDTH: 172px; PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 197px
}
A.thumbnail:visited {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 197px
}
A.thumbnail:active {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(35,35,35);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 197px
}
A.thumbnail:hover {
   BORDER-RIGHT: rgb(95,121,216) 1px solid; BORDER-TOP: rgb(95,121,216) 1px solid;
   DISPLAY: block; BACKGROUND: rgb(32,32,32);
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   MARGIN-BOTTOM: -45px; BORDER-LEFT: rgb(95,121,216) 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM: rgb(95,121,216) 1px solid; HEIGHT: 197px
}
BODY {
   MARGIN-TOP: 0px; BACKGROUND: rgb(65,65,65); MARGIN-BOTTOM: 20px
}
DIV {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TH {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TR {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TABLE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 30px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
TABLE.luis {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
LI {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
UL {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FORM {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
BLOCKQUOTE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
P {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 13px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
B {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
I {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
CENTER {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR: rgb(191,191,201); BORDER-BOTTOM: 0px
}
FONT {
   DISPLAY: block; FONT: 9px Verdana, Tahoma, Helvetica, sans-serif;
    MARGIN-LEFT: 4px; WIDTH: 170px; COLOR: rgb(191,191,201); MARGIN-RIGHT: 4px;
     LETTER-SPACING: 0px
}
H3 {
   FONT-WEIGHT: normal; FONT-SIZE: 16px; BACKGROUND: rgb(51,51,51);
    PADDING-BOTTOM: 10px; BORDER-LEFT: 0px; COLOR: rgb(255,255,255);
     LINE-HEIGHT: normal; PADDING-TOP: 10px; FONT-STYLE: normal;
      LETTER-SPACING: 0px; TEXT-ALIGN: center; FONT-VARIANT: normal
}
IMG {
   BORDER-RIGHT: rgb(0,0,0) 1px; BORDER-TOP: rgb(0,0,0) 1px;
   BORDER-LEFT: rgb(0,0,0) 1px; BORDER-BOTTOM: rgb(0,0,0) 1px
}
IMG.thumbnail {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; PADDING-RIGHT: 0px;
    BORDER-TOP: rgb(0,0,0) 1px solid; PADDING-LEFT: 0px;
    BACKGROUND: rgb(45,45,45); PADDING-BOTTOM: 0px; MARGIN: 0px;
    VERTICAL-ALIGN: middle; BORDER-LEFT: rgb(0,0,0) 1px solid;
    PADDING-TOP: 0px; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
INPUT {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
    BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
TABLE.thumbnail {
   WIDTH: 10%
}
TD {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px;
   BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 1px;
   BORDER-BOTTOM: 1px; BORDER-COLLAPSE: collapse; empty-cells: show
}
TD.message_body {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px; DISPLAY: block; BACKGROUND: rgb(40,40,40);
    BORDER-LEFT: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px dotted
}
.caption {
   COLOR: rgb(95,121,216); FONT-STYLE: italic
}
.display {
   BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid;
    BACKGROUND: rgb(0,0,0);
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=5);
    BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid
}
.lid {
   BACKGROUND: rgb(55,55,55); FONT: 11px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR: rgb(102,102,102); TEXT-DECORATION: none
}
.message_body {
   MARGIN: 5px 5px 10px;
   FONT: 10px Verdana, Tahoma, Helvetica, sans-serif; COLOR: rgb(191,191,201)
}
.sb {
   BACKGROUND: rgb(191,191,201); FONT: 12px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR: rgb(255,255,255); TEXT-DECORATION: none
}
BODY {
   MARGIN-TOP: 0px; TOP: 0px
}
BODY TABLE A IMG {
   DISPLAY: inline
}
HR {
   POSITION: relative
}
Top

Board index ‹ PBase ‹ HTML and Style Sheets ‹ Firefox vs Internet Explorer 7

Who is online

Users browsing this forum: ClaudeBot and 1 guest

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group