I just saw the video about the flash integration(siFR) to implement some unique fonts but with CSS3 comes this "font-face" attribute which does the same job? My gues is that it is better to use sIFR because not all browser support "the font-face" ...maybe wait 1/2 a year or till every browser supporting it??
H1 and UL are block elements, just like a DIV is, so you can style them just the same. So you dont actually need the DIV wrapping your nav UL, and using your H1 as your document header is always good SEO - especially if you put some text in there, and then use "text-indent:-9999px" to hide it :). Search engines will pick it up you see.
@Robskiwarrior ..yes your're right as for SEO(Search Engine Optimisation) thx for the hint ..and yes I know its good practise to apply some text for H1
My only worry is a that a scrollbar appears on the bottom (in Safari(mac)) if I resize the page? Any idear how I can get rid of that? I know that it appears if you shrink the content but if I resize the the window again, the scrollbark wont dissapear even if the page is "much" bigger then the content?
Not only is h1 good SEO, h2 and h3, etc is as well. Headers are usually over-views of the proceeding content, so search engines like them... Or so they lead us to believe. ;)
I like the design... I would just suggest that you make the little current nav image into a transparent .png... The first two that you select are over the brown circles, and you see the black background of the little image. Also, I would make the header image transparent as well so you don't see the black background there, too. ;)
Im brand new to this forum and try to check it out :)
I'm still in the learnig process of CSS and html but want to show my side which I made the last 3days :) (with support of CSS-Tricks)
its at:
http://www.wild-foods.com
..any code or form hints appreciated :)
I just saw the video about the flash integration(siFR) to implement some unique fonts but with CSS3 comes this "font-face" attribute which does the same job? My gues is that it is better to use sIFR because not all browser support "the font-face" ...maybe wait 1/2 a year or till every browser supporting it??
greetings
Don
I would agree with this...
As for your code...
Good job! You obviously have learnt alot :) A few things I would do it like this...
Your current structure is like this...
<div id="header">
<div id="nav">
<div id="wrap_content">
<div id="footer">
When it could be like this...
<h1>
<ul id="nav">
<div id="wrap_content">
<div id="footer">
H1 and UL are block elements, just like a DIV is, so you can style them just the same. So you dont actually need the DIV wrapping your nav UL, and using your H1 as your document header is always good SEO - especially if you put some text in there, and then use "text-indent:-9999px" to hide it :). Search engines will pick it up you see.
Hope that made sense. :)
thx for the reply first :),
@Robskiwarrior
..yes your're right
as for SEO(Search Engine Optimisation) thx for the hint ..and yes I know its good practise to apply some text for H1
My only worry is a that a scrollbar appears on the bottom (in Safari(mac)) if I resize the page?
Any idear how I can get rid of that?
I know that it appears if you shrink the content but if I resize the the window again, the scrollbark wont dissapear even if the page is "much" bigger then the content?
Any Idear?
I like the design... I would just suggest that you make the little current nav image into a transparent .png... The first two that you select are over the brown circles, and you see the black background of the little image. Also, I would make the header image transparent as well so you don't see the black background there, too. ;)
Very nice for being new to the scene!