The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> I need help with HTML, Header + img tags
simm24
post Sep 5 2014, 07:17 AM
Post #1





Group: Members
Posts: 6
Joined: 5-September 14
From: Sweden
Member No.: 21,506



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
IPB Image

And here are my CSS
IPB Image

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)
Attached File  stilmall.css ( 349bytes ) Number of downloads: 90
Attached File  start_rollspelssektionen.html ( 508bytes ) Number of downloads: 89
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Sep 5 2014, 08:12 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
simm24
post Sep 5 2014, 05:14 PM
Post #3





Group: Members
Posts: 6
Joined: 5-September 14
From: Sweden
Member No.: 21,506



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)
Attached File  screen.css ( 323bytes ) Number of downloads: 80
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 5 2014, 05:58 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,511
Joined: 9-August 06
Member No.: 6



And the header image. smile.gif

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/


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
simm24
post Sep 8 2014, 02:26 AM
Post #5





Group: Members
Posts: 6
Joined: 5-September 14
From: Sweden
Member No.: 21,506



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Sep 8 2014, 03:26 AM
Post #6


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



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/developi...sslayout/2-col/ .

For HTML5 differences from HTML4, go see at http://www.w3.org/TR/html5-diff/ .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th March 2017 - 08:36 PM