Re: [WSG] RE: OT? - spam in forms: use beyesian filters!
Hi all This thread has very little to do with web standards. Maybe it should be taken off the list if you want to continue it? Thanks James -- admin On 2/17/07, Chris Williams [EMAIL PROTECTED] wrote: Precisely. -Original Message- From: Christian Montoya Subject: Re: [WSG] RE: OT? - spam in forms: use beyesian filters! Akismet *is* for forms. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] site check in IE6 - c7designs.com
Great feedback Tee! Sometimes you get so close you can't see the forest for
the trees...
On 2/17/07, Tee G. Peng [EMAIL PROTECTED] wrote:
On Feb 17, 2007, at 11:03 PM, Chris Gandolfo wrote:
http://c7designs.com
Hi Chris, looks good in IE 6. Nice design too!
The font size is too small for my taste, the line-height can be
tighten a bit, headings need bigger margin or padding (padding is
better) on the left - the content area as a whole should be given
bigger left padding, perhaps align with the p in porfolio; last
paragraph needs at least 25px padding bottom. I wish to see DD's text
font size in Resume be the same as the paragraph in About and Hire
Me. I am the last person on earth you want to ask for English
spelling/grammar check :), still, I caught a spelling error, I think
in your horizontal menu, the 'PORFOLIO' is missing a T.
Markup wise, you can eliminate the 'text' class. Instead write a
descendent of #content, like so
#content p {padding: 10px 30px}
and the markup
pI was born in Reno.../p
pI left BM after hig.../p
In the last paragraph, you can create a class to give a different
padding bottom like so
.lastpara {padding-bottom: 30px}
p class=lastparathis is the last paragraph of text that has 30px
of padding bottom/p
Alternatively, you can give #footer_outer a 30px padding bottom if
you don't want a new class for last paragraph.
You have markup validation errors.
Best,
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Chris Gandolfo
Founder/Principal Designer
In Bytes Digital Media
http://www.inbytesmedia.com
775.815.2697
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Site check andrewingram.net
Andrew Ingram wrote:
Basically, anything you can think of (especially things that are an easy
fix) would be most welcome.
One thing to add, your navigation has links to the page you are on as
well. (no doubt because you're using the body id, li id tie up to
indicate active page.
My most recent understanding was that it wasn't good practice to do that.
but I don't know how easy it would be to fix in Expression engine.
So my questions for the massed minds are, what are the issues regarding
same page links and what are the best practice solutions?
I normally do something like:
ul id=mainnav
li id=activespanHome/span/li
lia href=people.htmOur People/a/li
lia href=location.htmLocation/a/li
lia href=contact.htmContact Us/a/li
lia href=links.htmLinks/a/li
/ul
where li span{} shares styling with li a{} and li#active a{} is the
active style.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] site check in IE6 - c7designs.com
Great feedback Tee! Sometimes you get so close you can't see the forest for
the trees...
On 2/17/07, Tee G. Peng [EMAIL PROTECTED] wrote:
On Feb 17, 2007, at 11:03 PM, Chris Gandolfo wrote:
http://c7designs.com
Hi Chris, looks good in IE 6. Nice design too!
The font size is too small for my taste, the line-height can be
tighten a bit, headings need bigger margin or padding (padding is
better) on the left - the content area as a whole should be given
bigger left padding, perhaps align with the p in porfolio; last
paragraph needs at least 25px padding bottom. I wish to see DD's text
font size in Resume be the same as the paragraph in About and Hire
Me. I am the last person on earth you want to ask for English
spelling/grammar check :), still, I caught a spelling error, I think
in your horizontal menu, the 'PORFOLIO' is missing a T.
Markup wise, you can eliminate the 'text' class. Instead write a
descendent of #content, like so
#content p {padding: 10px 30px}
and the markup
pI was born in Reno.../p
pI left BM after hig.../p
In the last paragraph, you can create a class to give a different
padding bottom like so
.lastpara {padding-bottom: 30px}
p class=lastparathis is the last paragraph of text that has 30px
of padding bottom/p
Alternatively, you can give #footer_outer a 30px padding bottom if
you don't want a new class for last paragraph.
You have markup validation errors.
Best,
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Chris Gandolfo
Founder/Principal Designer
In Bytes Digital Media
http://www.inbytesmedia.com
775.815.2697
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Cial1s S0ft Tabs is a bestseller
Hello, Cial1s S0ft Tabs is the new impotence treatment drug that everyone is talking about. It has benefits over V1agra and other ED treatment solutions. Ch3ck it h3re http://www.paminnow.com/ Here goes some reasons to choose Cial1s S0ft Tabs: 1. You can mix alcohol drinks with Cial1s S0ft Tabs without any undesired effects. 2. Cial1s S0ft Tabs does not make you feel dizzy or make vision blurred, so you can easily drive a car or operate heavy machinery. 3. Cial1s S0ft Tabs works much faster than any known ED treatment solution. Cial1s S0ft Tabs enters the bloodstream directly instead of going through the stomach, thus you need only 15 minutes till you feel the effect. 4. And at last, but not least, Cial1s S0ft Tabs acts up to 36 hours, compare this to only two or three hours of Viagra action! Ch3ck it h3re http://www.paminnow.com/
Re: [WSG] list of news
I'd think about
dl class=posts
dta href=permalinktitle/a/dt
dd class=icon/dd
dd class=categories/dd
dd class=extract/dd
dta href=permalinktitle/a/dt
dd class=icon/dd
dd class=categories/dd
dd class=extract/dd
dta href=permalinktitle/a/dt
dd class=icon/dd
dd class=categories/dd
dd class=extract/dd
/dl
You're really talking about tabular data, but you don't want it as a
table, so in practical terms that's a nuh-uh.
If it's not a list so much as the main content of a page (e.g. an
index page) I think it'd be more appropriate to go with
div class=post
h2title/h2
!-- info --
/div
div class=post
h2title/h2
!-- info --
/div
Just my thoughts,
Michael
On 2/19/07, akella [EMAIL PROTECTED] wrote:
What do you think is semantically better for the list of news? (or blog
posts)
is it
div class=posth2title/h2{info}/div
div class=posth2title/h2{info}/div
div class=posth2title/h2{info}/div
Or
ul class=posts
lih2title/h2{info}/li
lih2title/h2{info}/li
lih2title/h2{info}/li
/ul
Or may be something else?
Every news item has its title, image, permanent link, categories, and
excerpt,
***
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe:
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
http://mine.mjec.net/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] site check in IE6 - c7designs.com
On 2/18/07, Chris Gandolfo [EMAIL PROTECTED] wrote: Hi all - I would appreciate it if you could review my site in ie6. Also, any feedback would be greatly appreciated! Thanks! http://c7designs.com The site is face-slapping beautiful for the first 80%, and then I reach the footer and it's like I'm on a different site. Besides the footer text being incredibly tiny, the lack of alignment among the form elements makes it look like you just ignored designing that part of the site. IMO, you should at least use some floats to give it a bit of a grid appearance. -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] site check in IE6 - c7designs.com
Christian - Can you send me a screen shot (off list) of what you're seeing? Thanks! On 2/18/07, Christian Montoya [EMAIL PROTECTED] wrote: On 2/18/07, Chris Gandolfo [EMAIL PROTECTED] wrote: Hi all - I would appreciate it if you could review my site in ie6. Also, any feedback would be greatly appreciated! Thanks! http://c7designs.com The site is face-slapping beautiful for the first 80%, and then I reach the footer and it's like I'm on a different site. Besides the footer text being incredibly tiny, the lack of alignment among the form elements makes it look like you just ignored designing that part of the site. IMO, you should at least use some floats to give it a bit of a grid appearance. -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Chris Gandolfo Founder/Principal Designer In Bytes Digital Media http://www.inbytesmedia.com 775.815.2697 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] testing in different versions of IE
has anyone here had any success installing multiple versions of IE on the same machine? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] testing in different versions of IE
Try using the freely released Microsoft Virtual PC 2004, and download the Internet Explorer 6 Testing VPC image. This will allow you to run IE7 + IE6 at the same time on the same machine. You can get more info, and download links from here: http://blogs.msdn.com/ie/archive/2006/11/30/ie6-and-ie7-running-on-a-single-machine.aspx Kind regards, Dylan Lindgren Laguna Designs www.laguna-designs.com On 2/20/07, Michael MD [EMAIL PROTECTED] wrote: has anyone here had any success installing multiple versions of IE on the same machine? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] testing in different versions of IE
I've installed a heap of IEs using this excellent tool. http://tredosoft.com/Multiple_IE Worked perfectly, simply brilliant! On 2/20/07, Michael MD [EMAIL PROTECTED] wrote: has anyone here had any success installing multiple versions of IE on the same machine? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Andrew Harris [EMAIL PROTECTED] http://www.woowoowoo.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] testing in different versions of IE
I've never dared to do it in Windows. Now that I running Ubuntu I add a question: is there a relatively secure way to try many IEs on Linux? Thanks in advance; Eugenio. On 2/19/07, Michael MD [EMAIL PROTECTED] wrote: has anyone here had any success installing multiple versions of IE on the same machine? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] testing in different versions of IE
I'll try this: http://www.rubyrailways.com/install-internet-explorer-on-ubuntu-dapper-in-3-easy-steps/ and tell you. But itś 5, 5.5 and 6; not 7. Regards and thank you; Eugenio. On 2/18/07, TuteC [EMAIL PROTECTED] wrote: I've never dared to do it in Windows. Now that I running Ubuntu I add a question: is there a relatively secure way to try many IEs on Linux? Thanks in advance; Eugenio. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] testing in different versions of IE
Michael MD wrote: has anyone here had any success installing multiple versions of IE on the same machine? If anyone here is on Linux try this, http://www.tatanka.com.br/ies4linux/page/Main_Page On Ubuntu I installed it by typing this, apt-get install wine apt-get install cabextract wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz tar zxvf ies4linux-latest.tar.gz cd ies4linux-* ./ies4linux .Matthew Cruickshank http://docvert.org Convert Word Processing files to HTML for free. Open and extensible. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] testing in different versions of IE
Tried http://www.tatanka.com.br/ies4linux/page/Main_Page and worked excellent! Now I have IE6, I missed it in my latest Win XP. Hope this helps anyone; Eugenio. On 2/18/07, TuteC [EMAIL PROTECTED] wrote: I've never dared to do it in Windows. Now that I running Ubuntu I add a question: is there a relatively secure way to try many IEs on Linux? Thanks in advance; Eugenio. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] list of news
What do you think is semantically better for the list of news? (or blog posts) why not use hAtom names? (then the page can be used as a data feed as well!) http://microformats.org/wiki/hatom http://microformats.org/wiki/hatom-examples *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] testing in different versions of IE
How reliable is testing a broswer like IE on a whole different platform? If you want an accurate test of what the site looks/behaves like for IE, shouldn't you really be testing on a propper windows box? I don't know for sure, but I imagine the way programs emulate windows for the purposes of running particular apps is never going to quite the same as actually running on the real thing. That's why I'm a big fan of the Virtual PC solution suggested in an earlier response. I have IE7 on my main machine and IE6 in virtual PC. Agreed that it won't help somebody running *nix. But if your are doing cross platform testing, shouldn't you at least put Windows on a partition on your system and test it properly? Or buy a cheap old box and wack windows on it. My system is dual boot Win/Ubuntu, and I have an iBook (Mac laptop, non intel) as well for testing. Even a new intel mac with Parallels would be running Windows under emulation. I've just had too many times when I thought I'd tested stuff only to have it break once it's released into the wild. Test in the most authentic environment you can. Lucien. On 19/2/07 11:33 AM, TuteC [EMAIL PROTECTED] wrote: I'll try this: http://www.rubyrailways.com/install-internet-explorer-on-ubuntu-dapper-i n-3-easy-steps/ and tell you. But itś 5, 5.5 and 6; not 7. Regards and thank you; Eugenio. On 2/18/07, TuteC [EMAIL PROTECTED] wrote: I've never dared to do it in Windows. Now that I running Ubuntu I add a question: is there a relatively secure way to try many IEs on Linux? Thanks in advance; Eugenio. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Lucien Stals Web Developer Academic Development and Support Phone +61 3 9214 4474 Email [EMAIL PROTECTED] Education is only the beginning. Let's get on with it. Swinburne University of Technology CRICOS Provider Code: 00111D NOTICE This e-mail and any attachments are confidential and intended only for the use of the addressee. They may contain information that is privileged or protected by copyright. If you are not the intended recipient, any dissemination, distribution, printing, copying or use is strictly prohibited. The University does not warrant that this e-mail and any attachments are secure and there is also a risk that it may be corrupted in transmission. It is your responsibility to check any attachments for viruses or defects before opening them. If you have received this transmission in error, please contact us on +61 3 9214 8000 and delete it immediately from your system. We do not accept liability in connection with computer virus, data corruption, delay, interruption, unauthorised access or unauthorised amendment. Please consider the environment before printing this email. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] site check in IE6 - c7designs.com
Tee G. Peng wrote: The site is face-slapping beautiful for the first 80%, and then I reach the footer and it's like I'm on a different site. Besides the footer text being incredibly tiny, the lack of alignment among the form elements makes it look like you just ignored designing that part of the site. IMO, you should at least use some floats to give it a bit of a grid appearance. Hi Chris, I took another look, I think your layout as a whole lacks unity - you sure can do pretty design, but attention to detail distinguish a good design and a best design IMHO. Christian is right about the footer, apart from the issues he raised - input fields, radio buttons and textarea, and the text is too small , also, the grey isn't a very nice color there. Grey is a very complimenting color, but not in the case in your footer. I sometimes wonder, maybe it is a culture thing, for countless websites I have visited, that Korean and Hungarian designers are maestro of using grey color - they know exactly how, when to give grey to live, call out its emotion, make the layout pop by using blend, gradient, shadow or with other colors. This is very subjective view of me I supposed. The footer gives an impression that you were in a rush to finish the job. As for markup and CSS, improvement needed too. I learned from experience, that structural markup and CSS go hand in hand, you can't be a good CSS coder if you don't understand the use of structural semantical markup. One of the obvious example is the use of classes. In the front page, the two images are not horizontally line up in Opera and Safari. I will use float instead. In your qualification you listed Strong foundation in web standards and accessibility guidelines - I expect to see you site at least pass section 508. tee Hi Chris, Its getting there, one thing you could try to make that form line up a little better is to wrap the form inputs with the associated label and then set 'display: block;' on the labels, this will also allow you use text-align. If you set 'text-align: right;' on the labels aswell it will make them line up nicely on that side, should be good a starting point for you. Use padding/margin as you see fit. I'll make an example tomorrow evening if you're still stuck. Rob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] hr won't turn black
currently i am using borders on divs to achieve this effect and you should use borders on the hr as well. the color property changes the text color for the hr, but it doesn't contain any text. give the hr a top or bottom 1px black border, and 0px on the other sides, and it should work. tho i'm not sure i agree with using hr to begin with. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] hr won't turn black
Give the hr a background-color and set the border to none. On Mon, 19 Feb 2007 15:44:46 +1000, Dwain Alford [EMAIL PROTECTED] wrote: after following several threads, i have converted my site to html 4.01. what i want to do is section the parts of my page with hrs. i can't figure out why the styling of the hr does not work in ff or opera. currently i am using borders on divs to achieve this effect, but to my understanding the hr would be semantically correct to separate the page into sections rather than use borders on divs as presentation. the last two hrs on the test page separate a side note from the rest of the content. i guess i could live with the presentational effect of the border that is currently being used at the top of the page. i have not removed the borders from the css, but you can see the faint line of the hr and its initial placement. what say you of my reasoning and what would be the best practice; and if it's for the hr, how do i make it black? http://www.studiokdd.com/sandbox/alaskan-dream.html http://www.studiokdd.com/sandbox/css/kddindipix.css dwain -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
