Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
Hi guys! I just finished my site-portfolio-weblog http://www.cabanadigital.com/.
I’m new in standard methodologies but I worked hard and the site validates. I’m not a programmer, but I accomplished some modifications on the default theme for match it with the rest of my site (I’m using WP only in the blog section of my site, which is in Spanish, BTW, my native language) It looks pretty well in FF and IE6 but I tried it IE5 (XP) and it was a big disappointment. I was expecting some problems with the box model’s bug, but what I got was a complete mess, my main navigation menu and header simply don’t display at all! This is my principal concern. All criticisms are welcome. I specially appreciate some help with the ugly problem in WIN IE5. If some one can tell me how the site looks in Mac it would be great! A last thing, Do you thing that it would be appropriate or possible make the hole site in WP as a CMS? Thanks you fellows! -
Do you thing that it would be appropriate or possible make the hole site in WP as a CMS?
Appropriate? that's up for debate. Possible? with the huge variety of template tags WP has available anything's possible. You could just make the index.php file for your theme pull in a set page entry and use pages instead of posts to make and manage other "static" parts of the site. Try digging around the WordPress Codex for more info. -
I'm not sure what the issue is in IE5... it looks like it's moving the anchor completely off screen with text indent -1000em.
#header h1 a {
background: url(http://www.cabanadigital.com/img//logo.gif) no-repeat 0px 0px;
width: 180px;
height: 144px;
display: block;
margin: 0px auto;
padding: 0px;
text-decoration: none;
text-indent: -1000em;
}
What i usually do is wrap the content of the anchor in a span, like so:
<h1><a href="/"title="Cabana Digital"><span>Cabana Digital</span></a></h1>
then css would look like this:
#header h1 a {
background: url(http://www.cabanadigital.com/img//logo.gif) no-repeat 0px 0px;
width: 180px;
height: 144px;
display: block;
margin: 0px auto;
padding: 0px;
text-decoration: none;
}
#header h1 a span {
display: none;
} -
-
CommentAuthoradjustafresh
- CommentTimeDec 21st 2005 edited
Rather than the <span> to hide the text, I have started to use the <b> tag. It's quicker and the <b> still means something while <span> does not. Either way, it's a slick technique that works well.
Cabana, here's some advice that will be frowned upon by the Standaristas (web standards and accessibility maniacs who cringe at the thought of a site not validating): Screw IE5.
The website you've created is beautiful and a nice showcase for your work. Consider your target audience: people interested in design. People who are still using IE5 for Windows don't care about web design. They don't care about your website. You don't need to bend over backwards to accomodate the 2 of them who might stumble upon your site every month.
If you are Hellbent on making accomodations for the IE5 user, feed them an IE5 style sheet via a conditional comment. And give them a VERY pared down version. Maybe just color the background and some links.
Great job on the site. -
-
I think your suggestiong adjustafresh is good when the text is not inside a <h1></h1>
bold text inside heading tags doesn't make much sense does it?
and shouldn't it be <strong> instead?
I do agree with you on dropping support for IE5... but remember... his audience is in south america... where there are probably a lot of users still browsing with IE5 or IE5.5
So in his case he does need to make it work on IE5. -
-
CommentAuthoradjustafresh
- CommentTimeDec 21st 2005
Good points regarding the boldness & IE5 issue. How about <em> rather than <b>?
It's a shame that people in South America can't download Firefox or upgrade to IE6. -
-
Thank you Droppyale and Adjustafresh four your support and advice.
Right now I’m implementing the changes on the code suggested by you. I didn’t take that way earlier because I read in some article that if somebody has the image display off and the style sheet on; probably that person couldn’t see neither images nor text. This seems to be weird to happen, but like a ‘newbie’ I was impressed and took the wrong way.
1 to 7 of 7