|
Welcome
Guest
|
Register
| Login
|
|
|
| Index | Recent Threads | Unanswered Threads | Who's Online | User List | Help |
Killersites.com Forum
General Web Design
CSS - Styling your pages with Cascading Style Sheets.
Thread: CSS Question: is this the best and/or only way to do this?
|
| No member browsing this thread |
|
Thread Status: Active Total posts in this thread: 7
|
|
| Author |
|
ewwatson
Advanced Member United States Joined: Dec 19, 2007 Post Count: 1285 Status: Offline |
Before I multiply this times 50+ pages is this the best and/or only way to do this? I did a style sheet switcher. And I have two sets of images placed at the bottom right of the #footer. One set purple - and one set green. I've done it with the following rules. I just don't like having to put both set of images in the html, but I see no other way???? Thanks for having a look! http://www.visibilityinherit.com in my styles.css #footer #greensymbols { position: absolute; top: 20px; right: 40px; } #footer #purplesymbols { position: absolute; top: 20px; right: 40px; } and in my styles-alt.css #footer #greensymbols { display: none; } And just by placing the green set first in the html it is the only one to display until the alternate style sheet is switched on. I wonder if it will perform like that for older (all) browsers? Or for safety sake should I use a z-index also? ---------------------------------------- Eric :~) Knowledge is Power ---------------------------------------- [Edit 2 times, last edit by ewwatson at Jul 6, 2008 6:20:13 PM] |
||
|
|
tpattison
Advanced Member UK Joined: Dec 29, 2004 Post Count: 1662 Status: Offline |
Why not just use background images for the symbols? Background images, after all, are set in the CSS. Put the images as the <a> tag backgrounds. The only problem then that the <a> tags are blank, which is an accessibility issue. Perhaps you could still use text in your links to complement the images? ---------------------------------------- Pavonis Mons | Listen of the week: "Residue of Desire" by Acumen |
||
|
|
falkencreative
Advanced Member USA Joined: Aug 14, 2007 Post Count: 1129 Status: Offline |
I would almost encourage you to think of a different way of presenting the style switcher -- perhaps make it text based, instead of image based? Even knowing that you had a style switcher in your page's footer, when I first visited the page I was quite confused, since I had no idea what the male/female symbols were supposed to mean. Also, as far as I know, the symbol for "male" has the arrow pointing up at a diagonal, not down like you have it pictured... another reason for my confusion at first. http://en.wikipedia.org/wiki/Gender_symbol ---------------------------------------- Benjamin Falk | student : designer : developer Twitter: falkencreative |
||
|
|
ewwatson
Advanced Member United States Joined: Dec 19, 2007 Post Count: 1285 Status: Offline |
Tim - where were you yesterday - I already did my way. But I can always change it. Why is that an accesibility issue? Ben - I know, I turned it. I felt they looked better pointing the same direction. A sideways picture of a tree is still a picure of a tree. Plus, I don't really consider it my job to keep people from being confused. ---------------------------------------- Eric :~) Knowledge is Power |
||
|
|
falkencreative
Advanced Member USA Joined: Aug 14, 2007 Post Count: 1129 Status: Offline |
Not to be argumentative, but... Plus, I don't really consider it my job to keep people from being confused. Isn't that your job? Perhaps that would be considered more of the web designer's job (as opposed to a coder's job) if multiple people are working on the site and there are separate responsibilities for both of them, since the designer tends to deal with visual/usability issues and the coder deals with coding/accessibility, but since you are doing both... I tend to think that confused visitors may lead to them leaving the site or getting the wrong impression of the site. ...just my two cents.  ---------------------------------------- Benjamin Falk | student : designer : developer Twitter: falkencreative |
||
|
|
ewwatson
Advanced Member United States Joined: Dec 19, 2007 Post Count: 1285 Status: Offline |
No - I was being argumentative - no worries - and your right! But I consider this little feature to just be icing on the cake. It's definitely not imperative if they see it, and utilize it, or not. I'm just having fun doing little things like this and building my knowledge base. A small pat on my back though - as far as sites go, mine is the least confusing, simple, and to the point as they get. So I'm not worried about it. ---------------------------------------- Eric :~) Knowledge is Power |
||
|
|
ewwatson
Advanced Member United States Joined: Dec 19, 2007 Post Count: 1285 Status: Offline |
Alright... I'm done with it! The style sheet switcher that is. It turned out real nice. I'm happy with it. It was actually a lot of work to get right - but fun I guess. I ended up using http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm which uses JS to switch things around. There are PHP, perl, and AJAX versions as well - but to complicated! I couldn't find any good tuts that explained it well enough to actually implement. I tried - but still over my head I guess. Please don't inform me now - ignorance is bliss!  ---------------------------------------- Eric :~) Knowledge is Power ---------------------------------------- [Edit 2 times, last edit by ewwatson at Jul 8, 2008 8:14:36 PM] |
||
|
|
|
|
Current timezone is GMT May 25, 2013 6:15:02 PM |
