Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ I need help with HTML

Posted by: simm24 Sep 5 2014, 07:17 AM

Hello there, I have a problem with the website that I'am programming. I really hope that someone here can help me.
The site that I'm working at looks like this right know (it's not online sorry).
IPB Image

The thing is that I want the header to go from one side to the other. But I want the text to be from the red on the menu (the horizontal rectangle).

Here is my HTML

And here are my CSS

I hope that you understand my problem. Please help!

You can also try yourself if you download the HTML and CSS.

Sorry for my bad English, but I am a student in Sweden...
//Paul Simon Lundgren, Dragonschool Umeå

Attached File(s)
stilmall.css ( 349bytes ) Number of downloads: 149
start_rollspelssektionen.html ( 508bytes ) Number of downloads: 134

Posted by: Frederiek Sep 5 2014, 08:12 AM

We need the background image you set in the CSS too. And does screen.css contain any CSS declarations? If so, then we need that also.

Besides, apart from a background image set on BODY, there is no IMG in the HTML, though there is a declaration for it in the CSS.

So, add everything we might be missing. You can post them one by one, or create a .zip file and upload and add that to your post.

Posted by: simm24 Sep 5 2014, 05:14 PM

Hello, thanks for the fast answer. Here are the background image.
IPB Image

I tried to upload a zip file, but it didn't work.

Here are the screen and I know that I have something in both the stylesheet and the screen that I don't really need. I've taken the code from another page that I have made.

Attached File(s)
screen.css ( 323bytes ) Number of downloads: 137

Posted by: pandy Sep 5 2014, 05:58 PM

And the header image.

Should the text be on top of the maroon horizontal strip or below it?

Meanwhile, HEADER and FOOTER are HTML5 elements. You can't use them in HTML 4.01. Either change them to DIVs or switch doctype. HEADER can't be in HEAD. It must be in BODY like everything else that's visible on the page. Same goes if you change it to a DIV. Use the validators.

http://htmlhelp.com/tools/validator/ (doesn't do HTML5)
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

Posted by: simm24 Sep 8 2014, 02:26 AM

Here comes the header!
IPB Image

I want the header to go above the red bar. In the red bar I will have the menu later.
And the text I want underneith the red bar (menu). but I don't want it to go outside the left end of the red bar.

Here you have a picture of another page that I will to,. But here you can get the idea of how I want it to be.

IPB Image

What is better HTML5 or HTML4.01? And what is the diffrense?

Thanks again!

Posted by: Frederiek Sep 8 2014, 03:26 AM

I think you better start over with a proper structure. This looks like a two column layout with header, menu and footer. See the tutorial at http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ .

For HTML5 differences from HTML4, go see at http://www.w3.org/TR/html5-diff/ .