Help the space between my banner and...

User 492222 Photo


Registered User
29 posts

Not sure exactly what I've done but could someone help me figure out how to get the h3 line to go down about four spaces so its not cutting into my banner. I've tried taking it out completely but it just doesn't work out, puts the text beneath it in its place. What am I doing wrong? How can I get things to line up properly.
User 364143 Photo


Guest
5,410 posts

A link to the site would be most beneficial.
CoffeeCup... Yeah, they are the best!
User 492222 Photo


Registered User
29 posts

Hi Tom,

sadly i don't have it uploaded yet because I'm trying to polish it... How can I upload the 'page' without erasing my crappy old site that's up now?
User 117361 Photo


Ambassador
6,076 posts

Give the page a new name temporarily so that you can just give us a link to that page.

Header tags have extra space around them by default, and usually the only way to overcome this is by using a workaround in the code which uses a minus margin (eg. margin-top: -10px;) which will bring the content closer. You have to be careful though as some browsers don't seem very happy with this workaround.
User 364143 Photo


Guest
5,410 posts

You don't have to use a negative margin. You can set it to 0 or any positive number. But a link would help as it may be fixed by adjusting the padding or margin on different elements.
CoffeeCup... Yeah, they are the best!
User 492222 Photo


Registered User
29 posts

I have a link but I'm not sure if it's going to do much good as the page itself doesn't show any of the graphics...and i'm not sure if its because I haven't uploaded them or what...but I'm going to try that.

You can find it here:

http://scarletscribeedits.com/temp%20index.html

I'm hoping to get this revamped site up and going this weekend so any and all help is greatly appreciated. I love this company and the way everyone is so friendly - I know I'm pretty new and inexperienced with this but I don't feel dumb at all :)
User 492222 Photo


Registered User
29 posts

I give up!!! I have no idea what I did.

I've lost the theme I was using, all that's there is my custom banner and nothing is lining up! What have I done wrong...:(

Obviously I am a total dunce with this...should stick to VSD - but I need/want to learn coding. Aghhh....
User 364143 Photo


Guest
5,410 posts

It's not displaying the styles because it's looking for a style sheet in the css folder
css/default.css

and the browser can not find it there
http://scarletscribeedits.com/css/default.css

reports a 404 file not found
CoffeeCup... Yeah, they are the best!
User 492222 Photo


Registered User
29 posts

*beating head on desk* okay...I'll try loading teh default css file. Thought i did it but obviously not.

Thanks Tom
User 117361 Photo


Ambassador
6,076 posts

To me it looks as if you might not have uploaded the css file to style the page.

No wait... I think the problem is that you have created your css file as an html file by the looks of things.
The css file should only have the css stuff on the page, and none of the header or doc type information that you normally have on your html page.
So remove all this from your separate css file...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Parallels H-Sphere</title>
<link rel="icon" href="default_html/favicon.ico" type="image/ico">
<style type="text/css">

and all that follows too
</style>

</head>
<body>
<div id="header">
<div id="logo"><a href="http://www.parallels.com" target="_blank" style="color:#FFFFFF; text-decoration: none;">Parallels<sup style="font-size:16px">&reg;</sup> H-Sphere</a></div>

</div>
<div class="aligncenter">
<div id="centered">
<div id="content">
<h2>Error 404: File Not Found</h2>
<p>The requested page is not found. This may happen due to the following reasons:</p>
<ul>
<li>Page or file is outdated, renamed, moved, or does not exist.</li>
<li>You typed the address incorrectly, like http://www.example.com/<b>pgae</b>.html instead of http://www.example.com/<b>page&lt … lt;/li>

</ul>
<p>Please contact your webmaster if you are not sure what goes wrong.</p>
<br /><br /><br /><br />
</div></div></div>
<div id="copyright"><a href="http://www.parallels.com/" target="_blank">&copy; Copyright 1999-2008, Parallels<br> All rights reserved</a></div>
<div id="bottom">
<div id="bottom_text">This page is autogenerated by <a href="http://www.parallels.com" target="_blank" style="text-decoration:underline">Parallels</a><sup>&reg;</sup> <a href="http://www.parallels.com" target="_blank" style="text-decoration:underline">H-Sphere</a></div>

</div>
</body>
</html>


and that should help.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.