Re: [WSG] FYI: article on making your ASP.NET pages XHTML valid
Ryan Nichols wrote: If anyone is interested, I have done the same thing using another method. Instead of relying on text search and replace, you can just create your own HTMLTextWriter. I use XHTMLTextWriter when I want to write XHTML, and the standard when I don't. It's a wee bit more robust that way, perhaps even faster. If anyone's interested in altering .NET this way, just email me directly. G'day Ryan I'm always interested in the hoops people have had to jump through to make ASP.NET valid. I'd love to see how you chose to do it. Most folks seem to do it all as a rewrite after the fact - effective but resource-hungry and a killer for large sites Feel free to drop me a line when you have some free time and let me know what you did Cheers, Lachlan ** 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] Positioning (I think) problem with image
Hi all I have a 3-col with header and footer layout main page I am re-doing with CSS. The jpg within the header, positioned at the far left : In Mozilla/Firefox it is positioned within the header as it should be. In IE and Opera it ends slightly below the header. There should be enough room for it so am at a loss to work out why this is happening and how to prevent it. Also, the left navbar in IE and Opera is too far to the right encroaching on the center column. www.mwg.green.net.au/testpages contains all files. www.mwg.green.net.au/testpages/basic5.html is the main page. Any help would be appreciated. Thanks. Lyn Patterson
Re: [WSG] Positioning (I think) problem with image
Hi all Lyn Patterson wrote: The jpg within the header, positioned at the far left : In Mozilla/Firefox it is positioned within the header as it should be. In IE and Opera it ends slightly below the header. There should be enough room for itso am at a loss to work out why this is happening and how to prevent it. Try to put the img tag non float and out of the H1. Also, clean the style atribute and put that into the stylesheet. You should to remove the height from header. I hope you understand, because I´m not english speaking. By the way, it´s my first message to list. Best regards, ** 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] DL Formatting Issue (IE again!)
Hi all,
I'm using the nifty Maxdesign definition list image gallery script
(http://www.maxdesign.com.au/presentation/definition/dl-image-gallery.htm).
I've got the page formatted as required by the web manager, but a format problem as
arisen in IE only. The development page is available here:
http://www.salford.gov.uk/ghostcam-test/ghostcam-archive.htm
In Firefox, Opera, etc the layout appears perfectly as required. In IE6 however, below
the final image some of the dd definition is repeated. At present, the final dd
contains '21/09/2004 at 13:05:02' and beneath that, '5:02' appears. The '5:02' text
isn't repeated anywhere in the source, and seems to come purely from the final dd
text. Any suggestions why would be gratefully accepted!
The CSS involved is:
dl.gallery {
border: 1px solid #000;
background-color: #eee;
width: 164px;
text-align: center;
padding: 6px;
margin-bottom: 14px;
float: left;
margin-right: 1em;
}
.gallery dt img {
border: 1px solid #000;
width: 160px;
height: 120px;
}
.gallery dd {
font-weight: bold;
margin: 0;
padding: 0;
}
Thanks in advance.
Antony Golding
Principal e-Government Services Officer
Salford City Council
Email: [EMAIL PROTECTED]
Telephone: 0161 793 2232
DISCLAIMER: The information in this message is confidential and may be legally
privileged. It is intended solely for the addressee. Access to this message
by anyone else is unauthorised. If you are not the intended recipient,any
disclosure, copying, or distribution of the message, or any action or omission
taken by you in reliance on it, is prohibited and may be unlawful.
Please immediately contact the sender if you have received this message in error.
For the full disclaimer please access http://www.salford.gov.uk/e-mail Thank you.
**
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] DL Formatting Issue (IE again!)
On 12 Oct 2004, at 11:57 PM, Golding, Antony wrote: In Firefox, Opera, etc the layout appears perfectly as required. In IE6 however, below the final image some of the dd definition is repeated. At present, the final dd contains '21/09/2004 at 13:05:02' and beneath that, '5:02' appears. The '5:02' text isn't repeated anywhere in the source, and seems to come purely from the final dd text. Any suggestions why would be gratefully accepted! Try this: http://www.positioniseverything.net/explorer/dup-characters.html HTH - N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** 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] help with fixed positioning in IE
I appreciate the discussion on this...really, I do. :) Is there somebody who might be able to help me integrate this into my existing CSS? Am I to understand that I can't have my DOCTYPE set to XHTML (I'm not very well-versed in what IE Quirk Mode is)? Thanks. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter john wrote: After a bit of searching, I found a site that explains how to get fixed positioning in IE. This is great news for me, since I really would like such a thing on the design of one of my sites. Trouble is, I'm having a difficult time incorporating it into my existing CSS, and I'm wondering if there's a kind-hearted soul who could possibly assist me. What I need is both #banner and #tabmenu to stay put (as it does in Firefox). The site I'm working on is at http://www.drzeus.net/redesign/cslewis/ The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header My gratitude to any who can 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] Div Away The Day
Hi,
My CSS rebirth is less than a year old, in its infancy still. So as in
human growth I'm mimicking what I see. One of my favorite sites is
http://www.bbcamerica.com/bbcamerica.jsp , I've engaged in reworking
the index page in CSS. My steps are thwarted when recreating the
highlight section, just below tonight's line-up.
The four programs across have started a chain of DIVS that seem more
cumbersome than table cells. How would one recommend recreating this in
semantically correct CSS, without the tangled mess of DIVS I've birthed.
Computers need more Africa in them.
-Brian Eno
Chris
http://ckimedia.com
---CSS SNIPPET--
div#high1, #high2{
border: 1px solid #CDCBD2;
width: 140px;
margin: 1% 0 0 2%;
padding:0;
}
.floatRight{
float: right;
width: 140px;
}
img.high1, .high2{
background-color: #FF6600;
margin: 0;
padding: 0;
}
.caption, .desc{
border: 1px solid #CDCBD2;
background-color: #CDCBD2;
width: 140px;
height: auto;
margin: 0 0 0 2%;
padding:0;
}
.desc{
background-color: #FFF;
}
.caption p{
margin-left: 10px;
}
--XHTML SNIPPET--
div id=highlights
div id=high1
img name=high1 src= width=140 height=54 alt=evening highlight
one class=high1 /
/div
div class=caption
pThis is a Picture/P
/div
div class=desc
pThis is what the show is about/p
/div
div id=high2
img name=high2 src= width=140 height=54 alt=evening highlight
two class=high2 /
/div
div class=caption
pThis is a Picture/P
/div
**
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] Note to Big John
Sorry for the off-topic post, I wanted to ask Big John a question but couldn't find his email address. If you get this, could you respond off list? Ted Drake [EMAIL PROTECTED] I'd like to ask you about some consulting work. ** 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 Away The Day
Welcome to CSS and Standards, Chris. It is a wonderful thing.
This is my first post, and I have been a very, very long time lurker - so hello to
everyone!!! A big thank you to the list Dad's and everyone that jumps in to help out.
I have benefitted greatly from this community!
If you are specifically trying to emulate the 'program' hightlight section, you may
want to use a series of definition lists. Definition list will show a specific
relationship between all items (Img, Caption, and Program Info), so it should work
semantically.
What I have come up with is below...
You may see an example of this here:
http://www.co.sauk.wi.us/_test/wsg-help.htm
The only strange thing I found with this is, I believe, the dd tags are becoming too
big, or the dt is shrinks too small (hence the #Highlights dd {width:93%; to
compensate}. Maybe someone else can tackle that...
Good luck!! I hope this helps you. You can work with it fom here...
Jim
style type=text/css
#Highlights dl, #Highlights dt, #Highlights dd, #Highlights img
{width:140px; margin:0; padding:0; display:block; border:none;}
#Highlights dl {margin:1em; float:left;}
#Highlights dd {padding:0.1em 0.3em;}
#Highlights dd {width:93%;} /* for quirk compensation */
#Highlights dd, #Highlights dt {border: 1px solid #CDCBD2;}
#Highlights dd {border-top:none;}
.ImgDesc {font-weight:bold;}
/style
div id=Highlights
dl id=Program1
dtimg src=../_images/texture.gif width=140px height=54px alt=evening
highlightone //dt
dd class=ImgDescThis is a Picture/dd
dd class=ShowDescThis is what the show is about/dd
/dl
dl id=Program2
dtimg src= width=140px height=54px alt=evening highlighttwo //dt
dd class=ImgDescThis is a Picture/dd
dd class=ShowDescThis is what the show is about/dd
/dl
/div !-- end Highlights --
__
Switch to Netscape Internet Service.
As low as $9.95 a month -- Sign up today at http://isp.netscape.com/register
Netscape. Just the Net You Need.
New! Netscape Toolbar for Internet Explorer
Search from anywhere on the Web and block those annoying pop-ups.
Download now at http://channels.netscape.com/ns/search/install.jsp
**
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] an interesting find in ie5
Hi All
I found something today that has probably been documented many times but was new to me.
I have a maincontent div and inside it may be an image that is floated left. I wanted
the paragraphs to float around it without having to put the image inside the paragraph
tag. This worked fine in firefox, but I had a problem with IE. So, I set a width to
the paragraph and that helped IE.
htmlbody p {width:90%;}
Now this behavior was annoying, but not a major battle.
With IE5 mac, this was destroying the layout. The image was pushing the rest of the
content to the left and forcing the sidebar down.
I guess I could have let IE5 Mac in on the above hack, but instead I placed the image
inside the first paragraph. This settled a lot of layout issues. Now I am going to
look at our purchase page again to see if this kind of nesting floats is messing up
that area.
I didn't want to put the image inside the paragraph to make it more idiot-proof for
future programmers. However, I've noticed others doing the same, so I am assuming it
is not invalid.
Ted
**
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 Away The Day
Hi,
Thanks, I looked at a css.maxdesign tutorial on DL after posting, and
had decided on this method. Your affirmation is encouraging.
Welcome aboard.
C
On Tuesday, October 12, 2004, at 10:21 AM, [EMAIL PROTECTED] wrote:
Welcome to CSS and Standards, Chris. It is a wonderful thing.
This is my first post, and I have been a very, very long time lurker -
so hello to everyone!!! A big thank you to the list Dad's and everyone
that jumps in to help out. I have benefitted greatly from this
community!
If you are specifically trying to emulate the 'program' hightlight
section, you may want to use a series of definition lists. Definition
list will show a specific relationship between all items (Img,
Caption, and Program Info), so it should work semantically.
What I have come up with is below...
You may see an example of this here:
http://www.co.sauk.wi.us/_test/wsg-help.htm
The only strange thing I found with this is, I believe, the dd tags
are becoming too big, or the dt is shrinks too small (hence the
#Highlights dd {width:93%; to compensate}. Maybe someone else can
tackle that...
Good luck!! I hope this helps you. You can work with it fom here...
Jim
style type=text/css
#Highlights dl, #Highlights dt, #Highlights dd, #Highlights img
{width:140px; margin:0; padding:0; display:block; border:none;}
#Highlights dl {margin:1em; float:left;}
#Highlights dd {padding:0.1em 0.3em;}
#Highlights dd {width:93%;} /* for quirk compensation */
#Highlights dd, #Highlights dt {border: 1px solid #CDCBD2;}
#Highlights dd {border-top:none;}
.ImgDesc {font-weight:bold;}
/style
div id=Highlights
dl id=Program1
dtimg src=../_images/texture.gif width=140px height=54px
alt=evening highlightone //dt
dd class=ImgDescThis is a Picture/dd
dd class=ShowDescThis is what the show is about/dd
/dl
dl id=Program2
dtimg src= width=140px height=54px alt=evening
highlighttwo //dt
dd class=ImgDescThis is a Picture/dd
dd class=ShowDescThis is what the show is about/dd
/dl
/div !-- end Highlights --
__
Switch to Netscape Internet Service.
As low as $9.95 a month -- Sign up today at
http://isp.netscape.com/register
Netscape. Just the Net You Need.
New! Netscape Toolbar for Internet Explorer
Search from anywhere on the Web and block those annoying pop-ups.
Download now at http://channels.netscape.com/ns/search/install.jsp
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Imagination is more important than knowledge.
-Albert Einstein
Chris
http://ckimedia.com
**
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] CSS caching problem in IE and Firefox
Hi all, I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. This only happens in IE and Firefox occasioinally. I realised it straight away it's a caching problem but often clearing the cache (or temporary internet files in IE) doesn't make any difference. The only browser that I know that does work everytime though is Opera. But for IE and Firefox, I sometimes have to wait for 10 or 15 minutes before I hit refresh then only it will register the new changes. I use Firefox mainly for my browsing but always check my pages in IE and Opera. Is there anything I can do when this problem occur again for IE and Firefox? Lil' annoyed, Sean. http://w3csites.com ** 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] Question
I have joined your web site group and have no idea how to use your web site. I am just a novice and want to use xhtml 1.0 and css2. I have created a site or two this way. This is my first site I created using xhtml 1.0 and css2 www.gracepointefc.org I am no longer the webmaster of the site and the person that took over did not validate any of the pages he updated but all my pages were validated. I know the site may be a joke to you experts but I would like to learn more. Is this site the wrong place for me to find help? Thank you, Jack Cramer Tecumseh, Michigan ** 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] Question
Hello Jack. Welcome to WSG. Rest assured you are in the right place. Don't be afraid to ask any question no matter how stupid you might think it is. You will find a wealth of info everyday and everyone is always sharing the latest reads online to learn more. If you are serious about Web Standards, look no further. Looks like you are off to a great start. Familiarize yourself with the guidelines for the group mailing list here: http://webstandardsgroup.org/mail/guidelines.cfm More Info on Standards If you haven't been here already, check it out: http://www.dezwozhere.com/links.html CSS Master Dave Shea sent me to this site and I've learned a lot. Also, pick up the book standards on web standards: Eric Meyer on CSS: http://www.amazon.com/exec/obidos/tg/detail/-/073571245X/ qid=1097620795/sr=8-1/ref=pd_csp_1/104-9409899-5355950? v=glances=booksn=507846 More Eric Meyer on CSS: http://www.amazon.com/exec/obidos/tg/detail/-/0735714258/ qid=1097620795/sr=8-2/ref=pd_csp_2/104-9409899-5355950? v=glances=booksn=507846 Designing with Web Standards: http://www.amazon.com/exec/obidos/ASIN/0735712018/qid=1097620872/sr=2 -1/ref=pd_ka_2_1/104-9409899-5355950 /More Info on Standards Happy coding... Shane Helm On Oct 12, 2004, at 4:28 PM, Jack wrote: I have joined your web site group and have no idea how to use your web site. I am just a novice and want to use xhtml 1.0 and css2. I have created a site or two this way. This is my first site I created using xhtml 1.0 and css2 www.gracepointefc.org I am no longer the webmaster of the site and the person that took over did not validate any of the pages he updated but all my pages were validated. I know the site may be a joke to you experts but I would like to learn more. Is this site the wrong place for me to find help? Thank you, Jack Cramer Tecumseh, Michigan ** 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] CSS caching problem in IE and Firefox
Hi Sean, IE on both platforms is notorious for its caching issues, but is especially tenacious on the Mac (though this is the first time I've heard of problems with Firefox). The usual solution, which doesn't always work, is to hold down the shift key while hitting refresh/reload (from memory, it's the option key for IE/Mac - maybe someone else here can clarify). In the past, I've had to resort to deleting temporary Internet files, closing the browser, restarting the machine and starting from scratch (on Windows). Even then my mileage varied. Good luck! Kevin Futter On 13/10/04 8:21 AM, Sean Ho @ W3 Compliant Sites [EMAIL PROTECTED] wrote: Hi all, I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. This only happens in IE and Firefox occasioinally. I realised it straight away it's a caching problem but often clearing the cache (or temporary internet files in IE) doesn't make any difference. The only browser that I know that does work everytime though is Opera. But for IE and Firefox, I sometimes have to wait for 10 or 15 minutes before I hit refresh then only it will register the new changes. I use Firefox mainly for my browsing but always check my pages in IE and Opera. Is there anything I can do when this problem occur again for IE and Firefox? Lil' annoyed, Sean. http://w3csites.com ** 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] CSS caching problem in IE and Firefox
Sean Ho wrote: I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. This only happens in IE and Firefox occasioinally. Have you tried force refreshing? IE - hold Ctrl and select refresh Firefox - hold Shift and select refresh Regards Jason ** 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 Away The Day
Chris Kennon wrote:
The four programs across have started a chain of DIVS that seem more
cumbersome than table cells. How would one recommend recreating this
in semantically correct CSS, without the tangled mess of DIVS I've
birthed.
Chris, before anything else, you have a fundamental error in your CSS
that you should correct: you can't have both an id and a class with the
same name (i.e. #high2, .high2). This is going to cause conflicts you
can do without.
NB also that
div#high1, #high2 {...}
is not the same as
div#high1, div#high2 {...}
The first means 'apply this set of style rules to the div with id
high1, and any other element with id high2'. If you want the rule to
apply to div#high1 and div#high2, you have to list them in their
complete form as multiple selectors.
As far as the semantic of the markup goes, I'll repeat what's been
posted here often: if data looks like it should be presented in a
table, use a table. Just make sure you use table summary, thead, etc,
to ensure accessibility. There again, I don't have a problem with your
example divs, in principle. With the correct use of classes (or indeed
descendant selectors), you have the hooks in the markup to be able to
change your layout in ways from minor presentation tweaks to page
layout revisions, without touching the markup at all.
My 2c.
N
___
Omnivision. Websight.
http://www.omnivision.com.au/
**
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] help with fixed positioning in IE
john,
the solution requires putting the an html comment above the doctype declaration.
If you also add this CSS hack it will work in IE/Mac, Safari and IE5 and 5.5/Windows:
/* Mac IE cannot read this \*/
* html body{
/* only IE Win and MacOSX can see this,
but is hidden from Mac IE by previous filter.*/
overflow:hidden;
}
* html div#content{
/* only IE Win and MacOSX can see this,
but is hidden from Mac IE by previous filter.*/
height:100%;
width:100%;
overflow:auto;
}
hope this helps,
Grant
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of john
Sent: Wednesday, 13 October 2004 12:36 AM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] help with fixed positioning in IE
I appreciate the discussion on this...really, I do. :) Is there
somebody who might be able to help me integrate this into my existing
CSS? Am I to understand that I can't have my DOCTYPE set to XHTML (I'm
not very well-versed in what IE Quirk Mode is)?
Thanks.
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
content without clutter
john wrote:
After a bit of searching, I found a site that explains how to get fixed
positioning in IE. This is great news for me, since I really would like
such a thing on the design of one of my sites. Trouble is, I'm having a
difficult time incorporating it into my existing CSS, and I'm wondering
if there's a kind-hearted soul who could possibly assist me. What I
need is both #banner and #tabmenu to stay put (as it does in Firefox).
The site I'm working on is at http://www.drzeus.net/redesign/cslewis/
The page with the CSS code for fixed positioning in IE is at
http://limpid.nl/lab/css/fixed/header
My gratitude to any who can 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
**
**
This message is intended for the addressee named and may contain
privileged information or confidential information or both. If you
are not the intended recipient please delete it and notify the sender.
**
**
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] CSS TAB MENU - A new version with problems
Hello everybody, I developed a kind of tab menu navigation using li, that changes when mouse over occours. Im rebuilding this site using xhtml. (under construction), and i having some problems with this menu. http://www.meucarronovo.com.br/xhtml Note that IE browser, freezes when onmouseover event occours. In other browsers, the css menu tab, works fine. Can anyone explain me why this browser freezes, when the mouse sets over the css menu tab? PS: My css file still no validated and some classes are repeated, but on final version, that will be fixed. I would appeciate some advice. kind regards, Genau Lopes JúniorWebDesigner¬¬¬http://www.meucarronovo.com.br Genau Lopes JúniorWebDesigner¬¬¬http://www.meucarronovo.com.br
Re: [WSG] Div Away The Day
Chris
That's true if you look at it from a rigid grid layout point of view. In
this case the programs aren't tabular data, additionally if you wanted
to represent the 4 programs in another visual format using css only then
this wouldn't be possible with a table layout.
My suggestion would be to start off with some div boxes all of the same
class then float these left. You can then add the content in each box
and avoid classitis (e.g high1, high2). You can the change the box
layout by turning floats off (for a PDA for instance).
div class=highlight
!-- content --
/div
div class=highlight
!-- content --
/div
div class=highlight
!-- content --
/div
div class=highlight
!-- content --
/div
!-- something here to clear the floats --
/* now the css */
.highlight
{
float : left;
/ * other selectors */
}
Chris Kennon wrote:
The four programs across have started a chain of DIVS that seem more
cumbersome than table cells. How would one recommend recreating this in
semantically correct CSS, without the tangled mess of DIVS I've birthed.
Computers need more Africa in them.
-Brian Eno
Chris
http://ckimedia.com
---CSS SNIPPET--
div#high1, #high2{
border: 1px solid #CDCBD2;
width: 140px;
margin: 1% 0 0 2%;
padding:0;
}
.floatRight{
float: right;
width: 140px;
}
img.high1, .high2{
background-color: #FF6600;
margin: 0;
padding: 0;
}
.caption, .desc{
border: 1px solid #CDCBD2;
background-color: #CDCBD2;
width: 140px;
height: auto;
margin: 0 0 0 2%;
padding:0;
}
.desc{
background-color: #FFF;
}
.caption p{
margin-left: 10px;
}
--XHTML SNIPPET--
div id=highlights
div id=high1
img name=high1 src= width=140 height=54 alt=evening highlight
one class=high1 /
/div
div class=caption
pThis is a Picture/P
/div
div class=desc
pThis is what the show is about/p
/div
div id=high2
img name=high2 src= width=140 height=54 alt=evening highlight
two class=high2 /
/div
div class=caption
pThis is a Picture/P
/div
**
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] help with fixed positioning in IE
Focas, Grant wrote: john, the solution requires putting the an html comment above the doctype declaration. If the aim is to throw IE into quirks mode, I'd imagine that one may also consider just sticking the xml declaration there (but haven't got the time to test this assertion). Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** 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] CSS caching problem in IE and Firefox
That's a great way to prevent caching problems. But maintaining all those separate sections of the style sheet can be cumbersome. I suggest using a PhP Include to add one style sheet to each developing page. That way you can have embedded style sheets which won't get cached, and still work from one central style sheet. But you still loose one of the other advantages of using xhtml+css: the bandwidth saving of having a cached css and only having the xhtml having to be loaded... I'd recommend using the embedded stylesheet method only for testing, not for live sites... Patrick H. Lauke Absolutely. But the question was about caching during testing, so that was my work-around to the caching problem during testing. When ready to go live on-line, just move the css file reference up to the header using your choice of link or @import. There are ways to force IE MAC to refresh, or to set the prefs to always update, but it's still a highly finicky browser. My line of thinking is to by-pass the problem altogether by using the PHP embedded single style sheet trick during development, then importing it site-wide at launch. The bonus here is that you can build your final style sheet as you go, rather than having to compile all the separate ones from each page. Additional tangential info: There is a great article at fiftyfoureleven about stitching separate style sheets together using PHP: http://www.fiftyfoureleven.com/sandbox/weblog/2004/aug/css-php-organized-opt imized/ Kenneth Feldman [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 **
Re: [WSG] Vignette and web standards = disaster?
On Tue, 12 Oct 2004 23:51:48 +0100, Ian Fenn [EMAIL PROTECTED] wrote: I'm working on a major website and getting the problem Douglas Bowman describes here: Douglas clearly managed to - wired.com did indeed relaunch - but I'm awaiting his reply. It has been a day or so and I'm up against a tight deadline :-( If you read Doug's latest blog entry, you'd know he's most likely on a plane right now heading to New Zealand. I wouldn't hold your breath for an immediate reply. As this is a tool/CMS/Vignette issue, you might get a quicker response from Vignette support or developer forum. -Ben ** 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] CSS TAB MENU - A new version with problems
Genau Junior wrote: Can anyone explain me why this browser freezes, when the mouse sets over the css menu tab? PS: My css file still no validated and some classes are repeated, but on final version, that will be fixed. Rule #1 for problem-solving: eliminate variables. In this case: validate your CSS. You can't expect browsers to work in any kind of predictable way if your CSS is invalid. I haven't checked, but I suspect your duplicate classes won't help. N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** 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] CSS TAB MENU - A new version with problems
I mean that some classes aren´t being used anymore. I dont think that it is my problem Genau Lopes Júnior WebDesigner ¬¬¬ http://www.meucarronovo.com.br - Original Message - From: Nick Gleitzman [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Tuesday, October 12, 2004 8:55 PM Subject: Re: [WSG] CSS TAB MENU - A new version with problems Genau Junior wrote: Can anyone explain me why this browser freezes, when the mouse sets over the css menu tab? PS: My css file still no validated and some classes are repeated, but on final version, that will be fixed. Rule #1 for problem-solving: eliminate variables. In this case: validate your CSS. You can't expect browsers to work in any kind of predictable way if your CSS is invalid. I haven't checked, but I suspect your duplicate classes won't help. N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** 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] Wsg
I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. But you still loose one of the other advantages of using xhtml+css: the bandwidth saving of having a cached css and only having the xhtml having to be loaded... I'd recommend using the embedded stylesheet method only for testing, not for live sites... Patrick H. Lauke Absolutely. But the question was about caching during testing, so that was my work-around to the caching problem during testing. -KF I should learn how to read better. He wasn't talking about testing; just updating. Sorry for the mistake. And on my first day in the group! Doh! Kenneth Feldman [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 **
[WSG] RE: One remaining problem with header
Thanks to Russ this is now fixed - a missing end tag - I should have validated before posting. Thanks Lyn ** 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] In Brisbane right now and want to meet Doug Bowman?
One of those completely unplanned things... If you are in Brisbane right now and want to meet Doug Bowman (who is stopping off for a few hours only), call me on 0403 433 980 or email offlist. Russ ** 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 Away The Day
Hi,
Food for thought, thanks for pointing out the fundamental error.
C
On Tuesday, October 12, 2004, at 04:01 PM, Nick Gleitzman wrote:
Chris Kennon wrote:
The four programs across have started a chain of DIVS that seem more
cumbersome than table cells. How would one recommend recreating this
in semantically correct CSS, without the tangled mess of DIVS I've
birthed.
Chris, before anything else, you have a fundamental error in your CSS
that you should correct: you can't have both an id and a class with
the same name (i.e. #high2, .high2). This is going to cause conflicts
you can do without.
NB also that
div#high1, #high2 {...}
is not the same as
div#high1, div#high2 {...}
The first means 'apply this set of style rules to the div with id
high1, and any other element with id high2'. If you want the rule to
apply to div#high1 and div#high2, you have to list them in their
complete form as multiple selectors.
As far as the semantic of the markup goes, I'll repeat what's been
posted here often: if data looks like it should be presented in a
table, use a table. Just make sure you use table summary, thead,
etc, to ensure accessibility. There again, I don't have a problem with
your example divs, in principle. With the correct use of classes (or
indeed descendant selectors), you have the hooks in the markup to be
able to change your layout in ways from minor presentation tweaks to
page layout revisions, without touching the markup at all.
My 2c.
N
___
Omnivision. Websight.
http://www.omnivision.com.au/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Imagination is more important than knowledge.
-Albert Einstein
Chris
http://ckimedia.com
**
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 Away The Day
Hi, Can you point me to this section in the w3.org specification. I'm not doubting your expertise, but I'm confused why a class and id cannot have the same name. On Tuesday, October 12, 2004, at 04:01 PM, Nick Gleitzman wrote: Chris, before anything else, you have a fundamental error in your CSS that you should correct: you can't have both an id and a class with the same name (i.e. #high2, .high2). This is going to cause conflicts you can do without. Imagination is more important than knowledge. -Albert Einstein Chris http://ckimedia.com ** 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] Vignette and web standards = disaster?
On Tue, 12 Oct 2004 23:51:48 +0100, Ian Fenn wrote: Douglas clearly managed to - wired.com did indeed relaunch - but I'm awaiting his reply. It has been a day or so and I'm up against a tight deadline :-( FYI - Doug Bowman is currently touring around Asutralia and probably isnt redig his email much :( Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** 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 Away The Day
On 13 Oct 2004, at 11:43 AM, Chris Kennon wrote: Can you point me to this section in the w3.org specification. I'm not doubting your expertise, but I'm confused why a class and id cannot have the same name. On Tuesday, October 12, 2004, at 04:01 PM, Nick Gleitzman wrote: Chris, before anything else, you have a fundamental error in your CSS that you should correct: you can't have both an id and a class with the same name (i.e. #high2, .high2). This is going to cause conflicts you can do without. Uh - no, not with the schedule I've got today - but rather let me rephrase my previous statement: You shouldn't have both an id and a class with the same name; this is going to cause confusion you can do without. I had a conflict occur in one version of a browser when doing just this, in a build I did some time ago - sorry, don't remebeer the specifics, I just remember learning (the hard way, it seemed like, after hours of testing) that this wasn't a good idea. Having said that, it was almost certainly an older browser version, so these days it may not be such a problem. It's just something I now instinctively don't do; it makes site edits down the track that much easier. But hey, whatever works for you... N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** 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 Away The Day
Hi, Don't be salty :) Thanks for taking the time, hope all is well. Plenty of names to go around, so I'll spread them out, just to avoid confusion. Peace, Chris On Tuesday, October 12, 2004, at 07:46 PM, Nick Gleitzman wrote: But hey, whatever works for you... Imagination is more important than knowledge. -Albert Einstein Chris http://ckimedia.com ** 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] Melbourne WSG Meeting - Times URL
Following on from the previous email regarding the Melbourne WSG meeting titled 'Accessibility and standards for web designers/developers': Start time: 6:30pm Keep posted to this page for updates: http://webstandardsgroup.org/go/event22.cfm Regards, David McDonald Web Designer http://www.davidmcdonald.org ** 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] CSS caching problem in IE and Firefox
Try this Sean, http://www.karmakars.com/weblog/archives/2004/03/25/cache On Wed, 13 Oct 2004 08:53:40 +1000, Jason Turnbull [EMAIL PROTECTED] wrote: Sean Ho wrote: I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. This only happens in IE and Firefox occasioinally. Have you tried force refreshing? IE - hold Ctrl and select refresh Firefox - hold Shift and select refresh Regards Jason ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Regards, Amit Karmakar http://karmakars.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
