4 replies [Last post]
bjraines
Offline
Regular
Last seen: 13 years 28 weeks ago
Joined: 2006-11-14
Posts: 17
Points: 0

Ok I think I have finished and I have validated.

I was hoping some of you gurus would check me out to see if I made any major errors.

This is a dynamic php driven xhtml css template for joomla.

the idea is to use off the wall color but still maintain some usability.

let me have it.

also for the 33% module positions is there any way to get rid of the small left over margin?

http://www.quantumboredom.com

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

This: <?xml version="1.0"

This:

<?xml version="1.0" encoding="iso-8859-1"?>

is the wrong place. It should come before everything else but as to do so would put IE into quirks mode, you're better leaving it out altogether.

Also, you seem to be overdoing the divs particularly the areas that have three nested divs before any content.

And you probably don't need a height on #navbar as when you increase the text size, the navbar doesn't increase with it. Use overflow: hidden to contain the floats in FF and others or use a height in ems so that the height will increase in proportion with the text.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

bjraines
Offline
Regular
Last seen: 13 years 28 weeks ago
Joined: 2006-11-14
Posts: 17
Points: 0

I see The first two parts

I see

The first two parts to your reply are artifacts of Joomla templates I learned from. The default templates contain the xml statement.

The nested divs are part of a module parameter that allows for rounded corners if needed and is the only tabless parameter available.

I am not sure I understand the last statement. I am not very familiar with ems.

Thanks!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 3 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

EMs are a relative size

EMs are a relative size computed from the font-size or more precisely the size/height of the capital 'M' at whatever font-size you have set, so increasing the font-size of text should cause that height described in ems to recalculate itself according to the new font-size thus increasing or decreasing.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

technossomy
technossomy's picture
Offline
Enthusiast
Last seen: 16 weeks 6 days ago
Timezone: GMT+2
Joined: 2004-06-09
Posts: 260
Points: 8

Always nice to see examples

Always nice to see examples of what not to do! Educational layout-garden, and does validate.