Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Any suggestions on this site? 1

Status
Not open for further replies.
taylorantone

taylorantone

MIS
Jan 14, 2003
194
US
This is my first major CSS site, as well as separating our my scripts, header, footer, and navigation bars from the content of each page.

IE produces a javascript error when viewing the two photo album pages, but it doesn't seem to affect anything.


Thanks for the input.
 
Sort by date Sort by votes
Looks nice. Text might be thought of as a little small, but I like it.
Style wise I like it alot. Nice job.

I've just had a quick flick through the site as it's past my bedtime.


On the home page the "W" banner appears to be pushing down behind the footer (I'm using Firefox).

I see from a quick glance at your source that you are using classes and divs to do things like Section headers. Have you considered defining style rules to <h1...6> tags instead?
It will make your code lighter as you will have less classes attached to things. This could probably be carried through to other parts of the site too.

Try and get any inline styles you have into your external CSS file too. Can't say I'm not guilty of using inlines now and again for speed though ;-).

You could do the menus with CSS instead of Javascript. Take a look at the Suckerfish method on A List Apart.

BTW. I like the colour of the room where your computer is.

Ooh.. one last thing
To save me some time can you let me have a look at that TS server status script ;-)





"I'm making time
 
Upvote 0 Downvote
Thanks for the tips!! A few things to reply to in case you some other feedback.

- If I raise the text any larger, it looks funny to me for some reason.
- I forgot the pic spacer div I created for occasions like the home page pic extending down into the footer
- I went back and removed the header divs and used h1 through h5 (excellent advice there!)
- the menus actually are done with CSS, using the suckerfish drop-downs, but IE doesn't recognize :hover for anything other than an <a> tag, so the javascript is necessary to get the IE folks up to speed (which sux)

You can find the teamspeak script at or let me know if he's completely stopped hosting the script and I'll send it to you.
 
Upvote 0 Downvote
Ahh it was late when I looked at your site.
The Javascript I meant was for the window popups on some buttons. Ignore me! lol

Spacer?!!!! Nooo!!

Try using some margin or padding instead. No need for spacer graphics with CSS. Markup should be just content and not layout.

Can't find a download for that TS script on that site.
I'm was going to look for some info on the protocol used so if you can let me see that script it would be a big help.

"I'm making time
 
Upvote 0 Downvote
About the spacer. Everywhere I looked on the web when I searched for info on a div not properly surrounding an image talked about using an empty spacer after it to force the div to extend down under the image. IE does it without the spacer, but Firefox didn't. Where would I use the margin or padding to produce the same result?

You can download the TS query script here:
 
Upvote 0 Downvote
It's about Taylor Antone and his new wife.

*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
 
Upvote 0 Downvote
It started off as a place to link my dad's DVD database and the ASP pages that go along with it. Then it became a place for me to get apps/software from, or stream music from, my home network over the internet. Then, per a request, it became a place to post pics. So, when I got engaged, it became a wedding page for our guests to refer to and to keep updated.

It's a personal website. What does it need to be about other than MY personal stuff?

I was looking less for content comments and more for design, layout, coding, etc.
 
Upvote 0 Downvote
Since you seem to have the simple and elegant solutions to my n00b coding, maybe you would be so kind as to look at something else.

My horizontal navigation bar (made using the suckerfish drop-down style) is a bit funky.

In IE6, it looks like I want it.

In Moz the ul that contains the sub-menu items stars about 5px higher than in IE. It turns out that Moz automatically forces it beneath the text of the main li. IE doesn't.

I can live with that because it's only noticeable if you pull up the page in both browsers at once and look closely.

However, in IE5.5, the entire ul that contains the sub-menu items adds some sort of padding to the left that pushes out the right and mis-aligns the menu.

Any clues on that one?
 
Upvote 0 Downvote
Nope. Sure doesn't. Only difference I can see if that in IE (5.5 or 6) the background color doesn't change on hover (it's that java script thing to associate the .over property with :hover).

Hmm. I just spent an hour messing with the code and can't see what's causing it. Maybe the fact that my text is centered.
 
Upvote 0 Downvote
With the help of your code, I was able to recreate the menu again and avoid alignment issues in IE5.5.

Also, I noticed something interesting. In Moz, if you hover over any part of the [li] that contains the sub-menu item, it's a valid link. However, in IE, you have to actually hover over the text of the link itself to get the browser to see it as a link. The first [li] is the only exception.

The only way I found to correct this is to put a height to the [li ul li a] equal to the height of the [li ul li]. The catch to that is if you ever add a link that is more than one line, the vertical alignment is messed up in Moz.

Trade-off I guess.
 
Upvote 0 Downvote
Thats because the hover thing is a psuedo class applied to the list item.

IE doesn't support the hover psuedo class. The javascript to make it work only affects the text and not the entire list element (i.e. the box it's in).

Well done anyway. I wasn't sure when I would get chance to look at it! :)

"I'm making time
 
Upvote 0 Downvote
That's too bad. What browser are you using on your Mac? Not sure why it's not working really since I can't test it on a Mac OSx. Or can I? Is there some way to get that browser to test on my own without having a Mac?

The way I see it, between IE, FireFox, and Opera, I've got as much covered as I need. And it validates fully with XHTML Strict too.
 
Upvote 0 Downvote
isn't there a free version of browsercam somewhere? I used it once but can't remember where. I got the link on TT about a year ago I guess.

Human beings, who are almost unique in having the ability to learn from the experience of others, are also remarkable for their apparent disinclination to do so.
-Douglas Adams (1952-2001)
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

ControlNovice
  • Locked
  • Question
Any plans to add AppSheet programming to this list?
Replies
0
Views
197
ControlNovice
ControlNovice
Digital Dose
  • Locked
  • Question
My website refreshes twice when it is opened on any browser. 1
Replies
3
Views
281
sartechy
sartechy
rosarij
  • Locked
  • Question
Help me fix this document.write javascript code
Replies
1
Views
281
ggriffit
ggriffit
tyutghf
  • Locked
  • Question
Linkedin updates on website
Replies
0
Views
166
tyutghf
tyutghf
glenmac
  • Locked
  • Question
site icon 1
Replies
4
Views
125
glenmac
glenmac

Part and Inventory Search

Sponsor

Back
Top