Website coding help
Website coding help
Hey guys.
I'm desperate about this one.
I'm making sort of my personal site that's very simple where I can post my projects and stuff.
Now I have this problem, I coded the navigation:
http://img17.imageshack.us/img17/4882/catsvlq.jpg
But the problem is whenever I resize by browser it looks like this:
http://img394.imageshack.us/img394/4835/cats.jpg
Here are the HTML:
http://code.suck-o.com/150
and CSS codes:
http://code.suck-o.com/151
I'm stuck until I get this to work.
I'm desperate about this one.
I'm making sort of my personal site that's very simple where I can post my projects and stuff.
Now I have this problem, I coded the navigation:
http://img17.imageshack.us/img17/4882/catsvlq.jpg
But the problem is whenever I resize by browser it looks like this:
http://img394.imageshack.us/img394/4835/cats.jpg
Here are the HTML:
http://code.suck-o.com/150
and CSS codes:
http://code.suck-o.com/151
I'm stuck until I get this to work.
- bad_brain
- Site Owner
- Posts: 11636
- Joined: 06 Apr 2005, 16:00
- 19
- Location: In your eye floaters.
- Contact:
Code: Select all
main {
position: relative;
- bad_brain
- Site Owner
- Posts: 11636
- Joined: 06 Apr 2005, 16:00
- 19
- Location: In your eye floaters.
- Contact:
ok, this is really annoying... I tried for the last hour, also with no luck....my CSS is a little rusty I have to add...
I'll check again tomorrow if you or someone else haven't figured it out until then...
btw, for such debugging I recommend to use the Firebug plugin for Firefox, it allows you to edit the source code of the site while watching it...so you don't have to edit/save the original source all the time:
https://addons.mozilla.org/en-US/firefox/addon/1843
I'll check again tomorrow if you or someone else haven't figured it out until then...
btw, for such debugging I recommend to use the Firebug plugin for Firefox, it allows you to edit the source code of the site while watching it...so you don't have to edit/save the original source all the time:
https://addons.mozilla.org/en-US/firefox/addon/1843
Do this
Add this to your style.css
And make a call for it in your html file before your h1 like this
and finish it off at the end
Let me know if it works...
Code: Select all
#mcontainer {
position: relative;
width: 800px;
}
And make a call for it in your html file before your h1 like this
Code: Select all
<div id="mcontainer">
<h1>ph0bYx</h1>
<hr width="550px">
<h2>Index</h2>
Code: Select all
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<hr width="800px" align="center">
</div>
hey
Okay, I was in college when i did that and tested it only on IE. Try this one on and see if it works.
http://code.suck-o.com/152 - CSS File
http://code.suck-o.com/153 - HTML FILE
I ve fixed the Firefox problem but there is still some more things left to do to make it work on IE.. nicely.. Just add a container for the header text so it stays within the browser even when its minimized. Its only a problem with IE now..
Anyways
Peace for now
http://code.suck-o.com/152 - CSS File
http://code.suck-o.com/153 - HTML FILE
I ve fixed the Firefox problem but there is still some more things left to do to make it work on IE.. nicely.. Just add a container for the header text so it stays within the browser even when its minimized. Its only a problem with IE now..
Anyways
Peace for now
It worked! Thanks!
Don't worry about IE, I'll just add "best view in Mozilla Firefox" or something like that.
Now that that's fixed I have another problem
I've uploaded my site on a free host and now I got this problem.
When I try to open it as: site.com it displays only the navigation, the lcontainer, and when I open like: site.com/index.html then it displays the lower content too.
Here's the site link:
Don't worry about IE, I'll just add "best view in Mozilla Firefox" or something like that.
Now that that's fixed I have another problem
I've uploaded my site on a free host and now I got this problem.
When I try to open it as: site.com it displays only the navigation, the lcontainer, and when I open like: site.com/index.html then it displays the lower content too.
Here's the site link:
Code: Select all
http://ph0byx.110mb.com/index.html
Not for me
Here how I see them:
http://img19.imageshack.us/img19/4084/catsepy.jpg
http://img237.imageshack.us/img237/6034/cats2.jpg
PS: I see you added "Staff member" on me . TnQ
Here how I see them:
http://img19.imageshack.us/img19/4084/catsepy.jpg
http://img237.imageshack.us/img237/6034/cats2.jpg
PS: I see you added "Staff member" on me . TnQ