Re: [WSG] Help - newbie
Paul wrote: I have been writing html code for awhile now and and starting to realize how inaccessible and non-web compliant my pages are. I have always hand written code in Edit Plus 2, is there a better editor I can use for web standards ( like Dreamweaver MX ? ) and where should I start for tips on accessibility and standards compliance. Thanks for any help. Paul Firstly, can I second the other commentors views on Validation and WYSIWYG etc. Secondly, can I recommend NoteTab Light - a free text editor available from Fookes Software. Excellent clipbook support with downloadable libraries available for most programming languages. Also plugins for integrated HTML Tidy and Validation are available along with a bunch of other useful widgets. I've used it religiously for about 4 years - so much so that I upgraded to the Pro version. At $19.95 you can't really go wrong. Hope that helps, Bryan BryanDavis.info http://www.bryandavis.info ** 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] Float Issue (I think)
Hi Dan Had a quick look at your page. Upon trying to validate found a few errors including a couple of unclosed tags and a missing closing /div. This is probably what is causing your problems. Fix those HTML errors first and then come back to me if you've still got problems. Merry Christmas Bryan www.BryanDavis.info ** 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] Image Positioning Problems :(
Hi Josh
Couple of things I noticed with your code.
First up, you need to change all the repeated divs to classes from ids -
divs with an id should only appear once in a page. So in the CSS,
#client should be .client etc.
Having done that, I would suggest that you set:
.client {position: relative; }
and then absolutely position the imgClient div within it (always
useful to remember that absolutely positioned elements are positioned
relative to their containing parent element).
The infoClient div can then have a left-margin that allows it to
clear the imgClient div and keep the content in the document flow.
Everything should then slot together nice and neatly.
Another point:
I see no reason for
div id=topClient
p class=infoHotel Name/p
/div
Why not
h3 class=topClientHotel Name/h3
That way you will save a fair bit of page weight not only in the XHTML but also
styling 1 element rather than 2 in the CSS.
Hope that helps,
Bryan
BryanDavis.info http://www.bryandavis.info
Joshua Leung wrote:
Hi there CSS-Crew..
I have never posted anything on here yet, so please bear with me ..
I'm trying to layout this page in CSS, but I have forced myself not to use
tables, and as you can see the pictures are not aligning with their
corresponding text boxes...
could anyone suggest anything that may be of help?
Also, there seems to be a small 4px gap between the navigation bar and the
background of the content div... how can I get rid of this?
you can have a look at the page here:
http://www.triplejosh.com/work/test/clients.html
sorry also that my Code is all over the place, I've only just started to
learn CSS ...
Thanks for this,
Josh.
**
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 IE Jog Bug...
Chris
Now for plan B
I had a play around with the page and this is the most concise solution so
far:
#nav {
position: absolute;
left: 15px; top: 95px;
width: 120px;
margin: 15px 0;
}
That works in IE6, Firefox 1.0 and Opera 7.54 on PC. The original and new
versions both break in IE5 and IE5.5 PC due to the width:100%; - answer to
that one coming next.
Also, instead of the extraneous br / tags in the page can I recommend:
p.show_time
{
text-align: right;
margin: 0 0 1em;
padding: 0;
}
and wrapping the number of days at the bottom in a p.
Hope that helps,
Bryan
- Original Message -
From: Chris Stratford [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Friday, November 19, 2004 12:00 AM
Subject: Re: [WSG] Help With IE Jog Bug...
Hey Bryan,
Sorry but that didn't help??
I added position: relavite; and line-height: 100% to both the #content,
and to the table...
Neither worked on its own, or both together...
:(
Any other advice??
Bryan Davis wrote:
Chris
The usual way to bypass these kind of bugs is either declare
position:relative; or a line-height for the containing div. That
tends to kick IE into line.
Hope that helps,
Bryan
- Original Message - From: Chris Stratford
[EMAIL PROTECTED]
To: WSG [EMAIL PROTECTED]
Sent: Thursday, November 18, 2004 2:35 PM
Subject: [WSG] Help With IE Jog Bug...
Hey List.
I have whipped up this calendar today.
http://www.neester.com/beta/calendar.html
Took me a while to get the PHP right, but yeah, an hour or two of code
crunching and I got it right!
Just perfect!
Then I skinned it with CSS...
All PERFECT again!
Then... I took a look with IE...
Checked validation...
All good... IE didnt like it.
realised i was the jog bug - any help?
The table automatically sits below my navigtaion bar!!!
What the hay!!
How can this be fixed?
Thanks in advance to you all!
--
Chris Stratford
[EMAIL PROTECTED]
http://www.neester.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
**
--
Chris Stratford
[EMAIL PROTECTED]
http://www.neester.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
**
Fw: [WSG] Help With IE Jog Bug...
...and of course, the way to fix the table overflow in IE5 is to set
width:auto; and then Voice Family Hack to width:100% for everyone else.
That should make it work for the PC browsers - any Mac users still having
trouble?
Cheers,
Bryan
- Original Message -
From: Bryan Davis [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Friday, November 19, 2004 1:18 PM
Subject: Re: [WSG] Help With IE Jog Bug...
Chris
Now for plan B
I had a play around with the page and this is the most concise solution so
far:
#nav {
position: absolute;
left: 15px; top: 95px;
width: 120px;
margin: 15px 0;
}
That works in IE6, Firefox 1.0 and Opera 7.54 on PC. The original and new
versions both break in IE5 and IE5.5 PC due to the width:100%; - answer
to that one coming next.
Also, instead of the extraneous br / tags in the page can I recommend:
p.show_time
{
text-align: right;
margin: 0 0 1em;
padding: 0;
}
and wrapping the number of days at the bottom in a p.
Hope that helps,
Bryan
- Original Message -
From: Chris Stratford [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Friday, November 19, 2004 12:00 AM
Subject: Re: [WSG] Help With IE Jog Bug...
Hey Bryan,
Sorry but that didn't help??
I added position: relavite; and line-height: 100% to both the #content,
and to the table...
Neither worked on its own, or both together...
:(
Any other advice??
Bryan Davis wrote:
Chris
The usual way to bypass these kind of bugs is either declare
position:relative; or a line-height for the containing div. That
tends to kick IE into line.
Hope that helps,
Bryan
- Original Message - From: Chris Stratford
[EMAIL PROTECTED]
To: WSG [EMAIL PROTECTED]
Sent: Thursday, November 18, 2004 2:35 PM
Subject: [WSG] Help With IE Jog Bug...
Hey List.
I have whipped up this calendar today.
http://www.neester.com/beta/calendar.html
Took me a while to get the PHP right, but yeah, an hour or two of code
crunching and I got it right!
Just perfect!
Then I skinned it with CSS...
All PERFECT again!
Then... I took a look with IE...
Checked validation...
All good... IE didnt like it.
realised i was the jog bug - any help?
The table automatically sits below my navigtaion bar!!!
What the hay!!
How can this be fixed?
Thanks in advance to you all!
--
Chris Stratford
[EMAIL PROTECTED]
http://www.neester.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
**
--
Chris Stratford
[EMAIL PROTECTED]
http://www.neester.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] Help With IE Jog Bug...
Chris The usual way to bypass these kind of bugs is either declare position:relative; or a line-height for the containing div. That tends to kick IE into line. Hope that helps, Bryan - Original Message - From: Chris Stratford [EMAIL PROTECTED] To: WSG [EMAIL PROTECTED] Sent: Thursday, November 18, 2004 2:35 PM Subject: [WSG] Help With IE Jog Bug... Hey List. I have whipped up this calendar today. http://www.neester.com/beta/calendar.html Took me a while to get the PHP right, but yeah, an hour or two of code crunching and I got it right! Just perfect! Then I skinned it with CSS... All PERFECT again! Then... I took a look with IE... Checked validation... All good... IE didnt like it. realised i was the jog bug - any help? The table automatically sits below my navigtaion bar!!! What the hay!! How can this be fixed? Thanks in advance to you all! -- Chris Stratford [EMAIL PROTECTED] http://www.neester.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] Yahoo CSS'ing
I had the same problem. However, if you go to http://www.yahoo.com/beta you should have more luck. Have viewed source, it seems somewhat over-complicated to me but it is good to see one of the big boys taking the step towards standards at all. Bryan Davis www.bryandavis.info - Original Message - From: Tony Crockford [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, September 30, 2004 11:08 AM Subject: Re: [WSG] Yahoo CSS'ing At 09:34 on Thursday, 30 Sep 2004, Mugur Padurean wrote: Tony Crockford wrote: I'm a bit confused, if I go to http://www.yahoo.com/ I'm still seeing the tabled version. have they got some clever locale sniffing going on or what? (I'm in the UK) Here you go: http://www.yahoo.com/?r=1096530966 but sadly not for me seems to be very selective, some colleagues in a different office (1 on mac 1 on pc) get two different sites... -- listening to: background noise http://wiki.workalone.co.uk http://www.xebit.net ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Problems with IE rendering - what's new?
Since posting earlier on, I have now remedied problem #2 and improved on problem #1. I now have the layout sorted on the blog page but IE refuses to render all of the styling to elements within the page - certain borders and backgrounds don't appear. Please look at http://www.bryandavis.info/life and see if you can spot anything. The stylesheets are at: http://www.bryandavis.info/stylesheets/bd_layout.css , http://www.bryandavis.info/stylesheets/bd_styles.css and http://www.bryandavis.info/stylesheets/bd_menu.css . It all works fine in Firefox and Opera - just IE getting it wrong. I'm quite confused at the moment so any help would be gratefully received. Cheers, Bryan - Original Message - From: Bryan Davis [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Tuesday, September 07, 2004 6:15 PM Subject: [WSG] Problems with IE rendering - what's new? Hi Folks I wonder if anybody can help me out with a couple of problems I'm having getting my new site to work in IE. The two problems are as follows: 1. I'm having a problem with the IE peekaboo bug on my new blog page. After the right hand sidebar becomes too tall (not sure how tall too tall is exactly) the bottom of the left hand sidebar (which should be background color showing through from the body) becomes obscured by the background of my container div. To see for yourselves visit: http://www.bryandavis.info/life/ 2. I have a calendar page running on the same site. You'll notice that this page doesn't have the previous problem but it doesn't use the right hand sidebar. The problem here is this: - I'm using Son of Suckerfish dropdowns for the main navigation. All is fine except that the menus pop out behind the table containing the calendar. I've tried every way I can think of to change the z-index of the menus but to no avail - the 2nd level menu remains obscured. URL for this is : http://www.bryandavis.info/calendar/ Everything works fine in Firefox and Opera (as normal) just can't get IE5, IE5.5 or IE6 to play ball. Any help gratefully received, regards, Bryan Davis www.bryandavis.info ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Can someone tell me... (long)
At a glance, I would suspect that this piece of code is causing all links to
follow {display:block;}.
.leftcol ul,li,a {
display: block;
margin: 0;
padding: 0;
border: 0;
}
If that is the problem you are experiencing, the solution is to change that
rule to:
.leftcol ul, .leftcol li, .leftcol a {
display: block;
margin: 0;
padding: 0;
border: 0;
}
Also, a basic and explicit rule for a ought to override other general
stylings.
Just at a glance but I hope it helps.
Regards,
Bryan Davis
www.trumpetboy.com - Affordable Web Design for Musicians
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] technique of converting to tablefree layout
I always code by hand and my editor of choice is NoteTab Pro (www.notetab.com). As well as Find and Replace it has a neat function which strips (X)HTML out of markup leaving just text and script excerpts etc. Having redesigned a couple of sites in this way, I have yet to trip it up. Bryan Davis Micheal Kear wrote: I've mostly used the good old MkI delete key - the most-used key on my keyboard. When I started renovating web sites, and using word docs and FrontPage sites, I tried using automated methods - search and replace and the like - and found there was always something left. A single b or a i somewhere that affected half the remaining page. Or a font tag that didn't exactly match the search criteria so it would be left. Or a table that I really did want kept would be deleted.These fixes I found would often take just as long as going through the page and deleting stuff in the first place. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
