Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

Geek Culture / Help with website...

Author
Message
Omega gamer 89
17
Years of Service
User Offline
Joined: 10th Sep 2007
Location: Pittsburgh, PA
Posted: 18th Dec 2007 16:52
Link
http://www.threeswordsproductions.com/

okay, I recently posted this website, but I was a n00b and used tables instead of CSS styles. So I went back and re-did everything with CSS styles like everyone said to. But, when I checked the site after updating it, the background is all messed up! I used Z-depth or Z-position or whatever it is in the CSS style to make it so that the rectangular gradient is BEHIND everything else, but it didn't work! When I checked it in my browser at home, it looked and worked fine! But now that the newer version of the site is actually on the web, its all messed up! HELP!

vist my site.
www.threeswordsproductions.com
Back to top
Profile PM Email
Omega gamer 89
17
Years of Service
User Offline
Joined: 10th Sep 2007
Location: Pittsburgh, PA
Posted: 18th Dec 2007 16:56
Link
Oh, also, the animated gif on the home page lost its transparency.

vist my site.
www.threeswordsproductions.com
Back to top
Profile PM Email
Omega gamer 89
17
Years of Service
User Offline
Joined: 10th Sep 2007
Location: Pittsburgh, PA
Posted: 18th Dec 2007 17:01
Link
Ok. sorry for the TRIPLE post, but somethimg changed. I moved the CSS style file to the correct directory, (lol, aciddentally put it in the main one instead of the CSS folder) and now the rectangular gradient is in the back like its supposed to be. BUT, the "Finished works" page doesn't have the gardient at all!

vist my site.
www.threeswordsproductions.com
Back to top
Profile PM Email
Nicholas Thompson
20
Years of Service
User Offline
Joined: 6th Sep 2004
Location: Bognor Regis, UK
Posted: 19th Dec 2007 01:18
Link
Everything has that (aweful) gradient on mine (Firefox 2)...

May I make a suggestion and.. err.. suggest that you take an hour to browse the web and make a list of designs you LIKE and look GOOD and another list of BAD designs... Now go through that list and see if there are any common factors. Now see if your site breaks any of those rules you just made for yourself.

It's good you're following guidelines like using CSS... but (in my opinion) the site is far to loud and busy. Things like inconsistent page layout, green/red/orange text, inverting image colours on hover, pages with text that's part of the image (why? Why not make a background to a div with paragraphs in it?) and last of all - the 3 swords bouncing GIF. Yay you found an animation tool! Now put down the tool and make a static graphic

On a plus note - at least your navigation and background share a consistent palette, along with the background to the about us page.

Unfortunately, this page does not display correctly in FF2...
http://www.threeswordsproductions.com/John_Wetzel_page_1.htm

The image overlaps the text. This is due to the image being absolutely positioned and you using empty paragraph tags to push the text below.

Finally - I suggest you link the Javascript to the server rather than your own desktop

[center]
Back to top
Profile PM Email Website
hessiess
17
Years of Service
User Offline
Joined: 30th Mar 2007
Location: pc!
Posted: 19th Dec 2007 10:56 Edited at: 19th Dec 2007 21:16
Link
the content of the home page is centered in the browser, but the hedder (navigation) is not, this just looks bad.

you can create a hierarchy of div tags, eg



then style it like



because the header and content is a child of the container thay will also be centered on the page.

Back to top
Profile PM Email
demons breath
21
Years of Service
User Offline
Joined: 4th Oct 2003
Location: Surrey, UK
Posted: 19th Dec 2007 18:10
Link
Got to agree, the site could use a little work design-wise.

@ hessiess: took me ages to figure out what you meant by "hirarki" - I thought it was like hara kiri or something... it is heirarchy right?

"A West Texas girl, just like me"
-Bush
Back to top
Profile PM Website
Nicholas Thompson
20
Years of Service
User Offline
Joined: 6th Sep 2004
Location: Bognor Regis, UK
Posted: 20th Dec 2007 00:24
Link
lol - I was gonna comment on that. I initially guessed it as some kind of feng shui

[center]
Back to top
Profile PM Email Website
Omega gamer 89
17
Years of Service
User Offline
Joined: 10th Sep 2007
Location: Pittsburgh, PA
Posted: 20th Dec 2007 16:40
Link
ok, thanks for all the tips guys. Unfortyunately... I don't know very much about HTML YET, I use the DESIGN panel in dream weaver, not the CODE panel. Im in school for multimedia design now, so I'll be learning it soon enough. but until then, I wont be able to improve my HTML skills much.

vist my site.
www.threeswordsproductions.com
Back to top
Profile PM Email
Nicholas Thompson
20
Years of Service
User Offline
Joined: 6th Sep 2004
Location: Bognor Regis, UK
Posted: 20th Dec 2007 18:21
Link
http://w3schools.com/html/html_intro.asp

I personally find that site one of the best resources on the net. Even as a professional I still find myself visiting that site to remind myself of some of the less-consistent CSS rules!

[center]
Back to top
Profile PM Email Website
demons breath
21
Years of Service
User Offline
Joined: 4th Oct 2003
Location: Surrey, UK
Posted: 20th Dec 2007 22:31
Link
When I can't remember what the syntax is for basic CSS I go to lissa-explains.com - such a pretty site! Specifically aimed for programmers of about 6 years of age, and the people like me who've spent a further 12 years viciously resisting maturity...

"A West Texas girl, just like me"
-Bush
Back to top
Profile PM Website
Back to top

Login to post a reply

Server time is: 2024-11-19 17:40:51
Your offset time is: 2024-11-19 17:40:51