[SOLVED] Help!!!

Spida · #1 Oct 15th, 2007, 14:35

Hi. I am new to this forum and hope that someone out there can help.
I have to skin a site to make it compatible with my web site and I have just about got the hang of CSS with HTML but this site is written in ColdFusion and I just don't get it!! I am trying to to drop the header down the page - I have tried changing all the variations of the margin numbers and nothing. This is just the first of my problems - I just know there are going to be a mega load more!!!
Thanks.

The code is below.

Code: Select all

padding:0;
margin:0 0 30px 0;
text-align:center;
font:11px Arial, Verdana, Helvetica, sans-serif;
background:url(images/backgrnd.jpg);
}

/* Main site container - controls site width and alignment */
#container {
width:800px;
border-top:5px solid #000000;
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-left:5px solid #000000;
text-align:left;
background:url(images/backgrnd.jpg);
margin:0 auto;
voice-family: "\"}\""; /*Box model hack for pre ie5.5 browsers */
voice-family:inherit;
width:780px;
}

/* Site header - controls height and background color of header and text */
#header {
height:160px;
color:#000000;
background:url(images/backgrnd.jpg) no-repeat;
}
/* Controls positioning of the site name */
#sitename {
margin:60px 0 0 30px;
float:left;
}
/* Controls the positioning of the order details box */
#order {
float:left;
color:#000000;
margin:50px 0 0 120px;
}
#order a {
color:#333;
font-weight:bold;
text-decoration:underline;
}
#order a:hover {
color:#FF6600;
}
/* Top navigation bar styles */
#topnavbar {
background:#c2c2c2;
height:34px;
padding:8px 5px 0 5px;
voice-family: "\"}\""; /*Box model hack for pre ie5.5 browsers */
voice-family:inherit;
height:26px;
}

/* Dropdown menu titles styles, controls colour and spacing between titles */
#menu {
float:left;
}
#menu ul {
display:inline;
padding:0;
margin:4px 0 0 0;
list-style-type:none;
}
#menu li {
display:inline;
padding:0;
margin:0;
list-style-type:none;
}
#menu li a {
color:#4c4c4c;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
padding:0 1.2em 0 1.2em;
}

/* The following styles rules control the positioning and display of the main login boxes */
#navbarlogin {
float:right;
background:url(file:///J|/My Documents/Unzipped/Print/images/login.gif) no-repeat;
margin:0 0 5px 0;
padding:0 0 0 20px;
text-align:right;
font-size:10px;
color:#333;
}
#navbarlogin form {
margin:0;
}
#navbarlogin input {
margin:0 5px 0 5px;
font-size:10px;
border:1px solid #000;
}

/* Crumb trail style rules */
#crumbtrail {
padding:10px 10px 10px 20px;
color:#333;
background:#f0f0f0;
border-bottom:1px solid #ccc;
}
#crumbtrail a {
color:#333;
font-weight:bold;
text-decoration:underline;
}
#crumbtrail a:hover {
color:#FF6600;
}
/* Main pane style rules */
#main {
width:580px;
padding:20px 20px 20px 20px;
float:left;
border-right:1px solid #ccc;
voice-family: "\"}\""; /*Box model hack for pre ie5.5 browsers */
voice-family:inherit;
width:539px;
}
#main a {
color:#333;
font-weight:bold;
}
#main a:hover {
color:#FF6600;
}
/* column 2 layout and styles */
#col2 {
width:200px;
padding:10px 10px 20px 20px;
float:left;
voice-family: "\"}\""; /*Box model hack for pre ie5.5 browsers */
voice-family:inherit;
width:170px;
}
#col2 a {
color:#333;
}
#col2 a:hover {
color:#FF6600;
}
/* Page footer styles */
#footer {
padding:20px;
border-top:1px solid #ccc;
background:#f0f0f0;
color:#333;
}
#footer a {
color:#333;
}
#footer a:hover {
color:#FF6600;
}
 
/* Heading styles */
h1 {
color:#333;
font-size:3;
margin:0;
}
h2 {
color:#333;
font-size:2em;
margin:0 0 15px 0;
padding:0 0 1px 0;
border-bottom:1px solid #ccc;
}
h3 {
display:block;
padding:4px 0 4px 8px;
background:#999999;
border-bottom:4px solid #666666;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
}
 
/* font styles */
p {
margin:0 0 1em 0;
line-height:1.5em;
}

/*The following style are used to adjust the appearance of the form areas and input boxes*/
.frmText{
 border: 1px  #C0C0C0 solid;
 background-color :#EFEFEF ;
 padding : 1px;
 font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 12px;
 color: #000000; 
}
.frmSubmit{
 border: 1px  #C0C0C0 solid;
 background-color :#EFEFEF ;
 padding : 1px;
 font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 12px;
 color: #000000; 
}
.frmSelect{
 border: 1px  #C0C0C0 solid;
 background-color :#EFEFEF ;
 padding : 1px;
 font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 12px;
 color: #000000; 
}
/*The following style cnotrol the appearance of the page numbers in multi-pages files such as the news and testimonials*/
#pages{
 padding : 3px;
 border-top : 1px solid #C0C0C0;
}
#pages a, a:link, a:visited, a:active {
 color : #FF0000;
 text-decoration : none;
}
#pages a:hover {
 text-decoration : underline;
}
/*The following styles control the appearnce of the tables throughout the site*/
.tableStyle{
 background-color : #C0C0C0;
}
.tableHeader{
 background-color : #EFEFEF;
}
.tableRow{
 background-color : #FFFFFF;
}
.altTableRow{
 background-color : #EFEFEF;
}
/*this class controls the appearnce of the cart preview at the top right of the site*/
.cartdisplay{
 text-align : right;
}

alexgeek · #2 Oct 15th, 2007, 15:50

Can you host this on freewebs or another host please.
It's much easier to help you that way.

karinne · #3 Oct 15th, 2007, 16:03

A link would be much better as we need to see all the code.

Spida · #4 Oct 16th, 2007, 07:40

the link to the web site is: http://www.spidaprint.co.uk

Monie · #5 Oct 16th, 2007, 07:47

which part do you want to move?

You have a layout problem that you need to solve. The page totally messed up in Firefox but looks ok in IE7.

Spida · #6 Oct 16th, 2007, 08:07

Hi I am trying to move the logo section down the page, so I have a 30px (ish) margin above the black border at the top.
Yes I know I have a layout problem, I'm going through each section at a time trying to solve the problems that deals with that specific entity. Thanks

Monie · #7 Oct 16th, 2007, 08:33

On your css, give the body a padding-top properties.

Code: Select all

body {
padding-top: 20px;
margin:0 0 30px 0;
margin-top: 25%;
text-align:center;
font:11px Arial, Verdana, Helvetica, sans-serif;
background:url(images/backgrnd.jpg);
}

Spida · #8 Oct 16th, 2007, 09:26

Thanks - will give it a try

Monie · #9 Oct 17th, 2007, 01:35

Any luck?
I tried that and it seems fine.

Spida · #10 Oct 17th, 2007, 06:35

Yes it worked fine thanks. Just got to sort out the design layout problems with Firefox!!!! Give me HTML any day! lol

Monie · #11 Oct 17th, 2007, 07:37

nice..
It is best to design your page in FF and later sort the problem that occur in other browser such as IE, (I read that somewhere...)

Marc · #12 Oct 17th, 2007, 08:57

Generally if you code the site for Firefox, it usually works in IE6/7 apart from a few px padding/margin. Atleast that is what happens with me!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] 1 solved problem causes another	delusion	Web Page Design	9	Dec 21st, 2007 08:12
Adding "Topic Solved" for solved topics	AdRock	Webforumz Suggestions and Feedback	21	Oct 4th, 2007 15:08

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] Help!!!