HTML Questions

**Statyk** · 10-14-2012, 07:34 PM

So in interest and experimentation, I've been coding my own webpage for portfolio work. But one thing I HAVE noticed is a background image I have is size specific. When the window is shrunk, the words I have typed are centered, but the background image stays aligned to the left. When the window is shrunk, the text does not center with the image. What I'm wondering is if there is a way to "center" the background image so it will always be aligned with the text? And if so, how would I do that? (it should look like the background is going under the frame on the left)

Examples:

Spoiler below!

Also, After I added frames, my custom page title failed to work. Anyone know how the title can be fixed as well? It's originally written like this:

Code: (Select All)

<HEADER>

<title>Statyk 3D Portfolio Page</title>

</HEADER>

Hope you can help me out here. The language is pretty simple so far, but I just don't know all the words.

**Bridge** · 10-14-2012, 07:40 PM

Could you post your complete code?

**Statyk** · 10-14-2012, 07:40 PM

Mind you, this is my first time coding a site. Some of this is probably going to look horrendous to the more experienced.

Code: (Select All)

<HTML>



<HEADER>

<title>Statyk's Horizon Gallery</title>

<style type="text/css">

body { background-repeat: no-repeat;}

</style>

</HEADER>

<BODY bgcolor=#000000 background="images/current_projects/horizon_bg.png" >

</BODY>



<BODY text=#FFFFFF>

<CENTER>

<P><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a href="http://www.moddb.com/mods/horizon-amnesia-tdd-mod" target="_blank">Official ModDB Page</a>

<U><H2>Art by me for a team project of mine, known as <I>"Horizon"</I> by the <I>Timorem Team:</I></H2></U>

<BR>



</P>

<br><a href="http://media.moddb.com/images/mods/1/22/21118/Lehaven.1.png" target="_blank"><img src="http://media.moddb.com/images/mods/1/22/21118/Lehaven.1.png" width=400 height=*></a> <a href="http://media.moddb.com/images/mods/1/22/21118/stressed_valyrie_wallpaper.png" target="_blank"><img src="http://media.moddb.com/images/mods/1/22/21118/stressed_valyrie_wallpaper.png" width=400 height=*></a>



</CENTER>

</BODY>





</HTML>

**Bridge** · 10-14-2012, 07:44 PM

I found this online:

background-position:center;

Should do the trick.

**Statyk** · 10-14-2012, 07:47 PM

haha! Works like a charm! Fantastic Bridge, Thank you =]

**Bridge** · 10-14-2012, 07:58 PM

Sorry, I totally missed your other problem. Do you mean the page title that appears in the window bar (or in the tabs in Firefox)? My HTML is really rusty but I'm pretty sure those <HEADER> tags are supposed to be <head> tags. Header is for text in the body. Your code works because CSS code can be run from anywhere I think.

**Kreekakon** · 10-14-2012, 08:06 PM

(10-14-2012, 07:58 PM)Bridge Wrote: My HTML is really rusty but I'm pretty sure those <HEADER> tags are supposed to be <head> tags. Header is for text in the body. Your code works because CSS code can be run from anywhere I think.

I just cooked up a quick, and simple HTML myself, and for me <head>, and <header> both work for displaying the title, so I think it might be something else.

**Bridge** · 10-14-2012, 08:12 PM

(10-14-2012, 08:06 PM)Kreekakon Wrote:
(10-14-2012, 07:58 PM)Bridge Wrote: My HTML is really rusty but I'm pretty sure those <HEADER> tags are supposed to be <head> tags. Header is for text in the body. Your code works because CSS code can be run from anywhere I think.
I just cooked up a quick, and simple HTML myself, and for me <head>, and <header> both work for displaying the title, so I think it might be something else.

Well, I just cooked up his HTML and actually got the title as well with both <head> and <header>, so it may be a browser issue.

**Statyk** · 10-14-2012, 08:12 PM

Yeah, the titles in the window bar. I had the title working earlier, but once I added frames, it's not working anymore. I changed HEADER to HEAD, but it didn't fix =\

**Kreekakon** · 10-14-2012, 08:15 PM

Does opening it in another browser do anything different?