So all my knowledge of CSS and tableless formating has come out of the last week so i'm quite the noob at this, i've been building the site www.caniwin.com (critisizm welcome, still working on the empty pages)

Okay so i solved one question while typing this, now I'm just trying to figure out why the site works for some people and not for others, both my friends that it didn't work for use explorer, but other people i've talked to use explorer and it works for them, could it be the version of explorer they are using? if so how do i make my page work for them? thanks

Hi banaax,

It is well known that using CSS ( divs more exactly ) to build your pages instead of tables has some great advantages in terms of SEO, design, usuability and so on, but the problems you have working this way is that not all browsers parse your code correctly or display correctly all code you write.

Check out http://www.devarticles.com/c/a/Web-...without-Tables/ for start and also see www.w3schools.com ( CSS section ).

__________________
Movies Addicts - My hobby blog ( written in romanian ) / "Wise men win without fighting!"
McColo - Serious hosting with serious support for serious webmasters (Icq: 477771 / 407737)

If I'm not wrong you have used the three column solution found here:
http://www.positioniseverything.net...ers-center.html
(which is a very good solution I think since you get your content first, and this may have a good influence on linearization).
However, you haven't followed the solution completely, and that's why you are into trouble with some browsers I guess. You are missing DOCTYPE for example, which is very important when you make layouts with CSS:
http://www.alistapart.com/stories/doctype/

__________________
Strictly CSS - directory for CSS designed web sites | Katalog og firmasøk

you are quite correct i did use that layout. And yeah I removed a lot of stuff from the css file since I didn't use a lot of stuff that that page used and i wanted my coding to be as minimal as possible. I'll go back in and add some stuff thoug, thanks

Another question. I use php for the links on the left and the banner at the top so I dont have to write the code in each file, and then if i want to change the banner i only have to change it one spot to change them all.

Will this hurt my load time since each page has stuff like <IMG SCR = "http://www.caniwin.com/pics/banner.gif"> instead of if I had the banner pic in each folder where I could just say <IMG SCR = "banner.gif">?

Also working with css and php, When I want to see changes i've made I have to load the files to my ftp then check on the web itself, since windows wont display my php pages for me, is there any way I can see my website without loading it to ftp first?

I didn't look at your CSS, your DOCTYPE should be placed in your webpage as explained in the article. It may be your problem that you have skipped it.

I have rewrote this layout solution to fit my "thinking" (I'm used to name div's different), so I can't tell exactly what could be wrong.

Using includes for menus and your header is a good thing, and using <IMG SCR = "http://www.caniwin.com/pics/banner.gif"> won't slow the loading time. The image will be cached. However, you should link this image back to http://www.caniwin.com/ and fill out the alt tag with proper anchor text, people are used to could click on the logo/header to come back to the main page. There is another solution for this also using CSS (I reformat a H1-tag) which you can see in action in my signature (the second link), but that's another story.

Regarding your PHP questions, I'm and ASP-dude, so I can't help you out with that.
And, since you now are going the CSS road, you should choose the XHTML doctype, which means all your HTML-code should be lowercase and the code should be closed (ex. <br /> instead of <BR>). And then, go to http://validator.w3.org/ and validate your webpages.

__________________
Strictly CSS - directory for CSS designed web sites | Katalog og firmasøk

Hey thanks I really apprechiate the help. Can you tell me the advantage of using the XHTML doctype over the set up I have now? and do you mean that I can use xhtml instead of php? is there some includes function with xhtml? I'll be looking into this stuff just trying to figure out why its worth the extra work. Danka

You aren't using a doctype in your website, which you should. Read the previous link I gave you from A List Apart:
http://www.alistapart.com/stories/doctype/

There you will find explained what a doctype is, and why you should use one. Take also a look at articles from W3Schools about XHTML and CSS:
http://www.w3schools.com/xhtml/default.asp
http://www.w3schools.com/css/default.asp

XHTML is a stricter HTML than regular HTML, and you don't use it instead of php, you are mixing things now. In the article from A List Apart you will find XHTML explained. If you are going the CSS road, you must also understand what a doctype is, and how it can influence the look of your webpages. And to get your pages validated you must also use a doctype.

Your HTML now (the head part):
<html>
<head>
<title>CanIwin - How the Professionals Make Money Gambling</title>
<link rel="stylesheet" type="text/css" href="ex3.css" />
<script type="text/javascript">if (window.self != window.top) window.top.location = window.self.location; </script>
</head>
<body>


How it should be (here using XHTML transitional):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>CanIwin - How the Professionals Make Money Gambling</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" type="text/css" href="ex3.css" />
<script type="text/javascript">if (window.self != window.top) window.top.location = window.self.location; </script>
</head>
<body>

__________________
Strictly CSS - directory for CSS designed web sites | Katalog og firmasøk

Hey

Thanks a lot for all the time your putting in to help me. I copy pasted in what you said the new head should be an it screwed up my layout a little bit, So i'm going to do some reseach on doctypes and xhtml so I actually have an understanding of this stuff and not just adjusting some template, at which point i'll proabably be back here asking some more questions, hopefully a little more experienced questions though. I really need to start working on content too...

Hi,

it may well have messed up your layout, but you need a DOCTYPE for consistency across browsers... so it will look "screwed up" the same in most modern browsers....

I would recommend you develop and test the page with a Firefox browser, because IE can "correct" poor CSS/HTML, leading to inconsistencies, whereas Firefox is less flattering, but more useful in diagnosing problems.

If you can post a link to a test page it can help us sort out the problem.

Cheers,
Paz.

__________________
10.3 million entries for Hotels in Turkey but I'm still chipping away.

Hey

I run firefox and IE so i'm always checking the page with both. So i got the DOCTYPE in and got the site to standards, it passed the http://validator.w3.org/ validation test, i also got my css validated. So everything almost looks the same in the two browsers, however now that I made my top banner a link to the home site, the banner looks different in firefox and IE, also, i'm trying to get rid of the purple/blue (IE,FF) border that gets put around it since its a link, any suggestions?

Also, I had a line in my css file that wasnt inside any { }...
a:hover {color: blue}
which they wouldn't validate so i removed it, i would like to make the text color change on mouseover for my left links, i looked for the correct code to put in my .leftlinks tag in my css file but couldn't find it, anyone know the code?