Re: [WSG] books
Designing with Web Standards - Jeffrey Zeldman Getting Real - 37Signals ... On Feb 19 2008, at 06:58, dwain wrote: On 2/19/08, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Anybody can suggest me some good books or other resources for · Webstandards · css technics css the definitive guide third edition by eric meyer · Ui design and development · javascript (especially for UI purpose) javascript the definitive guide fifth edition by david flanagan I prefer books… Thanks a ton Naveen Bhaskar Menon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- dwain alford The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** Joe Ortenzi [EMAIL PROTECTED] www.joiz.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] long words not wrapping inside DIV
Hi, Try using the whitespace property -Sagnik On Feb 19, 2008 12:58 PM, [EMAIL PROTECTED] wrote: Its not helping rajib. The text is bigger than the div width. The div is 150px width and the text width is coming around 190px.What I need to do for wrapping the text? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rajib Mukherji Sent: Tuesday, February 19, 2008 12:44 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] long words not wrapping inside DIV Hi, Naveen, You can try using the overflow:none; as an attribute within your DIV where are declaring menu width. Hope this helps. Each single word must be less than your defined width(150px). Thanks Rajib --- [EMAIL PROTECTED] wrote: HI ... I have a dropdown menu with a width of 150px. while localization some texts are too long and it is not wrapping inside the DIV and going outside the div. Is there any way to wrap long words. I don't want to use scrollbars in the div and I can't increase the width of the DIV. Pls help.. Thanks a ton in advance.. Naveen Bhaskar Menon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ *** 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] *** -- :: Sagnik :: *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] books
On 19 Feb 2008, at 06:58, Naveen Bhaskar Menon wrote: Anybody can suggest me some good books Among the books that live on my desk (as opposed to the less-honoured position on the bookcase) are: Web Standards Solutions by Dan Cederholm; Bulletproof Web Design by Dan Cederholm; CSS: The Definitive Guide by Eric Meyer; CSS Mastery: Advanced Web Standards Solutions by Andy Budd others; HTML Mastery by Paul Haine; Web Accessibility by Jim Thatcher others and Don't Make Me Think by Steve Krug I haven't delved into javascript yet so I don't have any recommendations there. -- Rick Lecoat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] long words not wrapping inside DIV
Can you send me the portion of the div that's creating the problem as by defaults words wrap once they get blank space between words , another alternative is to declare style=overflow:hidden as inline style inside the Menu div. Thanks Rajib --- [EMAIL PROTECTED] wrote: Its not helping rajib. The text is bigger than the div width. The div is 150px width and the text width is coming around 190px.What I need to do for wrapping the text? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rajib Mukherji Sent: Tuesday, February 19, 2008 12:44 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] long words not wrapping inside DIV Hi, Naveen, You can try using the overflow:none; as an attribute within your DIV where are declaring menu width. Hope this helps. Each single word must be less than your defined width(150px). Thanks Rajib --- [EMAIL PROTECTED] wrote: HI ... I have a dropdown menu with a width of 150px. while localization some texts are too long and it is not wrapping inside the DIV and going outside the div. Is there any way to wrap long words. I don't want to use scrollbars in the div and I can't increase the width of the DIV. Pls help.. Thanks a ton in advance.. Naveen Bhaskar Menon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ *** 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] *** Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] books
I would also reccomend the Sitepoint books. Work well as a reference when your working too, or just forgot something like i usually do :) Paul willdonovan wrote: I would also recommend the Sitepoint collection of books on javascript, CSS, SEO and many other titles. Particularly the 'Art Science' series and also the 'Anthology' series of books. well laid out for learning quickly while in production. Oh and seeing that everyone else is doing it (also because I love the book) Don't Make me think - Steve Krug There are many others in the area of good standards presentation and information design, depends on what flavors you prefer. William Rick Lecoat wrote: On 19 Feb 2008, at 06:58, Naveen Bhaskar Menon wrote: Anybody can suggest me some good books Among the books that live on my desk (as opposed to the less-honoured position on the bookcase) are: Web Standards Solutions by Dan Cederholm; Bulletproof Web Design by Dan Cederholm; CSS: The Definitive Guide by Eric Meyer; CSS Mastery: Advanced Web Standards Solutions by Andy Budd others; HTML Mastery by Paul Haine; Web Accessibility by Jim Thatcher others and Don't Make Me Think by Steve Krug I haven't delved into javascript yet so I don't have any recommendations there. -- Rick Lecoat *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Problem with folio online | IE
Hello, I'm fighting with IE/Firefox for solving a css-problem(I believe). I´ve just finished my online folio http://www.laertjansen.com/site2/ but it looks like the way I want only with FF . I don´t know where´s the mistake. You can see the difference: With IE the line height is different, the job description´s alignment is wrong, the margin on the top of the page... Does anyone want to give me a little help... Thanks a lot. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] books
And now you don't even need to buy Sitepoint reference material: http://reference.sitepoint.com/css On Tue, 19 Feb 2008 21:50:59 +1000, Paul McCann [EMAIL PROTECTED] wrote: I would also reccomend the Sitepoint books. Work well as a reference when your working too, or just forgot something like i usually do :) Paul willdonovan wrote: I would also recommend the Sitepoint collection of books on javascript, CSS, SEO and many other titles. Particularly the 'Art Science' series and also the 'Anthology' series of books. well laid out for learning quickly while in production. Oh and seeing that everyone else is doing it (also because I love the book) Don't Make me think - Steve Krug There are many others in the area of good standards presentation and information design, depends on what flavors you prefer. William Rick Lecoat wrote: snip *** 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] *** -- Tyssen Design http://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] ***
Re: [WSG] * { display: inline; }
On Mon, February 18, 2008 12:06 am, Tim White wrote:
On Feb 17, 2008 6:00 PM, Katrina [EMAIL PROTECTED] wrote:
So in the header of my document, I included
style type=text/css
* {
display: inline;
}
/style
OK, I just tried it and got the exact same effects. So, I tried
combinations and body * works (and I see Patrick just posted the same
thing).
My best guess is that the browsers are setting head as an inline
element, along with style, etc.. If you change inline to block you
get the expected behavior.
very odd indeed.
Not so very odd...
If you hunt around through Firefox's files you'll find one named
html.css which specifies the default styling of all HTML elements. It
includes the following:
/* hidden elements */
area, base, basefont, head, meta, script, style, title,
noembed, param {
display: none;
}
The new rule is overriding that rule, and so all those elements become
visible.
So, far from being odd, it's actually precisely the behaviour one would
expect according to the rules of CSS.
The only reason IE _doesn't_ exhibit the same behaviour as the browsers
Katrina listed is that it has an incomplete implementation of the HTML/CSS
rendering model which prevents it from rendering the contents of the
head element. So it's IE that's odd :-)
Regards,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Problem with folio online | IE
Laert Jansen wrote: I'm fighting with IE/Firefox for solving a css-problem(I believe). I´ve just finished my online folio http://www.laertjansen.com/site2/ but it looks like the way I want only with FF . I don´t know where´s the mistake. You can see the difference: With IE the line height is different, the job description´s alignment is wrong, the margin on the top of the page... Does anyone want to give me a little help... IE has difficulty with line-height set in pixels. Try a raw number such as 1.2 or whatever does it for you. You might try putting margin: 0; padding: 0; on the body to bring all browsers to default; and, move the margin top to the header, and margin-bottom to the footer. I do not know what you mean about the job description. I'd consider using headings h1 through h6-- h1 is usually the page title. But before you do anything else, validate the document as you have a zillion machine errors to fix. Best, ~dL -- http://chelseacreekstudio.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] * { display: inline; }
On Feb 19, 2008 5:35 AM, Nick Fitzsimons [EMAIL PROTECTED] wrote: Not so very odd... If you hunt around through Firefox's files you'll find one named html.css which specifies the default styling of all HTML elements. It includes the following: Thank you Nick. I sorta kinda knew about the html.css file, just didn't think of it. Good to know what's in it. Tim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Problem with folio online | IE
Hi David Thanks. The margin on the top is working much better now. About the line height I tried a raw number but it´s not working. Firefox is ok but IE has a lot of white space between the lines...strange... The description is something like Client: Jacob Ferreira Role. Website Design Agency. Freelance Work I tried a horizontal list with ulli but its not working well in IE. What´s the best way to do something like this? Thanks a lot again, Laert On Feb 19, 2008 11:07 AM, David Laakso [EMAIL PROTECTED] wrote: Laert Jansen wrote: I'm fighting with IE/Firefox for solving a css-problem(I believe). I´ve just finished my online folio http://www.laertjansen.com/site2/ but it looks like the way I want only with FF . I don´t know where´s the mistake. You can see the difference: With IE the line height is different, the job description´s alignment is wrong, the margin on the top of the page... Does anyone want to give me a little help... IE has difficulty with line-height set in pixels. Try a raw number such as 1.2 or whatever does it for you. You might try putting margin: 0; padding: 0; on the body to bring all browsers to default; and, move the margin top to the header, and margin-bottom to the footer. I do not know what you mean about the job description. I'd consider using headings h1 through h6-- h1 is usually the page title. But before you do anything else, validate the document as you have a zillion machine errors to fix. Best, ~dL -- http://chelseacreekstudio.com/ *** 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] repeating background png support ie6
Screenshots sent. Not sure how gracefully degrade. I think once when I used a translucent image it was an even colour and IE6 should simply degrade to display the colour solid. That worked fine for my use. Your case might be different though. - Original Message - From: kevin mcmonagle [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Tuesday, February 19, 2008 5:06 PM Subject: [WSG] repeating background png support ie6 Hi, Whats the standards way to handle or degrade ie6 png support for a repeating background img? Im having problems solving this-ies4mac doesn't seem to do well with conditional comments and png hacks-so i cant tell whats working. Im thinking about putting the wrapper div with the repeating background image in two different stylesheets. One with a png for normal browsers and one with a gif for ie then i would just hide the png from ie6 and give it the gif one with conditional comments. Also if anyone can email me a screen shot from ie6 off list that would be great. beta page: http://www.arasgcc.com/indextest.html -thanks kevin *** 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] repeating background png support ie6
Hi, Whats the standards way to handle or degrade ie6 png support for a repeating background img? Im having problems solving this-ies4mac doesn't seem to do well with conditional comments and png hacks-so i cant tell whats working. Im thinking about putting the wrapper div with the repeating background image in two different stylesheets. One with a png for normal browsers and one with a gif for ie then i would just hide the png from ie6 and give it the gif one with conditional comments. Also if anyone can email me a screen shot from ie6 off list that would be great. beta page: http://www.arasgcc.com/indextest.html -thanks kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] repeating background png support ie6
Instead of that, you could just use a CSS hack. Something like:
#background_div {
background-image: url(background.png);
}
* html #background_div {
background-image: url(background.gif);
}
The * html will make it so only only versions of IE will look at it
(IE6), while modern browsers remain unaffected. Also, I'm fairly
certain this will prevent the background.gif image from being loaded in
modern browsers, since it isn't needed.
kevin mcmonagle wrote:
Hi,
Whats the standards way to handle or degrade ie6 png support for a
repeating background img?
Im having problems solving this-ies4mac doesn't seem to do well with
conditional comments and png hacks-so i cant tell whats working.
Im thinking about putting the wrapper div with the repeating
background image in two different stylesheets. One with a png for
normal browsers and one with a gif for ie then i would just hide the
png from ie6 and give it the gif one with conditional comments.
Also if anyone can email me a screen shot from ie6 off list that would
be great.
beta page:
http://www.arasgcc.com/indextest.html
-thanks
kevin
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Christian Snodgrass
Azure Ronin Web Design
http://www.arwebdesign.net/ http://www.arwebdesign.net
Phone: 859.816.7955
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] long words not wrapping inside DIV
On Behalf Of [EMAIL PROTECTED] Sent: Monday, February 18, 2008 10:23 PM I have a dropdown menu with a width of 150px. while localization some texts are too long and it is not wrapping inside the DIV and going outside the div. Is there any way to wrap long words. I dont want to use scrollbars in the div and I cant increase the width of the DIV. As Thomas suggested, you can use word-wrap: break-word; but that won't work in all browsers. Another thing you can try is to somehow plug a wbr / element within these long words to create a soft break. It's uggly, but it works... -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Problem with folio online | IE
Laert Jansen wrote:
The margin on the top is working much better now. About the line
height I tried a raw number but it´s not working. Firefox is ok but IE
has a lot of white space between the lines...strange...
The description is something like Client: Jacob Ferreira
Role. Website Design Agency. Freelance Work
I tried a horizontal list with ulli but its not working well in
IE. What´s the best way to do something like this?
Thanks a lot again,
Laert
http://www.laertjansen.com/site2/
With regard to the body declaration correction you've made, change this:
body{
background-color:#000;
font-family: Georgia, Times New Roman, Times, Serif;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
background:url(../images/repeat.gif) repeat;
}
to:
body{
background-color:#000;
font-family: Georgia, Times New Roman, Times, Serif;
margin: 0;
padding:0;
background:url(../images/repeat.gif) repeat;
}
For the paragraph leading in IE, change this:
#biography{
font-size: 10px;
line-height:0.8;
margin-top: 8px;
color: #999;
}
to read:
#biography p {
font-size: 10px;
line-height:0.8;
margin: 8px 0 0 0;
color: #999;
}
For the description, you'll need to default the ul margin and padding.
Change this declation:
#menu ul {
color:#999;
font-size: 10px;
padding-left: 3px;
list-style-type: none;
margin-bottom: 4px;
}
To read something like this:
#menu ul {
color:#999;
font-size: 10px;
padding: 0 0 0 3px;
list-style-type: none;
margin: 0 0 4px 0;
}
BTW, the above menu id needs to change to a class in both the markup and
the CSS.
An id is unique and can only be used once on a page. You've used it
numerous times; consequently, correcting it to a class will do the
trick, and simultaneousley fix some of the 30 markup validaton errors.
HTH,
~dL
PS /Landing/ on a page with mousetype an 116dpi laptop ain't no picnic
for those of us without your Superman vision. Then having it frozen in
IE, only adds insult to injury.
You will still want to correct the 30 markup validation errors on your file.
--
http://chelseacreekstudio.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] repeating background png support ie6
Hey Kevin, I have the same problem with my ies4linux, so I just use an online tester. For quick checks of IE6/7 I use the netrenderer: http://ipinfo.info/netrenderer/ and for more advanced checks use browsershots: http://browsershots.org/ Cheers, Tony kevin mcmonagle wrote: Hi, Whats the standards way to handle or degrade ie6 png support for a repeating background img? Im having problems solving this-ies4mac doesn't seem to do well with conditional comments and png hacks-so i cant tell whats working. Im thinking about putting the wrapper div with the repeating background image in two different stylesheets. One with a png for normal browsers and one with a gif for ie then i would just hide the png from ie6 and give it the gif one with conditional comments. Also if anyone can email me a screen shot from ie6 off list that would be great. beta page: http://www.arasgcc.com/indextest.html -thanks kevin *** 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] repeating background png support ie6
Tony I was using browsercam.com but these sites are far handier and free-thanks. also the star selector hack works very well for this issue, thanks christian. -best kevin Tony wrote: Hey Kevin, I have the same problem with my ies4linux, so I just use an online tester. For quick checks of IE6/7 I use the netrenderer: http://ipinfo.info/netrenderer/ and for more advanced checks use browsershots: http://browsershots.org/ Cheers, Tony kevin mcmonagle wrote: Hi, Whats the standards way to handle or degrade ie6 png support for a repeating background img? Im having problems solving this-ies4mac doesn't seem to do well with conditional comments and png hacks-so i cant tell whats working. Im thinking about putting the wrapper div with the repeating background image in two different stylesheets. One with a png for normal browsers and one with a gif for ie then i would just hide the png from ie6 and give it the gif one with conditional comments. Also if anyone can email me a screen shot from ie6 off list that would be great. beta page: http://www.arasgcc.com/indextest.html -thanks kevin *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Problem with folio online | IE
Hey David! Thanks a lot!! It´s working now!!! :))) Thanks!!
On Feb 19, 2008 4:40 PM, David Laakso [EMAIL PROTECTED] wrote:
Laert Jansen wrote:
The margin on the top is working much better now. About the line
height I tried a raw number but it´s not working. Firefox is ok but IE
has a lot of white space between the lines...strange...
The description is something like Client: Jacob Ferreira
Role. Website Design Agency. Freelance Work
I tried a horizontal list with ulli but its not working well in
IE. What´s the best way to do something like this?
Thanks a lot again,
Laert
http://www.laertjansen.com/site2/
With regard to the body declaration correction you've made, change this:
body{
background-color:#000;
font-family: Georgia, Times New Roman, Times, Serif;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
background:url(../images/repeat.gif) repeat;
}
to:
body{
background-color:#000;
font-family: Georgia, Times New Roman, Times, Serif;
margin: 0;
padding:0;
background:url(../images/repeat.gif) repeat;
}
For the paragraph leading in IE, change this:
#biography{
font-size: 10px;
line-height:0.8;
margin-top: 8px;
color: #999;
}
to read:
#biography p {
font-size: 10px;
line-height:0.8;
margin: 8px 0 0 0;
color: #999;
}
For the description, you'll need to default the ul margin and padding.
Change this declation:
#menu ul {
color:#999;
font-size: 10px;
padding-left: 3px;
list-style-type: none;
margin-bottom: 4px;
}
To read something like this:
#menu ul {
color:#999;
font-size: 10px;
padding: 0 0 0 3px;
list-style-type: none;
margin: 0 0 4px 0;
}
BTW, the above menu id needs to change to a class in both the markup and
the CSS.
An id is unique and can only be used once on a page. You've used it
numerous times; consequently, correcting it to a class will do the
trick, and simultaneousley fix some of the 30 markup validaton errors.
HTH,
~dL
PS /Landing/ on a page with mousetype an 116dpi laptop ain't no picnic
for those of us without your Superman vision. Then having it frozen in
IE, only adds insult to injury.
You will still want to correct the 30 markup validation errors on your
file.
--
http://chelseacreekstudio.com/
***
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] Problem with folio online | IE
On Feb 19, 2008 4:40 PM, David Laakso [EMAIL PROTECTED] wrote: PS /Landing/ on a page with mousetype an 116dpi laptop ain't no picnic for those of us without your Superman vision. Then having it frozen in IE, only adds insult to injury. the main text on the pages are frozen in firefox as well. can't make the type any larger so i can read it, even with my glasses. dwain -- dwain alford The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Problem with folio online | IE
dwain wrote: PS /Landing/ on a page with mousetype an 116dpi laptop ain't no picnic for those of us without your Superman vision. Then having it frozen in IE, only adds insult to injury. the main text on the pages are frozen in firefox as well. can't make the type any larger so i can read it, even with my glasses. dwain -- dwain alford re: http://www.laertjansen.com/site2/ Dwain, The text proper is not frozen in Firefox. I think you are having difficulty with the image text. Best, ~dL -- http://chelseacreekstudio.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Problem with folio online | IE
:D sure sure. I have to do something about this... On Feb 19, 2008 11:42 PM, dwain [EMAIL PROTECTED] wrote: On Feb 19, 2008 4:40 PM, David Laakso [EMAIL PROTECTED] wrote: PS /Landing/ on a page with mousetype an 116dpi laptop ain't no picnic for those of us without your Superman vision. Then having it frozen in IE, only adds insult to injury. the main text on the pages are frozen in firefox as well. can't make the type any larger so i can read it, even with my glasses. dwain -- dwain alford The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Laert Jansen www.laertjansen.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Problem with folio online | IE
On Feb 20, 2008 12:05 AM, David Laakso [EMAIL PROTECTED] wrote: Dwain, The text proper is not frozen in Firefox. I think you are having difficulty with the image text. you're absolutely correct. i didn't realize at first they were images. dwain -- dwain alford The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Problem with folio online | IE
not frozen in Firefox.sure On Feb 20, 2008 12:05 AM, David Laakso [EMAIL PROTECTED] wrote: dwain wrote: PS /Landing/ on a page with mousetype an 116dpi laptop ain't no picnic for those of us without your Superman vision. Then having it frozen in IE, only adds insult to injury. the main text on the pages are frozen in firefox as well. can't make the type any larger so i can read it, even with my glasses. dwain -- dwain alford re: http://www.laertjansen.com/site2/ Dwain, The text proper is not frozen in Firefox. I think you are having difficulty with the image text. Best, ~dL -- http://chelseacreekstudio.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Laert Jansen www.laertjansen.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] books
Thanks for the suggessions ... :-) -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds Sent: Tuesday, February 19, 2008 5:42 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] books And now you don't even need to buy Sitepoint reference material: http://reference.sitepoint.com/css On Tue, 19 Feb 2008 21:50:59 +1000, Paul McCann [EMAIL PROTECTED] wrote: I would also reccomend the Sitepoint books. Work well as a reference when your working too, or just forgot something like i usually do :) Paul willdonovan wrote: I would also recommend the Sitepoint collection of books on javascript, CSS, SEO and many other titles. Particularly the 'Art Science' series and also the 'Anthology' series of books. well laid out for learning quickly while in production. Oh and seeing that everyone else is doing it (also because I love the book) Don't Make me think - Steve Krug There are many others in the area of good standards presentation and information design, depends on what flavors you prefer. William Rick Lecoat wrote: snip *** 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] *** -- Tyssen Design http://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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] books
you mean Dont make ME think, right? ;-) you made me think about it... ;-) On Feb 19 2008, at 07:29, Thomas Thomassen wrote: Don't make the think -- A Common Sence Approach to Web Usability by Steve Krug Joe Ortenzi [EMAIL PROTECTED] www.joiz.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [OBORONA-SPAM] RE: [WSG] Best Practice to Offer Different Formats of Documents
K On 2/16/08, Joe Ortenzi [EMAIL PROTECTED] wrote: K Icons also help people make quick choices and allow you to provide K the documents in a tabular format when required. K Title of This Lengthy Document [PDF ICON] title=download the PDF: K Title_of_This_Lengthy_Document [MSWORD ICON] title=download the K Word Document: Title_of_This_Lengthy_Document I use this pattern: a href=document.pdfTitle_of_This_Lengthy_Document/a, PDF, 1234kb or with icon: a href=document.pdfimg src=pdf.gif alt=Download PDF /Title_of_This_Lengthy_Document/a, PDF, 1234kb Regards, Alexey Novikov *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] books
Aye! A case of my own head not thinking... ;) - Original Message - From: Joe Ortenzi To: wsg@webstandardsgroup.org Sent: Wednesday, February 20, 2008 7:57 AM Subject: Re: [WSG] books you mean Dont make ME think, right? ;-) you made me think about it... ;-) On Feb 19 2008, at 07:29, Thomas Thomassen wrote: Don't make the think -- A Common Sence Approach to Web Usability by Steve Krug Joe Ortenzi [EMAIL PROTECTED] www.joiz.com *** 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] ***
