ping: someone with HTML/css knowledge. I need help!

robster1225 · 09-13-2006, 03:01 PM

Ok, I'm a beginner in the trues sense of the word. But, I'm designing a website, and learning as I go.

I completely hand coded the website for the OOTP league: WWBF.

It looks fine in IE 7, but in Firefox it doesn't look right. If you click the link, you'll know what i mean.

If you can help me with this, please AIM (robbyruggles) or PM me, I want to know what I'm doing wrong.

Thanks!

sporr · 09-13-2006, 11:14 PM

I'm using Firefox...what am I supposed to be seeing? Looks ok to me.

robster1225 · 09-13-2006, 11:16 PM

The sections directly below the header: Quote of the week, Calendar are supposed to be 5 px below the header. The menu on the right should be flush with the bottom of the header.

on my machine, it looks fine in IE 7, but not in Firefox.
In Firefox they are overlaping for some reason.

f.montoya · 09-14-2006, 04:54 AM

FireFox, Internet Explorer, and other web browsers have always had these kinds of issues displaying(rather reading html, php). When I used to create websites from scratch, my league members, using different browsers would complain about overlaps and links not working too. You just have to find a happy medium with the layout so it looks "acceptable" in different web browsers.

robster1225 · 09-14-2006, 10:10 PM

thanks for the advice.

It's sad that this is the case, oh well.

fhomess · 09-16-2006, 12:25 PM

I'm having a bit of a hard time following the css you made, as I don't have IE. I can't really tell if the quote of the week is too high or if the link toolbar comes down lower than it should. You might want to try using tables instead of div sections with absolute positioning. Tables are a little easier to make sure things appear relative to each other where you want them since cells can't overlap.

http://www.w3schools.com has some really good explanations of HTML, XHTML, CSS, and various other web programming needs as well as the individual tags. I highly recommend it to anyone learning to do web programming.

robster1225 · 09-19-2006, 02:26 PM

Thanks for the help.
I've been to W3schools.com, it's an awesome resource for beginners like me.

09-13-2006, 03:01 PM	#1 (permalink)
robster1225 Hall Of Famer Join Date: Jun 2006 Location: Hidd, Bahrain Posts: 2,608 Thanks: 3 Thanked 7x in 7 posts	ping: someone with HTML/css knowledge. I need help! Ok, I'm a beginner in the trues sense of the word. But, I'm designing a website, and learning as I go. I completely hand coded the website for the OOTP league: WWBF. It looks fine in IE 7, but in Firefox it doesn't look right. If you click the link, you'll know what i mean. If you can help me with this, please AIM (robbyruggles) or PM me, I want to know what I'm doing wrong. Thanks! __________________ Robby Ruggles

09-13-2006, 11:14 PM	#2 (permalink)
sporr Global Moderator Join Date: Dec 2001 Location: Muscatine, IA Posts: 8,275 Thanks: 2 Thanked 35x in 2 posts	I'm using Firefox...what am I supposed to be seeing? Looks ok to me. __________________ Baseball Maelstrom - Commish/ St Louis Cardinals USBA - Las Vegas Scorpions

09-13-2006, 11:16 PM	#3 (permalink)
robster1225 Hall Of Famer Join Date: Jun 2006 Location: Hidd, Bahrain Posts: 2,608 Thanks: 3 Thanked 7x in 7 posts	The sections directly below the header: Quote of the week, Calendar are supposed to be 5 px below the header. The menu on the right should be flush with the bottom of the header. on my machine, it looks fine in IE 7, but not in Firefox. In Firefox they are overlaping for some reason. __________________ Robby Ruggles

09-14-2006, 04:54 AM	#4 (permalink)
f.montoya Hall Of Famer Join Date: Nov 2004 Posts: 5,842 Thanks: 204 Thanked 181x in 89 posts	FireFox, Internet Explorer, and other web browsers have always had these kinds of issues displaying(rather reading html, php). When I used to create websites from scratch, my league members, using different browsers would complain about overlaps and links not working too. You just have to find a happy medium with the layout so it looks "acceptable" in different web browsers. __________________ Fidel Montoya Asahi2 Baseball Commissioner(Historical League Since 2004) www.allsimbaseball.com (OOTP web hosting - Customized sites for online leagues - Sign up, Connect OOTP and Play!) Share Your Mods - Free, unlimited and easy to upload to share your Mods instantly(free site registration required) AllYouSports - "Because Facebook don't do baseball stats"

09-14-2006, 10:10 PM	#5 (permalink)
robster1225 Hall Of Famer Join Date: Jun 2006 Location: Hidd, Bahrain Posts: 2,608 Thanks: 3 Thanked 7x in 7 posts	thanks for the advice. It's sad that this is the case, oh well. __________________ Robby Ruggles

09-16-2006, 12:25 PM	#6 (permalink)
fhomess Hall Of Famer Join Date: Nov 2002 Posts: 2,749 Thanks: 15 Thanked 275x in 125 posts	I'm having a bit of a hard time following the css you made, as I don't have IE. I can't really tell if the quote of the week is too high or if the link toolbar comes down lower than it should. You might want to try using tables instead of div sections with absolute positioning. Tables are a little easier to make sure things appear relative to each other where you want them since cells can't overlap. http://www.w3schools.com has some really good explanations of HTML, XHTML, CSS, and various other web programming needs as well as the individual tags. I highly recommend it to anyone learning to do web programming. __________________ StatsLab11 - PHP/MySQL based utilities for Online Leagues Other Mods: 19th Century: Schedules, FaceGen BBCards: 1887 Allen & Ginter, 1934 Goudey, 1988 Score, 1996 fhomess, 2005 fhomess FaceGen: 1960-Pres MLB, 32 Colleges, Backgrounds PEBA - Connecticut Nutmeggers

09-19-2006, 02:26 PM	#7 (permalink)
robster1225 Hall Of Famer Join Date: Jun 2006 Location: Hidd, Bahrain Posts: 2,608 Thanks: 3 Thanked 7x in 7 posts	Thanks for the help. I've been to W3schools.com, it's an awesome resource for beginners like me. __________________ Robby Ruggles

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode