Neverside

Apocalypse, you are too included! Your CSS tips are there and at the bottom we thank everyone who contributed!

And you're correct, that's Georgia 12pt. Not only do I like how it looks, but it's just so much nicer than plain Times New Roman and is used on so many standards-ish sites, if you know what I mean.

Thanks.

___________________

Last edited by fredmv, July 28th, 2003 10:47 AM (Edited 1 times)

@Fred, Dan and whoever else it may concern

Just noticed an error in your PHP (not a runtime error but a mistake). I didn't actually test it so didnt see it before...

If you just link like href="?page" then it's not going to work. You have to state that the GET variable will equal page. So, for example, since you have $idx = $_GET['id'] then it should be <a href="?id=page">

Also, i'd change the comments if i were you... for example, $idx = $_GET['id'] isn't 'just for security measures'. It's actually the main line in the whole script. Remove it and nothing will work. This is the line that sets $idx to whatever the page in a href is.

___________________

Learn HTML

Ah thanks, I forgot to fix that. Lately in my layouts I've been including the query string, so I've been used to just ?page. Also, I took their knowledge for granted about the idx part.. it's meant mostly so that you don't have to rewrite the $_GET three or four times. I'll make sure to fix it, though.

Thanks, but Jeb already pointed that out.

___________________

@fred

Yeah sry, didn't read the topic... i took it for granted that no one noticed if it wasn't fixed.

Speaking of Jeb, does anyone know how to contact him over IM ?

We once made a StarCraft site together (provided this is the same Jeb, but i'm pretty sure it is 'cause he's from Aus), and he got lost :confused: doesn't reply to PMs either.

___________________

Learn HTML

I have it on my PC somewhere. I'll check later.

Quote:

Originally posted by Apocalypse
And you guys didn't include me with this tutorial? ::

.. What's the font that you are using, is it Georgia? That font seems to popular with CSS driven sites for some reason.

Georgia is a lurvely font.

Zeldman uses it ya see and people are jumping on the bandwagon. Especially me!

___________________

Matt M
Webmaster, Web Developer and Relaxation expert
- Free web development tutorials, scripts and more..
- Top 10 webmaster articles
- Nowt here, but I own the domain for something in the future.....

"Life's gotta be fun, if its not its crap." - Pritchard, Dirty Sanchez

A few things...

- Although its recommended to use the box model hack to get around IE 5.x problems, AFAIK you didn't ever explain what the problem is or what the actual hack is. Might want to link to Tantek's excellent tutorial: http://www.tantek.com/CSS/Examples/boxmodelhack.html

- Alternate style sheets aren't just for Mozilla users--with a bit of javascript code (open source and made available at A List Apart magazine), any modern browser can switch between sheets with the click of a button.

Original ALA article and code: http://www.alistapart.com/stories/alternate/

Examples: http://www.zeldman.com and http://www.simplebits.com

- Might want to mention that @import can be used to hide CSS designs from browsers incapable of properly rendering them.

Moreover, a trick that I've stolen from Todd Dominy: link to a "dummy" stylesheets using <link> on your main page. This stylesheet has only one line: an @import of the true stylesheet. This will hide your styling from older browsers (Netscape 4 and other browsers that choke on @import), while still allowing you to use stylesheet titles (AFAIK impossible to do with @import alone, and necessary for the ALA stylesheet switcher). See: http://www.whatdoiknow.org/

Why would you want to do this? You can hide your presentation from browsers that improperly display CSS, while still allowing them to access the raw data of your site (if you're using semantic code, that is).

Sorry if any of these things have already been brought up... I have only had time to scan this thread and the tutorial (which is excellent, by the way).

Last edited by Gichin_Funakosh, August 20th, 2003 11:46 PM (Edited 1 times)

Thanks a lot Gichin. We'll make sure to fix/add that stuff in version 1.1.

___________________

A little more...

Using background images to replace text (and why), the FIR method: http://www.digital-web.com/features/feature_2003-08.shtml

An updated way of replacing images: http://www.moronicbajebus.com/playground/cssplay/image-replacement/

I personally use a modified version of FIR for my site header...

Code:

<div id="header">
<h1>[i]Site Title[/i]</h1>
</div>

With the following CSS:

Code:

#header {
background: #fff url("[i]image_path[/i]") no-repeat;
width: [i]size_of_image[/i] px;
height: [i]size_of_image[/i] px;
}

#header h1 {
display: none;
}

In this manner, the raw XHTML text is hidden in browsers that support CSS, with a banner image being shown in its place. In browsers that do not support CSS (PDAs, Lynx, Palm Pilots, etc), the text is still present.

Moreover, uxing XHTML to declare my headings in H# notation will ensure that search engine spiders know that the enclosed text is important.

In a similar vein, using the very powerful background-image property to create special bullets in unordered lists: http://www.simplebits.com/archives/2003/06/29/icon_styled_headings.html

And once again, my apologies if any of this has already been brought up.

Last edited by Gichin_Funakosh, August 21st, 2003 12:48 AM (Edited 1 times)