[WSG] Web app guidance/site comment
Greetings all, I'm currently working on a web app that I have created in as much of a web standards karma giving way as I can muster. If I could get some feed back on this little number from the crowd out there I would be most greatful. General tips and pointers are what I'm after. If you look closely enough it might be blatantly obvious who this project is for. Ok, if you're from Sydney Australia and drive a car/have a license that is. https://monitor.hpa.com.au/rta/ https://monitor.hpa.com.au/rta/ This is in no way a live product, and for the most part are just a bunch of static HTML files. Expect no magic within! Or live database for that matter. I have managed to keep the majority of pages valid in both HTML and CSS. (When I typed that I felt I should get a badge or something?) The only quirk I have with it is how some tables will wrap/drop below the menu on IE in tight areas (narrow your browser on the home page). Is this to be expected? Thanks in advance for your time... Brendan winmail.dat
Spam: RE: [WSG] Is there any way to set the width of a file input field in Firefox?
Irina wrote: Does anybody knows how to set the width of a file input field in Firefox? Style like this produces funny looking input field (see file attached) Never had any problems with form elements or input fields with Firefox, other than legend. Most of what I use, I accquired from Cameron Adams via: http://www.themaninblue.com/writing/perspective/2004/03/24/ Nick This email is from the Department of Consumer and Employment Protection and any information or attachments to it may be confidential. If you are not the intended recipient, please reply mail to the sender informing them of the error and delete all copies from your computer system, including attachments and your reply email. As the information is confidential you must not disclose, copy or use it in any manner. ** 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] Converting Table to Div tutorial?
Is there some sort of tutorial available, preferably on-line, for converting HTML tables to div's? If you know of one please let me know where it is. Thanks RobinClear skies and warm feet! (expat Brit in Czech Republic)Location: N 50°08'46.6"; E 14°20'01.4" Ele: 872ft
Re: [WSG] Is there any way to set the width of a file input field in Firefox?
Styling file input is inconsistent cross browser and platform here is a work around: http://www.quirksmode.org/dom/inputfile.html Terrence Wood. Irina Ahrens wrote: Hello, Does anybody knows how to set the width of a file input field in Firefox? ** 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] cover me -- I'm gonna be naughty!
Ted Drake wrote: But if we need to do it to be competitive, would this at least protect those that are innocent, the people who need to use screenreaders? I've an idea. Quite a few people run personal sites that allow people to leave comments. You could create a script that automatically leaves comments on their site along with a link. That way you'd inherit some of their Google juice. Another method would be to send lots of emails to random people. If you send enough you are bound to find somebody interested in your products. I mean, if you need to be competitive you should really explore all the options. :-) Andy Budd http://www.message.uk.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] Is there any way to set the width of a file input field in Firefox?
Terrence
All you need to do is to give an id to the form field and define its
width on the CSS. It will work for all browers.
input type=text id=ffield /
CSS: #ffield {width: 100px;}
Cheers!
Ge RICCI
-Message d'origine-
De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la
part de Terrence Wood
Envoyé : vendredi 4 février 2005 10:27
À : wsg@webstandardsgroup.org
Objet : Re: [WSG] Is there any way to set the width of a file input
field in Firefox?
Styling file input is inconsistent cross browser and platform here
is a work around:
http://www.quirksmode.org/dom/inputfile.html
Terrence Wood.
Irina Ahrens wrote:
Hello,
Does anybody knows how to set the width of a file input field in Firefox?
**
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] cover me -- I'm gonna be naughty!
Another method would be to send lots of emails to random people YEAH!! spam them to death lol From: Andy Budd [EMAIL PROTECTED]Sent: Friday, February 04, 2005 4:49 AMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] cover me -- I'm gonna be naughty!Ted Drake wrote: But if we need to do it to be competitive, would this at least protect those that are innocent, the people who need to use screenreaders?I've an idea. Quite a few people run personal sites that allow people to leave comments. You could create a script that automatically leaves comments on their site along with a link. That way you'd inherit some of their Google juice.Another method would be to send lots of emails to random people. If you send enough you are bound to find somebody interested in your products.I mean, if you need to be competitive you should really explore all the options.:-)Andy Buddhttp://www.message.uk.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] cover me -- I'm gonna be naughty!
On 2/4/05 2:01 AM csslist [EMAIL PROTECTED] sent this out: Another method would be to send lots of emails to random people YEAH!! spam them to death lol This list is way out of control and I'm going to leave unless somebody retakes control. I do care about this list when it's under control - otherwise, bye bye. Thanks Rick Faaberg ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
ADMIN Re: [WSG] cover me -- I'm gonna be naughty!
On Fri, 04 Feb 2005 02:04:40 -0800, Rick Faaberg wrote: This list is way out of control and I'm going to leave unless somebody retakes control. I do care about this list when it's under control - otherwise, bye bye. 'How can i stay within Web Standards while spamming the search engines' is off the on-topic page, IMHO. I think we have reached the point of no return with this thread. Good people, please consider it Closed. warmly, Lea -- Lea de Groot WSG Core member ** 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] cover me -- I'm gonna be naughty!
It was said: I've an idea. Quite a few people run personal sites that allow people to leave comments. You could create a script that automatically leaves comments on their site along with a link. That way you'd inherit some of their Google juice. Another method would be to send lots of emails to random people. If you send enough you are bound to find somebody interested in your products. I mean, if you need to be competitive you should really explore all the options. ** I thought I was joining a Webstandards list. As a developer working with weblogs, the major problem is comments being abused. It is a very serious issue which should be against the law. Seriously. People using comments are being abused by spammer scum which ruins their online experience to a large degree. I don't care if this is off topic, or if I am deleted from this list. Seeing this kind of stuff encouraging comment spam deeply offends me. I would like to see spammers jailed. Bruce Prochnau www.bkdesign.ca Canada ** 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] cover me -- I'm gonna be naughty!
Guys (in a very inclusive fashion), the thread is still closed. Now, imagine a big red 'closed' stamp coming down across it. warmly, Lea -- Lea de Groot WSG Core member ** 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] Line spacing in MAC
Title: Message Page: http://www.speakupnow.ca/wu/index.php Problem, why is the line spacing erratic in MAC, I have line-height set to auto Much thanks for a quick response. Paul
[WSG] Irony
Andy Budd wrote: And there was me thinking it was only the Americans who weren't supposed to get irony. Oh dear. Gosh! I always thought that irony was something the wife got when doing a lot of laundry... My apologies. Bruce bkdesign Canada ** 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] Irony
My apologies. I didn't realize I wasn't supposed to be on this list, being an American and all. Now where's that unsubscribe link. On Feb 4, 2005, at 9:58 AM, Bruce wrote: it was only the Americans who weren't supposed to get irony Tom Livingston Senior Multimedia Artist Media Logic mlinc.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 **
ADMIN - Thread Closed: Re: [WSG] Irony
And we'll have none of that either! Don't make me get cross now! ;) Lea ~ come on guys I need to get some sleep! ** 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] Gap between content and nav on events page in Firefox, looks fine in IE6
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Leslie Riggs Sent: Thursday, February 03, 2005 7:41 PM To: wsg@webstandardsgroup.org Subject: [WSG] Gap between content and nav on events page in Firefox, looks fine in IE6 What gives? I have this small two-page site up for testing right now: http://www.theonlineworks.com/test/wiscrad/index.html The index page is fine but the events page shows a gap between the nav and the content area. This is in windows, FF1.0. IE6 shows both pages just fine. The CSS is here: http://www.theonlineworks.com/test/wiscrad/css/mainstyles.css Validated XHTML 1.1, CSS validated too. I probably have been deep into this so long I can't see the problem.. Any suggestions will be deeply appreciated. Leslie Riggs ** Haven't seen a reply so I'll contribute this: you are using two different images for the logo. On the home page it's logo.gif and on events it is logo_wiscard.jpg. One is transparent, the other is not. Could that be the difference? drew ** 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] 2 Column Symetrical Stretching Layout?
Hi everyone,
I wondered if anyone knew of some code for a simple 2 column layout,
imagine:
50% Left Column
50% Right Column
And when you stretch the browser the 2 columns will stretch too, but
always both stay 50% of the browsers width. I have tried setting up
something like this:
div id="main"
div id="left"/div
div id="right"/div
/div
#main {
margin-left:50px;
margin-right:50px;
}
#left {
width:50%;
float:left;
}
#right {
width:50%;
float:left;
}
But that only works in firefox, and i need this layout to be al all
browser thing. Im sure its simple to do, but i cant seem to get it to
work in IE.
Thanks guys!
Josef
---
Josef
Dunne
Web Developer
w: http://www.burninthespotlight.com
Get
Firefox!
---
THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.
IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH
INFORMATION.
---
Re: [WSG] 2 Column Symetrical Stretching Layout?
Maybe:
#main {
width:100%;
padding:0 50px 0 50px;
}
hmm. Then left and right won't really be 50% each. More like 50% minus
100px. Maybe play with %s on those 2. Seems like it won't be
pixel-perfect. Seems like you would need wiggle room.
HTH... a little maybe?? :-P
On Feb 4, 2005, at 11:11 AM, Joey wrote:
Hi everyone,
I wondered if anyone knew of some code for a simple 2 column layout,
imagine:
50% Left Column
50% Right Column
And when you stretch the browser the 2 columns will stretch too, but
always both stay 50% of the browsers width. I have tried setting up
something like this:
div id=main
div id=left/div
div id=right/div
/div
#main {
margin-left:50px;
margin-right:50px;
}
#left {
width:50%;
float:left;
}
#right {
width:50%;
float:left;
}
But that only works in firefox, and i need this layout to be al all
browser thing. Im sure its simple to do, but i cant seem to get it to
work in IE.
Thanks guys!
Josef
---
Josef Dunne
Web Developer
w: http://www.burninthespotlight.com
Get Firefox!
---
THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.
IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH
INFORMATION.
---
Tom Livingston
Senior Multimedia Artist
Media Logic
mlinc.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] 2 Column Symetrical Stretching Layout?
This worked for me:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
titleUntitled Document/title
style type=text/css
#main{width:100%; padding:0 50px 0 50px; margin:0;}
#left{width:45%; background-color:#FF; padding:0; margin:0;
float:left;}
#right{width:45%; background-color:#00FF00; padding:0; margin:0 0 0
45%;}
/style
/head
body
div id=main
div id=leftnbsp;br/div
div id=rightnbsp;br/div
/div
/body
/html
On Feb 4, 2005, at 11:29 AM, Tom Livingston wrote:
hmm. Then left and right won't really be 50% each. More like 50% minus
100px. Maybe play with %s on those 2. Seems like it won't be
pixel-perfect. Seems like you would need wiggle room.
HTH... a little maybe?? :-P
Tom Livingston
Senior Multimedia Artist
Media Logic
mlinc.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] List Indenting
Title: Message I have tried a number of sites that show how to make lists so they won't indent yet my list keeps indenting on MACs, does anyone know a definitive solution ? For your reference the page I am playing with is, http://www.speakupnow.ca/wu/meetingrooms1.php Cheers Paul
RE: [WSG] List Indenting
I have tried a number of sites that show how to make lists so they won't
indent yet my list keeps indenting on MACs, does anyone know a definitive
solution ?
For your reference the page I am playing with is,
http://www.speakupnow.ca/wu/meetingrooms1.php
Cheers
Paul
Paul-
Assuming an Unordered list, try the following:
ul {
padding: 0;
margin: 0;
list-style: none;
}
Regards,
Ron
**
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] List Indenting
Thanks Ron, It is an unordered list but your fix didn't do it, just lost
my bullets on the margin. I'll keep digging.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Pringle, Ron
Sent: Friday, February 04, 2005 1:40 PM
To: 'wsg@webstandardsgroup.org'
Subject: RE: [WSG] List Indenting
I have tried a number of sites that show how to make lists so they won't
indent yet my list keeps indenting on MACs, does anyone know a
definitive solution ?
For your reference the page I am playing with is,
http://www.speakupnow.ca/wu/meetingrooms1.php
Cheers
Paul
Paul-
Assuming an Unordered list, try the following:
ul {
padding: 0;
margin: 0;
list-style: none;
}
Regards,
Ron
**
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] List Indenting
Thanks Ron, It is an unordered list but your fix didn't do
it, just lost
my bullets on the margin. I'll keep digging.
My bad, I didn't understand what you were wanting. Try setting a negative
left margin on the bodylinklist class:
.bodylinklist {
margin-left : -18px;
}
The above lined up reasonably well on FF1.0 on the PC. I don't have a mac to
test on though.
Regards,
Ron
**
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] List Indenting
Have you tried text-indent: 0?
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Pringle, Ron
Sent: 04 February 2005 17:42
To: 'wsg@webstandardsgroup.org'
Subject: RE: [WSG] List Indenting
Thanks Ron, It is an unordered list but your fix didn't do
it, just lost
my bullets on the margin. I'll keep digging.
My bad, I didn't understand what you were wanting. Try setting a negative
left margin on the bodylinklist class:
.bodylinklist {
margin-left : -18px;
}
The above lined up reasonably well on FF1.0 on the PC. I don't have a mac to
test on though.
Regards,
Ron
**
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] 2 Column Symetrical Stretching Layout?
Hi Tom,
Thanks for that solution, but unfortunately it doesnt work, because i
get a horizontal scrollbar at the bottom of the page, in both Firefox
and IE. Does anyone else have any solutions for this?
Thanks
Josef
Tom Livingston wrote:
This
worked for me:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
html
head
meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"
titleUntitled Document/title
style type="text/css"
#main{width:100%; padding:0 50px 0 50px; margin:0;}
#left{width:45%; background-color:#FF; padding:0; margin:0;
float:left;}
#right{width:45%; background-color:#00FF00; padding:0; margin:0 0 0
45%;}
/style
/head
body
div id="main"
div id="left"nbsp;br/div
div id="right"nbsp;br/div
/div
/body
/html
On Feb 4, 2005, at 11:29 AM, Tom Livingston wrote:
hmm. Then left and right won't really be 50%
each. More like 50% minus 100px. Maybe play with %s on those 2. Seems
like it won't be pixel-perfect. Seems like you would need wiggle room.
HTH... a little maybe?? :-P
Tom Livingston
Senior Multimedia Artist
Media Logic
mlinc.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
**
--
---
Josef
Dunne
Web Developer
w: http://www.burninthespotlight.com
Get
Firefox!
---
THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.
IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH
INFORMATION.
---
RE: [WSG] List Indenting
Thanks Vicki I will take a look at those margins but the problem I am currently after is only happening when I view on a MAC, the links in the body, everything after the 1st link indents 20-30 px to the rightvery frustrating. Cheers Paul -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Vicki Berry Sent: Friday, February 04, 2005 2:15 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] List Indenting If the problem you're referring to is the space to the left of your menu... On your #mainnavlinks div, set the left position and the left margin to 0. It's not the list that's causing that indentation. (Watch out for the margins on that div - you have specified margin *and* margin-left - whichever is specified last will be used. You might want to merge these.) Vicki. :-) Paul wrote: Thanks Ron, It is an unordered list but your fix didn't do it, just lost my bullets on the margin. I'll keep digging. ** 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] List Indenting
Just did, on the UL class as well as the li class, no luck
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Iain Gardiner
Sent: Friday, February 04, 2005 2:18 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] List Indenting
Have you tried text-indent: 0?
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Pringle, Ron
Sent: 04 February 2005 17:42
To: 'wsg@webstandardsgroup.org'
Subject: RE: [WSG] List Indenting
Thanks Ron, It is an unordered list but your fix didn't do it, just
lost my bullets on the margin. I'll keep digging.
My bad, I didn't understand what you were wanting. Try setting a
negative left margin on the bodylinklist class:
.bodylinklist {
margin-left : -18px;
}
The above lined up reasonably well on FF1.0 on the PC. I don't have a
mac to test on though.
Regards,
Ron
**
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] 2 Column Symetrical Stretching Layout?
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of JoeySent:
Friday, February 04, 2005 12:53 PMTo:
wsg@webstandardsgroup.orgSubject: Re: [WSG] 2 Column Symetrical
Stretching Layout?
Hi
Tom,Thanks for that solution, but unfortunately it doesnt work,
because i get a horizontal scrollbar at the bottom of the page, in both
Firefox and IE. Does anyone else have any solutions for
this?ThanksJosefTom Livingston wrote:
This worked for me: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
html head meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" titleUntitled
Document/title style type="text/css"
#main{width:100%; padding:0 50px 0 50px; margin:0;} #left{width:45%;
background-color:#FF; padding:0; margin:0; float:left;}
#right{width:45%; background-color:#00FF00; padding:0; margin:0 0 0
45%;} /style /head body
div id="main" div
id="left"nbsp;br/div div
id="right"nbsp;br/div /div
/body /html==
Remove the 45% margin#right and it will work
fine.
drew
Re: [WSG] Gap between content and nav on events page in Firefox, looks fine in IE6
What gives? I have this small two-page site up for testing right now: http://www.theonlineworks.com/test/wiscrad/index.html The index page is fine but the events page shows a gap between the nav and the content area. This is in windows, FF1.0. IE6 shows both pages just fine. The CSS is here: http://www.theonlineworks.com/test/wiscrad/css/mainstyles.css Validated XHTML 1.1, CSS validated too. I probably have been deep into this so long I can't see the problem.. Any suggestions will be deeply appreciated. Leslie Riggs ** Haven't seen a reply so I'll contribute this: you are using two different images for the logo. On the home page it's logo.gif and on events it is logo_wiscard.jpg. One is transparent, the other is not. Could that be the difference? drew I was testing two different looks for the logo with the client; I just uploaded the transparent one that the client chose. I don't see any change in Firefox 1.0; the gap is still there. Can anyone help, please? Many thanks in advance. 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 **
[WSG] IE6 and my sidebar
Hi, I've made this site http://republicana.dk/ and I have a problem with IE. When the text is set to larger or largest the sidebar falls apart. When using largest the content drops and looks really bad. I works perfectly in FF 1 and Opera 7.5X. I've been looking at this for too long. Any help really appreciated. Thank you 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 **
Re: [WSG] IE6 and my sidebar
Hi Kim The problems lies in the #content statement in layout.css If you change margin-left: 30px TO margin: 0 200px 0 30px; get rid of the width: 420px; then it'll be more flexible. Cheers Jeff Lowder Accessibility 1st Ph: 02 9570 9875 Mobile: 0419 350 760 E-mail: [EMAIL PROTECTED] Website: http://www.accessibility1st.com.au From: Kim Kruse [EMAIL PROTECTED] Reply-To: wsg@webstandardsgroup.org Date: Sat, 05 Feb 2005 00:37:40 +0100 To: wsg@webstandardsgroup.org wsg@webstandardsgroup.org Subject: [WSG] IE6 and my sidebar Hi, I've made this site http://republicana.dk/ and I have a problem with IE. When the text is set to larger or largest the sidebar falls apart. When using largest the content drops and looks really bad. I works perfectly in FF 1 and Opera 7.5X. I've been looking at this for too long. Any help really appreciated. Thank you 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] cover me -- I'm gonna be naughty!
Sorry just another point.
There is a MUCH BETTER way to spamdex without effecting anyone here.
I haven't used it before, but I have thought about it a lot.
You can simply add your spam div, when the user_agent is a googlebot,
msnbot, yahoobot etc...
If you dont know the user agents for the bots simply check out this list.
http://www.psychedelix.com/agents.html
its massive I know!
just go for the major ones.
THEN a little check if the useragent is a bot.
and BOOM.
spam
xxx xxx xxx xxx
xxx xxx xxx xxx
/spam
- My 2.35 cents!
Ted Drake wrote:
The recent discussion of css and seo had me wondering.
I have convinced the big wigs that although search engine rankings are very
important, and they are with our very competitive keyword, we need to maintain
accessibility. I have kept our alt tags pure, our h1 tags are using an image
replacement technique, but still are not filled with spam. We use no
noscript spam or doorway pages.
However, I have been thinking, h could we spam an h4 tag and put a
class=spam, clever huh? Then move the text off screen in the main style
sheet, display none in the print style sheet... normal, although unethical stuff so far.
But what about the screen reader. It certainly would be unfair for them to hear their
screen reader emphasize spam words and because of that I am against the idea.
However, we have that media=aural descriptor. Could I set up a new aural css with
.spam {display:none;}?
For those covering your ears and eyes screaming N! I know it is a bad
thing to spam your keywords. But if we need to do it to be competitive, would
this at least protect those that are innocent, the people who need to use
screenreaders?
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
**
--
Chris Stratford
[EMAIL PROTECTED]
http://www.neester.com
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.8.5 - Release Date: 3/02/2005
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
ADMIN - THREAD CLOSED Re: [WSG] cover me -- I'm gonna be naughty!
On Sat, 05 Feb 2005 12:07:15 +1100, Chris Stratford wrote: Sorry just another point. ALRIGHT!! ENOUGH!! This thread has clearly been closed TWICE now. (Yes, in case you were wondering, I AM YELLING!) Any more posts in this thread without a damn good reason[1] will see some public finger pointing and unsubscriptions. The use of standards for spamming the search engines is officially off-topic. warmly, Lea [1] You don't have a good enough reason. Don't try it. -- Lea de Groot WSG Core member ** 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: ADMIN - THREAD CLOSED Re: [WSG] cover me -- I'm gonna be naughty!
On Sat, 5 Feb 2005 12:25:41 +1000, Lea de Groot wrote: ALRIGHT!! ENOUGH!! And I've just had it pointed out that I used unacceptable language in my last post! My abject apologies - it was completely unintentional. warmly, Lea ** 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] List Indenting
Paul wrote: Just did, on the UL class as well as the li class, no luck Hi Paul, The problem lies in your bluebox container. *Remove* the left declaration and use margin-left instead, that should fix it. Regards, Thierry | http://www.TJKDesign.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] Thumbnail Image overlapping container DIV - Help Please
Hi WSG,
I have a problem with a site that I am working on, in that I have a
thumbnail image, and some text related to that image contained within
a DIV. If there is not much text, the thumbnail jumps out of its
container DIV. This can be seen here:
http://220.233.11.63:8080/
If you look about a quarter of the way down, there is an article
entitles French Enlist Rugby Police? (don't worry its dummy data!) -
you can see the effect there.
The style sheet can be viewed here:
http://220.233.11.63:8080/common/MainStyle.css
The style applied to the image is .TeaserThumbnail, which is as follows:
.TeaserThumbnail
{
float: right;
border: 1px solid #33;
margin: 0px 0px 4px 4px;
}
The text and the teaser Thumbnail are bound by the class TeaserContainer:
.TeaserContainer{
margin: 0px;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #66;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
and here is the HTML:
div class=TeaserContainer
h3a href=Article_View.asp?ID=13French Enlist Rugby Police?/a/h3
h4a href=Default.asp?CategoryID=4Road to France/a, Monday, 24
January 2005/h4
pa href=Article_View.asp?ID=13img
src=/Images/Articles/19971_13-thumb.png alt=The Rugby
Police...class=TeaserThumbnail width=70 height=70//a
In a strange move, the french Rugby Association has Donec ac tellus. /p
/div
I did try putting a div underneath the text and image with clear:both,
this did fix the problem (the image and text remained within their
container) but it created a new issue, the teaser section jumped down
all the way below below the left and right columns because of the
clear:both (hope that makes sense!).
I am very new to coding in standards using XHTML/CSS, so I am a bit of
a novice, so for the sake of this thread, please ignore the fact that
i might have heavy CSS (its much better than my old nested table tag
soup).
Cheers,
Matt
**
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] Thumbnail Image overlapping container DIV - Help Please
G'day
I have a problem with a site that I am working on, in that I have a
thumbnail image, and some text related to that image contained within
a DIV. If there is not much text, the thumbnail jumps out of its
container DIV. This can be seen here:
Typical case of floats not sitting inside their container.
Simplest way to fix it is to add this rule to your CSS:
.TeaserContainer:after {
clear:right;
display:block;
height:0;
content: ;
}
See http://www.positioniseverything.net/easyclearing.html for
more info.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
