Re: [WSG] Div DHTML Effects
If you have an easier way I would love to hear it! Keep in mind I wish to keep this cross-platform compliant. Correct me if I am wrong, but aren't the background image and color basically the same thing? They can both be changed through the CSS background: attribute. Lemme know what you got! Thanks! BTW: What I was doing is located at www.joughslife.com/Rockport.html - notice what the links on the right side of the page do onmouseover? I didn't want to make the div change color on hover because the div itself is not a link. As you can see it works fine as it is right now on all major browsers (except for anything on mac which I have yet to try since I don't have a mac to try it on!). Jough Leslie Riggs wrote: I realize this, but the hover effect will only change the background color of the element it is associated with. I wish to change the background or a separate element. Anyway, I just had a mindless moment - got it straightened out now. Thanks though! Jough If you mean to change the background IMAGE for an element, I've accomplished that using CSS, too, in a navigation menu, no less. The background is plain white until the link is hovered over; then a small colored background image appears behind the text. Works very nicely. If that was what you are doing, you can do it using DHTML or you can do it the easy way. Leslie Riggs ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Div DHTML Effects
Cool! Thanks :) It worked like a charm. I had no idea you could use a
block display on an a. Looks like I have a lot more to learn!
Jough
Jough,
You can do exactly what you want to do by styling the anchors
themselves: make them {display: block} and then you can assign them
height width like you're doing with your divs now.
Plus they'll have an advantage over your current system: the hover
effect will occur when you're anywhere within the block, not just over
the hover text itself.
Listamatic is fun! Check it out:
http://css.maxdesign.com.au/
Paul
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Div DHTML Effects
This layout has some problems in Opera 9 Mac, With the statistics from my analytics tool you are the ONLY person using ANY version of opera on a mac that has visited my site in the past two months :), but I would like to fix it if you could tell me what's going on. Also, how does it look on safari? Thanks! Jough ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Div DHTML Effects
I realize this, but the hover effect will only change the background
color of the element it is associated with. I wish to change the
background or a separate element. Anyway, I just had a mindless moment
- got it straightened out now. Thanks though!
Jough
Paul Novitski wrote:
At 08:00 AM 4/19/2006, Joseph Bernhardt wrote:
I have a div with the background color of white. I want to change
the background color of that div through the onmouseover event on a
a href within the div.
Joseph, depending on the complexity of your application you may not
even need scripting to do this, instead just CSS:
div id=frog
a href=#Toad/a
/div
CSS:
div#frog a
{
display: block;
width: 20em;
height: 10em;
background-color: #FFF; /*white*/
}
div#frog a:hover
{
background-color: #F00; /*red*/
}
This utilizes the mouseover engine that's already built into the
browser and eliminates a bit of extra baggage you're currently tacking
on. If you have other tasks to perform with JavaScript and want to
change the element style at the same time, consider changing it by
changing its className, then storing all the style details in your
stylesheet. That way you don't have to mess with your script to make
cosmetic changes.
Paul
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Markup for an FAQ?
I would use either use just a definition list or an unordered list with a nested definition list. Therefor, it is a list of questions with the answers being the questions definition. That's how it makes sense to me! :) Example: ul lidldtWhat's the deal with this website?/dt ddWell, the deal with this website is this. This is the deal with this website./dd /dl/li lidldtWhat do I do with this website?/dt ddHere is what you do with this website. This is what you do with this website./dd /dl/li /ul I wrote this without researching semanticity (is that a word?) first. I may be wrong... Hope it helps! Jough [EMAIL PROTECTED] wrote: Greetings. I'm marking up an FAQ for an XHTML 1.1/CSS Web page. What is the best way to mark up the questions and answers so it will be semantically correct and standards compliant? Right now, the FAQ is in a table-based format using a numbered list. Thanks. Kim ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Markup for an FAQ?
I disagree. I think the answer to a question is its definition. Think of it like a dictionary. What does the word dog mean? Definition: A four legged mammal with a tail. a question is nothing which can be defined. Regards Juergen Auer Jürgen Auer http://www.sql-und-xml.de/ Web-Datenbanken Friedenstr. 37, 10 249 Berlin Tel.: +49 30 / 420 20 060 Fax: +49 30 / 420 19 819 [EMAIL PROTECTED] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] scrolling sidebar
overflow: auto only displays scrollbars if the content is long enough to need them. If you set the width on the container correctly you will not need to use horizontal scrolls... I do not like them as well. Germ wrote: I personally hate horizontal scroll bars... I got taught and advised (and as im still learning) by people i got drilled into me NEVER to have them... On 4/15/06, *Joseph Bernhardt* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Kenny Graham wrote: ah. you want position: fixed. won't work in IE6 without something like dean edwards IE7 script tho. There are actually several ways to get around this problem. Position fixed would be the easiest by far if IE 6 would support it. You may use css expressions to make it do this, but then it seems jumpy and sporadic (like the example given). Given that about 85% of the visitors to my website use IE 6 I decided to go an alternate route. The 'scrolling sidebar' as you call it is actually an absolutely positioned element with an overflow of hidden on top of a body with an overflow of hidden. There is then a relatively positioned (or absolute, whatever you need to make it look right with your design) placed 'on top' of it all with overflow: auto. Ive used this several times, a good example is on www.joughslife.com/Rockport.html http://www.joughslife.com/Rockport.html Jough ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- GermWorks http://www.germworks.net http://germworks.blogspot.com/ http://www.germworks.net/Phantom http://www.germworks.net/Phantom ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] 404 Redirectationite
Anders, Obviously you did not read the initial post :). That's alright. I am using a php script to display data depending on the current page. Example: www.joughslife.com/Rockport.html displays the page that is titled Rockport while www.joughslife.com/otherstuff.html would display the page titled otherstuff. So, these aren't supposed to be 404's. I was simply using this technique to display the pages. Anders Nawroth wrote: Lindsay Evans skrev: To stop the validator/robots/etc. seeing it as a 404 error, you need to send a 200 OK HTTP status code, you can do that in PHP using this line of code: header(HTTP/1.1 200 OK); Why would you want to see 404 pages in search results? If you need to validate the (X)HTML, you can upload it to the validator in this case. Shouldn't be any need to validate your error pages too often! /AndersN ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Max/min width for IE
Eww! Using HTML elements to solve a display issue? I know where you are coming from, I have had 'clients' like this before, too. I have had to use MS CSS expressions to solve the issue of position fixed and found it relatively easy to use, although I would have rather not used it had there been another way. As far as min/max width, have you tried placing a nested div within the area to be min-width'd with padding of the amount to be width'd and contents of a non-breaking space? Sound's like that might work to me, anyone else? Jough Ricci Angela wrote: Hello everybody Following the late discussion about fluid/elastic layouts, I was wondered if somebody out there has some feedback concerning the use of Microsoft's Dynamic properties proprietary solution for fixing the lack of min/max-width support. After some discussion with my client, they impose me the use of a one-cell table to fix this for IE, but I really think it is a pitty to have to do it... And, besides a javascript solution, all I've found out was MS dynamic properties. If somebody already used those, please could you share your experiences ? Thanks a lot Angela ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] 404 Redirectationite
I run an apache server and utilize the .htaccess file to run a php script on a 404 error. This php script grabs the contents of the current uri to display information. (example: www.joughslife.com/Rockport.html) My question is, will this have any effect as far as usability? Also, the w3c validator was unable to recognize the page as anything other than 404; will other spiders/bots be able to recognize content? Thank you, as always! Jough ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Max/min width for IE
W3C - Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets ../present/styles.html to control layout rather than tables. Using a table in this case will not present any problems, no. But (correct me if I am wrong), the main purpose of a table was originally designed to display a relationship between multiple sets of data (ie: spreadsheet). A table can, in fact, be used for display purposes when containing relevant data but for the problem at hand I am sticking with my recommendation of a div. Thanks though! Jough Samuel Richardson wrote: Might as well just use a table in that case. Joseph Bernhardt wrote: Eww! Using HTML elements to solve a display issue? I know where you are coming from, I have had 'clients' like this before, too. I have had to use MS CSS expressions to solve the issue of position fixed and found it relatively easy to use, although I would have rather not used it had there been another way. As far as min/max width, have you tried placing a nested div within the area to be min-width'd with padding of the amount to be width'd and contents of a non-breaking space? Sound's like that might work to me, anyone else? Jough Ricci Angela wrote: Hello everybody Following the late discussion about fluid/elastic layouts, I was wondered if somebody out there has some feedback concerning the use of Microsoft's Dynamic properties proprietary solution for fixing the lack of min/max-width support. After some discussion with my client, they impose me the use of a one-cell table to fix this for IE, but I really think it is a pitty to have to do it... And, besides a javascript solution, all I've found out was MS dynamic properties. If somebody already used those, please could you share your experiences ? Thanks a lot Angela ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE6 behaving badly with floated spans
It's kind of hard to tell without seeing the actual site, but I would recommend an inline list instead of two right floats. That way you wouldn't have to have separate spans for each set of content. Jough Björn Gustafsson wrote: Hi, I'm building a smaller site and I've ran into a problem with IE6 that I cannot solve. I got a table-based design from a designer, which I've subsequently turned into xhtml+css, and it's working almost perfectly (with some minor fixes) between most major browsers, including FF 1.5, FF 2.0, IE7, Opera and whathaveyou. What doesn't work perfectly though is IE6, and I can't say that I'm surprised. What messes up is this little piece of code: ---8--- div class=entryHeader span class=entryTitleLorem Ipsum/span span class=entryTime11:22/span span class=entryDate2006-07-08/span /div ---8 both entryTime and entryDate are in the CSS floated right, effectively positioning Time to the right of Date, and both of them to the right within the (width-specified) Header. What IE6 does, however, is that it positions Time and Date on the next row, making my one line header a two line one. By using position:relative and top:-16px they both appear on the same line as the Title, but the Header is still two rows high, presenting a really big ugly black bar that shouldn't be there. I've gone google-hunting for IE bugs, but I haven't found anything that applies to this particular behaviour, but I'm hoping that there's something I've overlooked or haven't found and that there's a simple fix to this :) Regards, Björn ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Yay! Pretty Colors
Daniel Nitsche wrote: , if the element being coloured is not conveying any information (eg. the background to a div) then it's not a problem, This isn't necessarily true either. The site may still be usable in order to gather the information given, but usability studies have confirmed the fact that background color across multiple locations on the page makes a drastic determination on where the user's eyes will first look. My website in question monetizes by Adsense and the background gray color is utilized to draw user focus toward the ads. Hey, how else am I going to earn a living. I don't have a job! :) Jough ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Quick Problem Resolutions?
I've given up for the day and have possibly been thinking too hard about this problem. I thought I would ask my friends at the WSG before I went home for the day and hopefully get a solution by morning. I am giving my personal blog a complete redesign to web standards and am having a bit of a problem aligning some div's. You can see my current page at www.joughslife.com/index-dev.php The content should appear on the bottom left (check), with the title on the bottom right corner (check), but the actual content that is displayed above the title is supposed to be aligned to the right of the title with left aligned text and a width of 300px. For some reason it is only displayed correctly in IE (which means my css is probably wrong) :). I thought maybe someone could look it over really quick and give me a hint. Like I said, it's probably something very simple I have just overlooked. Thanks in advance. Also- the background image is fairly large in size (280k I think??). Any standards or usability studies on image size when it comes to backgrounds? Jough ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Alternate Style Sheets
I'm doing something similar at the moment on my 'work in progress' at yourcelebritygossip.com. Using user cookies to based on the user selection of a color to switch between multiple stylesheets. The stylesheet name is created through a php script, so I don't actually use alternate stylesheets. Any tutorial on those you could shoot me? To tell you the truth I really don't know much about 'em. Thanks! Jough ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Which Element to Use for Site Id / Site Title
Jay Gilmore wrote: [EMAIL PROTECTED] wrote: I certainly did read the entire thread, thus my question. I was stumped as to basis of the initial question. The more I read the less I understood. As for asking silly questions, I would assume that I am not the only person absolutely in wonder when reading the list mailings. How can so many people know so much stuff! It only stands to reason, that those of us who don't know much, would be in awe and feel a bit presumptuous to ask questions at all. I bow to you all. :) Thanks for the answers *a forum would be nice, I have trouble reading all the notes and keeping up. Sharron, The great thing about the WSG is that there are few people here who know everything. I only really got to using dl's this year (which I picked up here on this list). I think that you are sure to find that it is by reading threads here and seeing the solutions, sample code and asking all sorts of relevant questions that you too will quickly have answers to questions you never thought to ask or problems that you never considered. Don't bow to anyone as this is a community of allies not egos (although they sometimes come forth) The fact that you are subscribed to the WSG shows an awareness that surpasses the development masses. That being said, there are a number of members here whom we should hold in high esteem through their thoughtful and often strong opinions about how to tackle a problem or a method. Learn from them and share what you have learned. Ask questions and share your answers. And yes a forum would be nice. See the thread on a forum from last week. All the best, Jay Well said, Jay. I do fully agree with you though, Sharron, but after being a member of the WSG for less than a month I have already come to the conclusion that this group of people is by far less 'rude' than other such forums I have been associated with. I have been in web development for more years than I can count on one hand now but still consider myself a newbie to many of the ideas and concepts that are standard today. Sometimes I hesitate to ask questions I feel may be silly or simple to the more informed. But, you must realize that Web Standards (even something like the DL tag) are still relatively new to the world. There are very few people who understand even the slightest amount of what you currently do. Keep pushing at it. Every now and then I will receive a rude or obnoxiously 'smart' answer from someone who thinks too highly of them self. Shrug it off. They were once where you are now. Jough ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] I'm Floating!!
I don't know where I was going in the first place. I was WAY off! :) Thanks for the link Kenny. Got it all worked out now! Kenny Graham wrote: Obviously I could use a floating div tutorial of some sort :). Do you know of any? http://css.maxdesign.com.au/floatutorial/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] injecting a bit of humor into your css
Nick Gleitzman wrote:
Christian Montoya wrote:
#fish { float:right; }
get it? fish floats... har har har. right.
Only fish I've seen floating round here are dead...
N ;(
Well...
#liberals { float: left; }
Sorry. I know we should keep politics out of WSG, but I just had to!
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
