Click to See Complete Forum and Search --> : Help me find the error.


resullivan
08-24-2007, 08:02 PM
Ok so I am making a website with a css template. I will have a coppermine page and a phpbb page with this. Right now I am trying to add the head to the coppermine part and I cannot get it to look the same.

http://www.e-sullivan.com/therays_pictures/

http://www.e-sullivan.com/therays/

Ok the coppermine CSS file

http://www.e-sullivan.com/therays_pictures/themes/classic/style.css

Vs the defualt working css

http://www.e-sullivan.com/therays/default.css

If anyone could spot what is throwing it off I would appreciate it.

ray326
08-24-2007, 11:17 PM
Start your stylesheet with

* { margin:0; padding:0 }

resullivan
08-25-2007, 05:17 AM
worked perfectly thank you.

resullivan
08-26-2007, 07:33 AM
Ok, so now I am trying to add the same little part to phpbb. The problem I have now is that it looks fine in FF but no in IE. In IE it is aligning the menu part to the left. Any suggestions?

www.e-sullivan.com/phpbb

Here is the majority of it

* { margin:0; padding:0 }

body {
background: #FFFFFF url(http://www.e-sullivan.com/therays/images/img01.jpg) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #7F7772;
}

table {
font-size: 12px;
}

h1, h2, h3 {
margin-bottom: 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #333333;
}

h1 {
font-size: 197%;
}

h2 {
font-size: 152%;
}

h3 {
font-size: 100%;
font-weight: bold;
}

p, ul, ol {
margin-bottom: 15px;
line-height: 1.6em;
}

ul, ol {
margin-left: 2em;
}

#menu {
width: 770px;
height: 105px;
margin: 0 auto;
align: center;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
display: block;
float: left;
width: 122px;
height: 65px;
padding: 40px 0 0 0;
}

#menu a {
display: block;
width: 122px;
height: 32px;
padding: 13px 0 0 0;
background: url(http://www.e-sullivan.com/therays/images/img02.jpg) no-repeat;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
background-image: url(http://www.e-sullivan.com/therays/images/img03.jpg);
}

#menu .active {
padding-top: 35px;
}

#menu .active a {
height: 37px;
padding-top: 16px;
background-image: url(http://www.e-sullivan.com/therays/images/img04.jpg);
color: #327EBE;
}

#menu .active a:hover {
background-image: url(http://www.e-sullivan.com/therays/images/img04.jpg);
}

/* Header */

#header {
width: 770px;
height: 160px;
margin: 0 auto;
}

/* Logo */

#logo {
float: left;
width: 250px;
height: 160px;
background: url(http://www.e-sullivan.com/therays/images/img05.jpg) no-repeat;
}

#logo h1, #logo h2 {
text-align: center;
}

#logo h1 {
padding-top: 90px;
letter-spacing: 8px;
font-size: 197%;
}

#logo h2 {
letter-spacing: 2px;
font-size: 85%;
}

#logo a {
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
}

/* Banner */

#banner {
float: right;
width: 520px;
height: 160px;
background: url(http://www.e-sullivan.com/therays/images/img06.jpg) no-repeat;
}

#banner a {
float: right;
padding: 120px 20px 0 0;
text-decoration: none;
text-align: right;
font-size: 136%;
font-style: italic;
color: #FFFFFF;
}

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }

/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: {T_TD_COLOR2};
background-image: url(templates/subSilver/images/{T_TH_CLASS3});
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
background-color: {T_BODY_LINK}; height: 25px;
background-image: url(templates/subSilver/images/{T_TH_CLASS2});
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/subSilver/images/{T_TH_CLASS1});
background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;

height: 28px;
}

/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

resullivan
08-26-2007, 08:21 AM
I gave up on it, it will just stay how it is.