Join 300,464 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,689 people online right now. Registration is fast and FREE... Join Now!
Looking at it in Chrome, it's exactly what I told it to look like (maybe not what I want it to, but close). In Fx, the box is messed up, but I thought Fx supports min-height... Lastly, in IE...the tabs are just...ugh.
Anyways, what can I do to fix the tabs?
Also, if you go to http://scs.clanservers.com/new/index_chrome.html , I have a badass text-shadow effect that only works in - guess - Chrome. If there's a way to get it to display properly in at least Fx, that'd be awesome.
Er...you've hidden the tutorial quite well from me..? Well if you just forgot to post a link, whatever. I wrote all the code there myself, though it's all in different styles because I had to re-learn a lot of stuff.
In any event, I'm making those tabs top priority, as those are sort of important...
Edit: Okay, so I fixed the appearance of the tabs- I had completely forgot to insert the doctype. However, IE still has issues; one, the colors on the images don't match the background color (I know for a fact they have the same hexcode originally); and two, the tabs are underneath the left header image, but should float right of it...
This post has been edited by falkflyer: 4 Jul, 2009 - 10:19 AM
That has to be written terribly, it doesn't display well in any good browsers (not including Chrome since it's, well, not good). BTW for your text shadow effect, use text-shadow, Chrome won't support it, nor will IE and Fx, but good browsers will, so will Safari!
I haven't really looked at it yet, but can you tell me if you're planning on writing standards compliant code and learn, or not (ie. just get it working)? That way I'll take a good look at it.
EDIT: If you didn't follow a tutorial, why would you have this code (in the wrong place, but nontheless):
CODE
/* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a {float:none;} /* End IE5-Mac hack */
and more importantly why would you be bothered about IE5 (or Mac) for a gaming clan website.
EDIT2: Oh btw, the site works fine in IE.
This post has been edited by MageUK: 4 Jul, 2009 - 12:17 PM
As for your site. I would create just a site of horizontal div, recut your site into different horizotnal images as backgrounds then added the content.
That has to be written terribly, it doesn't display well in any good browsers (not including Chrome since it's, well, not good). BTW for your text shadow effect, use text-shadow, Chrome won't support it, nor will IE and Fx, but good browsers will, so will Safari!
I haven't really looked at it yet, but can you tell me if you're planning on writing standards compliant code and learn, or not (ie. just get it working)? That way I'll take a good look at it.
EDIT: If you didn't follow a tutorial, why would you have this code (in the wrong place, but nontheless):
CODE
/* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a {float:none;} /* End IE5-Mac hack */
and more importantly why would you be bothered about IE5 (or Mac) for a gaming clan website.
EDIT2: Oh btw, the site works fine in IE.
The site doesn't work fine in I.E., for one. For B, you listed the three top used and liked browsers as "not good" (and Safari? ew!). Θ, I tried that to fix the I.E. issue with that hack from the same tutorial I learned the tabs from a while ago. I didn't come here for you to criticize my coding styles (and by the way, it seems to display perfectly in Chrome, Fx, and Opera, as I've tested it in all three), I came here because I'd like a solution to a specific problem.
QUOTE(neit @ 4 Jul, 2009 - 02:20 PM)
That link works fine in chrome I just tested it.
As for your site. I would create just a site of horizontal div, recut your site into different horizotnal images as backgrounds then added the content.
I could only see the link in Fx, so sorry about it. Regardless, I'd like to stay away from image-based layouts, bad habit to get in to, from what I know.
Yes it does. Or are you expecting it to dance around in IE? Because it looks exactly the same as in Opera to me.
The only reason I brought up the thing about the IE5 hack is because you said that you wrote all the code yourself, and it's pretty strange code so it should be an easy-ish fix.
This post has been edited by MageUK: 4 Jul, 2009 - 10:17 PM
I should be more specific next time, I wrote the layout myself, but I tried a lot of stuff to fix everything. For myself in I.E., the colours are off like yours, but the tabs aren't lined up properly either, it looks like they're not floating.
And now that you mention it, the colours are different in Opera as well. Sorry, I guess it's been a while since I last saw it.
Also, please don't cry about Vista. I'm not a huge fan, but it came with the laptop, so I'm stuck until I stop being lazy and burn the 7 beta to a disk.
Well I'm rebuilding it here, putting the tabs back in soon. But I'm sure as you'll see the code's alot cleaner, there's a few new images (the colour issues came from dodgy PNG pallette handling) and no cross-browser hacks
Well, since I don't like ul-li tabs, I just copied your code, and it slotted right in (I tidied up a bit) So at least you know the problem wasn't with that, just how it was being contained.
You now have a cross-browser fully functional site for your clan
I didn't add all of the Google ads rubbish in there but I'm sure you can slot it in! Hope you learn from how it's built.
Well thank you kind sir! I can only afford to pay you in endora currency, but I'm sure it will do. I appreciate the help, I guess I should go learn CSS now or something.
Also, what do you have against Chrome? I switched over from Opera right away... :[
This post has been edited by falkflyer: 4 Jul, 2009 - 11:09 PM
No problem, if the IE7/old-firefox float:right bug becomes an issue, you can turn the images at the left back into divs with a background image. But for a gaming clan site I guess you're all running the latest technology anyway, so it shouldn't really matter.
EDIT: Chrome's WebKit = Safari, yet it doesn't support CSS3 (like Safari), which means it sucks. Try out Opera 10! They even stole a crappy version of speed dial My full rant's here (scroll down), lol
This post has been edited by MageUK: 4 Jul, 2009 - 11:12 PM
Forum Index:
Programming Help |
C and C++ |
VB6 |
Java |
VB.NET |
C# |
ASP.NET |
PHP |
ColdFusion |
Perl and Python |
Ruby |
Databases |
Other Languages |
Game Programming |
Mobile Development |
Software Development |
Computer Science |
Industry News |
Programming Tutorials |
C++ Tutorials |
Visual Basic Tutorials |
Java Tutorials |
VB.NET Tutorials |
C# Tutorials |
Linux Tutorials |
PHP Tutorials |
ColdFusion Tutorials |
Windows Tutorials |
HTML/JavaScript Tutorials |
CSS Tutorials |
Flash Tutorials |
Web Promotion Tutorials |
Graphic Design & Photoshop Tutorials |
Software Development Tutorials |
Database Tutorials |
Other Language Tutorials |
ASP.NET Tutorials |
Game Programming Tutorials |
WPF & Silverlight Tutorials |
My full rant's 
| 
