I am trying to code my site into XHMTL and CSS, and verything looks fine until - I try to add more sections on the page, well let's say it is fine also until I view if in FF, it never renders anythin right so I am not surprised but I would like it to be able to be viewed in bothe browsers.
The pages that do not render correctly are -
http://www.pvcblue.com/template.htm
http://www.pvcblue.com/template2.htm
attached css file
I want to add more sections but apparently I am doing something wrong and just can't see it, maybe one of you can help?? PLEASE!!
Thank You - Gary
:buck2:
Are they different?
I don't remember which one I worked on. Try this one. You'll have to rename it to whatever you want to, for instance template.html
BTW, I did not change the css file at all, only the divs in the html. I don't know what it is you are trying to accomplish with the way you've got those paddings setup in the css file.
ZarPrime
Quote from: ZarPrime on January 14, 2009, 04:28:40 AM
Are they different?
I don't remember which one I worked on. Try this one. You'll have to rename it to whatever you want to, for instance template.html
BTW, I did not change the css file at all, only the divs in the html. I don't know what it is you are trying to accomplish with the way you've got those paddings setup in the css file.
ZarPrime
Thank you for trying to help Zar!! I will get to this asap, the computers here at work are having "issues" and everything net related is slower than dial-up!! ARGH!!! As soon as I can connect to my CP for my site I wll test that and let you know if that worked!! Thanks Again!! Gary
Cool Zar - that works! So, by looking at whatyou did, I have to givethe containg divs size requrements?? ???
It looks that way, but I don't know how you'd make that dynamic if you change the text in the left and right divs. That is something you might be able to do with additional classes in the css file. You'll just have to play with it some I suppose.
ZP
Quote from: ZarPrime on January 14, 2009, 06:16:28 AM
It looks that way, but I don't know how you'd make that dynamic if you change the text in the left and right divs. That is something you might be able to do with additional classes in the css file. You'll just have to play with it some I suppose.
ZP
Yeah but when I "play" with these things they usually blow up!! LOL!!
Maybe I can find a XHTML forum?
THANK YOU AGAIN!! :D
No Problem. :up:
ZP
You have alot of problems in your htm file. I recommend html extension, and never use <center> tags. They cause cross-browser issues.
Also, your meta isn't nested with your <head> tags properly. Or a better way to say it, you have a extra </head> tag in there.
Your "&" should be replaced with "&".
Instead of <FONT> tags, try using <span> tags with a class. Works better, but doesn't really have anything to do with xhtml.
Your "id=maincontent2" is already defined. Try changing it to a "class=maincontent2". Same with your id-left and id-right.
http://validator.w3.org/check?uri=http://www.pvcblue.com/template.htm&charset=(detect+automatically)&doctype=Inline&group=0
Quote from: Xarcell on January 15, 2009, 03:24:32 AM
You have alot of problems in your htm file. I recommend html extension, and never use <center> tags. They cause cross-browser issues.
Also, your meta isn't nested with your <head> tags properly. Or a better way to say it, you have a extra </head> tag in there.
Your "&" should be replaced with "&".
Instead of <FONT> tags, try using <span> tags with a class. Works better, but doesn't really have anything to do with xhtml.
Your "id=maincontent2" is already defined. Try changing it to a "class=maincontent2". Same with your id-left and id-right.
Thanks for the advice Xarcell, lol, I have no idea what you just said, but I am just learning this new stuff, html is easy but I want to be able to do the new stuff.
Oh and changing id to class makes all the formatting go away or does nothing at all and still looks bad in FF, gosh I hate FF!
FF is alot better than IE, but most people don't know any better and still use IE. IE just won't read code or images correctly sometimes, which means alot of bugs. Some of which cannot be fixed.
Personally, I think the google browser is the best.
As far as the formatting, first things first. The xhtml needs to be correct, before you worry about the css.
"id" is great if you want to add it to some like "all div's" or "all tables" within a template, not just certain ones. If you want different div's to different, than use a class.
That link I posted in the previous post will allow you to check your code to make sure it's valid. It's doesn't always tell you properly where the errors are, but when you begin to understand xhtml better, you'll be able to locate your errors faster.
Ok I have fixed the header and footer areas, and the wrapper looks good in both browsers, it is now down to the inner containers and I am about to pull my hair out!! Anyone??
(my index.htm code as you can't upload a htm file??)
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>pvcblue.com Smurfs, Smurfs, and more smurfs!</title>
<link href="Asmurf.ico" rel="shortcut icon">
<link rel="stylesheet" href="indexs.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="keywords" content="smurf forum, smurfs forum, smurfy forum, smurf, smurfs, schtroumpf, les Schtroumpfs, smurf, the smurfs, de Smurfen, i Puffi, pitufo, los Pitufos, Smerfy, Hupikék Törpikék, Os Estrumpfes, Þirinler, Smølferne, Šmolkovia, Smrkci, Šmoulové, Sumafu, Slumpfakia, Schlümpfe, Schlumpf, smurf, smurfs, the smurfs, smurfette, papa smurf, smurf pics, smurfs cartoon, smurf song, bulletin board, smurf forum, smurfs forum, forum, message board, gmendias, mendias, gary mendias, gmendias.com, pvcblue.com, 2inchpvc.com" />
</head>
<body>
<div id="around">
<div id="header">
<div id="head-l">
<div id="head-r"> <a href="" title="The Smurfiest Forum Anywhere!"><span id="logo"></span></a>
</div>
</div>
</div>
<div id="nav">
<a href="index.htm" class="navlink">Home</a> -
<a href="about.htm" class="navlink">About Smurfs</a> -
<a href="news.htm" class="navlink">Smurfy News</a> -
<a href="links.htm" class="navlink">Smurfy Links</a> -
<a href="new.htm" class="navlink">New Arrivals</a> -
<a href="collection.htm" class="navlink">My Collection</a> -
<a href="http://www.2inchpvc.com/" class="navlink">Smurfy Forum</a>
</div>
<div class="hg"></div>
<div id="maincontent2">
<div align="left"><font size="4">WELCOME TO MY SMURF COLLECTION WEBSITE!!!</font><br />
<br />
<strong>Here you will find pictures of most of my collection and a history
of the smurfs. Also there is the links page with links to other smurf
websites, character pvc sites and sites where you can buy pvc smurfs and
others. This site is mainly about smurf pvc collectibles, although it
does have other Smurf collectible items featured.<br />
<br />
Honestly, I am really not sure how this all started, but I know it has
been about 4 years now. When I started out re-collecting I hadn't any
smurfs at all. On a lark one day after thinking about past childhood happy
stuff, I did a search on eBay for smurfs and there they were, and the
rest is history!<br />
<br />
The bulk of what you see on my site has been bought in the last two years.
The other character collectibles I have been acquiring over the years
and could never seem to give up ... now I am glad I didn't. There are
quite a few recent additions to them as well!<br />
<br />
The Smurfs are still being produced today, even though some think they
went away in the '80s ... they didn't, they just left the sight of collectors
in the USA. Smurfs are still just as popular in Europe as they have always
been since they first appeared in 1958. So look around and enjoy! This
website is continually being updated, and changes occur even when you
are looking at a page. Check back often so you don't miss out on new arrivals
and news!</strong> <br />
</div><br />
<div id="left">
<h2>News & Updates</h2>
<p>Stores are now selling NEW Smurf prodcuts!! It has been almost 20 years
here in the USA since smurfs were seen on the shelves in stores here!
YEA!!!<br />
<a href="news.htm">Click Here to see pics</a> </p>
<p><center><a href="village.htm" class="a"><img src="images/village.jpg" width="175" height="178" class="a" /></a></center></p>
</div>
<div id="right">
<p align="center"><font size="4">Shout Out Video by June Foray!</font>
<!-- begin embedded WindowsMedia file... -->
</p>
<div>
<table border='0' cellpadding='0' align="center">
<tr>
<td> <object id='mediaPlayer' width="375" height="285"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="http://www.2inchpvc.com/forumimages/juneforay.wmv" />
<param name='animationatStart' value='true' />
<param name='transparentatStart' value='false' />
<param name='autoStart' value="false" />
<param name='showControls' value="true" />
<param name='loop' value="false" />
<embed type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols="true" showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="375" height="285"
src="http://www.2inchpvc.com/forumimages/juneforay.wmv" autostart="false" designtimesp='5311' loop="false">
</embed> </object></td>
</tr>
<!-- ...end embedded WindowsMedia file -->
</table>
<br />
<br />
</div>
</div>
</div><br />
<a href="http://www.2inchpvc.com/"><img src="images/logolink2.jpg" alt="The Smurfiest Forum Anywhere!!!" width="460" height="99" border="0" class="a" /></a>
<div class="hg"><br />
</div>
<div id="footer">
<div class="footerarea"><a href="http://www.pvcblue.com/" class="footerlink">Site
and all graphics/images © 1997-2009 pvcblue.com™ Reproduction
of any portion of this website is prohibited without express written permission.</a></div>
<div class="hg"></div>
</div>
</div>
</body>
</html>
Do you want us to build your site for you ? :2funny:
Some sites that have really great info on xhtml and css
http://www.w3schools.com/xhtml/DEFAULT.asp
http://www.w3schools.com/Css/default.asp
Quote from: G6 on January 16, 2009, 06:22:24 AM
Do you want us to build your site for you ? :2funny:
Is that a offer Car??? LOL!! :2funny:
Quote from: G6 on January 16, 2009, 06:22:24 AM
Some sites that have really great info on xhtml and css
http://www.w3schools.com/xhtml/DEFAULT.asp
http://www.w3schools.com/Css/default.asp
Thanks for the links, seriously tho, this stuffing is making me crazy, I am about to pull my hair out, I just need to figure out that one thing the rest is good, but I can't find a answer.
:buck2: :idiot2: :uglystupid2:
Post some details blue. Show me a page with your problem, and I'll show you what you need to do. Right now I have no idea what you're "inner containers" problem is.
Quote from: IchBin™ on January 16, 2009, 02:53:35 PM
Post some details blue. Show me a page with your problem, and I'll show you what you need to do. Right now I have no idea what you're "inner containers" problem is.
Hey Ich - thank you for the offer, but it is fixed now!! I joined a webforum for coding in xhtml and css and there was a guy/girl(?) there who helped point me in the right direction!
Take a look - It finally renders the same in IE and FF and Opera and Safari!! WOO HOO!!! :2funny:
http://www.pvcblue.com