Re: [WSG] Crazy font sizing with 2 tables inside a positioned div
Without seeing the (x)html it is hard to say, but here are a few possibilities
#content table.guestheader = font-size: 0.7em;
#content table.guestheader p = font-size (80% of 0.7em)
#content table.guestbook = font-size: 0.7em;
#content table.guestbook p = font-size (80% of 0.7em)
if guesbook is inside of guestheader you have
#content table.guestheader table.guestbook = font-size (70% of 0.7em)
#content table.guestheader table.guestbook p = font-size (80% of (70%
of 0.7em))
On 6/10/05, Cole Kuryakin - x7m [EMAIL PROTECTED] wrote:
I'm having this strange problem:
I've got a content div (#content) which has 2 tables in it (.guestHeader and
.guestComment - both classes).
The first table accepts my css font styling rules just fine. The second
table however, absolutely messes up the font sizing and line height: The
line height is way to big and the font size is now way too small - but they
both have the same font size declaraton!
My #content div shows the correct font size I want:
#content p {
margin-bottom: 1.7em;
font-size: 0.8em;
line-height: 1.5em;
}
The first table (.guestHeader) shows what I want:
table.guestheader {
width: 450px;
margin: 0;
padding: 0;
font-size: 0.7em;
}
table.guestheader td {
padding: 10px 0;
}
table.guestheader td.totalComments {
width: 125px;
color: #AEC3AE;
}
table.guestheader td.sign {
width: 325px;
}
table.guestheader td.sign img {
display: inline;
}
But, the second table... sheesh!
table.guestbook {
width: 450px;
margin: 0;
padding: 0;
font-size: 0.7em;
}
table.guestbook td {
vertical-align: top;
}
table.guestbook td.guestInfo {
width: 125px;
}
table.guestbook td.guestInfo p {
color: #AEC3AE;
}
table.guestbook td.guestComment {
width: 325px;
}
table.guestbook td.guestComment p {
padding: 10px 0 0 0;
color: White;
}
table.guestbook td.guestComment p.date {
padding: 0 0 10px 0;
}
I've been beating my head over this for hours as the stylesheet does
validate...I just can't see what I'm doing wrong.
Does this ring a bell with anyone? I haven't done much table styling, so I
may not be doing this correctly at all.
If someone can spot my error - or atleast lead me in the right direction -
I'd be very appreciative.
Cole
--
Parker Torrence
Unfolded WebDesign
http://webdesign.parkertorrence.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] Crazy font sizing with 2 tables - follow on
Cole
Try setting the font-size on the lowest element
if there is no reason to have
#content p {
margin-bottom: 1.7em;
font-size: 0.8em;
line-height: 1.5em;
}
change it to
table.guestbook p {
margin-bottom: 1.7em;
font-size: 0.7em;
line-height: 1.5em;
}
table.guestheader p {
margin-bottom: 1.7em;
font-size: 0.7em;
line-height: 1.5em;
}
and see if that give you what you want
Parker
**
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: Subject: DIVs and horizontal scroll -- WAS: RE: [WSG] the mysteries of float - i seek enlightenment
Have you tried
.databox
{
padding: 0.5em;
overflow: auto;
}
Parker
**
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] EDS embracing Web Standards
The css for both sites was done by AMS (on different dates) and the two companies are a little over 10 miles apart. Parker On 5/25/05, Andrew Krespanis [EMAIL PROTECTED] wrote: Either these guys did the design, or your old employers stole their 'standards' page directly from here: http://www.figdesign.com/site.html I love running corporate standards BS through Google -- then you can see where it really came from ;) Andrew. http://leftjustified.net/ ** 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] Forms question
cols is used to define the number of characters on a line. That is percent is giving you an error. The default for this in html 4.01 is 80. I believe in xhtml it is required to be defined. Parker Unfolded WebDesign http://webdesign.parkertorrence.com On 5/23/05, Leslie Riggs [EMAIL PROTECTED] wrote: When validating a page containing a form for XHTML 1.0 Transitional, I get the following message regarding a textarea: required attribute cols not specified Why can't we specify a percentage width for the textarea in the CSS instead? It works, but it doesn't validate without the cols attribute being defined, and if I'm going to define cols then there's no purpose for the width in the CSS, is there? Does this have to do with being able to enter text beyond that CSS-defined width? Thanks for your enlightenment... 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 ** ** 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] Reapplying your CSS when the page length changes
Try this and see if it helps. Place it between the head tags. !-- to correct the unsightly Flash of Unstyled Content. http://www.bluerobot.com/web/css/fouc.asp -- script type=text/javascript/script Parker On 5/11/05, Stevio [EMAIL PROTECTED] wrote: Any ideas? Thanks, Stephen - Original Message - From: Stevio [EMAIL PROTECTED] To: Web Standards Group wsg@webstandardsgroup.org Sent: Tuesday, May 10, 2005 10:39 PM Subject: [WSG] Reapplying your CSS when the page length changes I have some JavaScript code that causes some content to be displayed when the user mouseover's an element. This extra content causes the page length to increase. However, I have some absolutely positioned footers. When the extra content appears, the footer overlaps with it. The positioning styles do not seem to be getting reapplied when the extra content is shown. Is there a way, perhaps just a simple JavaScript function I can use, to tell the page to reapply the CSS to make sure everything is positioned right when the extra content is shown? Thanks, Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.8 - Release Date: 10/05/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 ** -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.8 - Release Date: 10/05/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 ** ** 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] hiding content with a click
You could employ the same concept that makes this http://webdesign.parkertorrence.com/designtest/peekaboo.php page work. Parker Unfolded WebDesign http://webdesign.parkertorrence.com On 5/9/05, john [EMAIL PROTECTED] wrote: I've been searching for some simple instructions on how to create a link that says hide content and it will remove a section of text from the page. The layout uses some tables (XHTML Transitional), so it would have to hide three tr's and shift the content below it up. Can somebody please instruct me on a standards-based way of doing this? Thanks. -- ~john _ Dr. Zeus Web Design http://www.DrZeus.net content without clutter ** 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] Can fonts be fixed in firefox?
On 5/9/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: But *please*, for the love of accesibility, make sure the images have meaningful alt attribute set... P How does one set an alt attribute for a background image? Parker ** 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] Can fonts be fixed in firefox?
Neerav Thank you for your reply. I'm not the one who said to put alt information on a background image, redux was the one who made the statement. (I'm in agreement with you,) Parker On 5/9/05, Neerav [EMAIL PROTECTED] wrote: Parker If you mean a *css* background image than it has no semantic meaning and therefore needs no alt information (nor could you add any alt information to a css created background image if you wanted to anyway) -- Neerav Bhatt On 5/9/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: But *please*, for the love of accesibility, make sure the images have meaningful alt attribute set... P ** 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] Can fonts be fixed in firefox?
Patrick It was my understanding that the subject of this thread was fonts in front of background images. Therefore by logic any talk about images within the context of this thread whould be implied to be about said background images. If you were not talking about *background* images, then I miss understood your post, and it was just *off topic* for this thread. I thought you ment your post to be on topic, and you knew something I did not. My mistake. Have A Nice Day, Parker Andreas Boehmer [Addictive Media] wrote Yes, I know I should use relative font sizes, but for this particular case I require a fixed font size. I want the title of a button to appear in front of a background image that cannot be resized. On 5/9/05, Patrick Lauke [EMAIL PROTECTED] wrote: Parker Torrence I'm not the one who said to put alt information on a background image, redux was the one who made the statement. (I'm in agreement with you,) Go back, re-read my message, and tell me exactly where I mention *background* images... Patrick ** 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] Three Column to Two Column layout
For your amusement, the Peek-A-Boo web site http://webdesign.parkertorrence.com/designtest/peekaboo.php Enjoy, Parker Unfolded WebDesign http://webdesign.parkertorrence.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] IE CSS Gap Problem? Anybody have a solution?
Try setting margin and padding to 0 in #btmain parker http://webdesign.parkertorrence.com On 5/5/05, Josef Dunne [EMAIL PROTECTED] wrote: Hi everyone, I have a CSS/IE problem I am trying to create a list on the left of this page. But as you can see in Firefox it works fine, but in IE it creates spaces below each li tag? Does anybody know why this is happening in IE? http://dev.blumedia.co.uk/pp/ - Problem Page (View in IE) http://dev.blumedia.co.uk/pp/css/shell.css - CSS for page. Many thanks Joey ** 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] liquid 2-3 column layout
On 4 May 2005, at 4:59 PM, Neerav wrote: I believe you mean To steal ideas from one person is plagiarism to steal from many is research :-) In practical terms this means don't just copy sitepoints (or anyone else's) code directly because this is neither ethical or legal and you wont learn how to do it properly You could always go to where sitepoint got their code from http://cross-browser.com/x/examples/x_3col_fm.html and use the GNU Lesser General Public License code. That would be both legal and ethical (as long as you abide by the terms). On 5/4/05, Nick Gleitzman [EMAIL PROTECTED] wrote: The secret to creativity is knowing how to hide your sources. ~ Albert Einstein
Re: [WSG] liquid 2-3 column layout
One way you might be able to do this would be to use a little php giving the Content and News changable ID names and then you could control the rest by options in your css. Along the same lines that the central content is displayed or not on this page http://magickdream.com/froglace/ Parker http://webdesign.parkertorrence.com On 5/3/05, Focas, Grant [EMAIL PROTECTED] wrote: Hi, I'd like to make a site with the option of 2 or 3 columns. The Nav column (left)and content column (centre) would always be present. The news column on the right would be optional. ___ || || || || | Nav |Content | News | || || || || ---| Does anyone on the list know of a way to make the Content fill the whole space of content and nav when nav is not present? Grant Focas ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] OL or UL? It´s rigth?
Yes you can http://www.w3.org/TR/html4/struct/lists.html section 10.2 see DEPRECATED EXAMPLE: ~parker On Tue, 05 Oct 2004 05:46:20 +1000, Andrew Sione Taumoefolau [EMAIL PROTECTED] wrote: Hi Marky, My friend is asking me if i can use tags ul ol/ol /ul No, you can't. Unordered lists can only have list items as child elements. Cheers, Andrew Taumoefolau ** 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] fixed background...
On Tue, 28 Sep 2004 10:27:43 +0100, john [EMAIL PROTECTED] wrote: Ladies and Gentlemen: I'm attempting my first fixed background, and I have one question and need one solution to a problem. question: is it supposed to work in IE? It only seems to work for me in IE, if it is the background of body Have you tried that yet? ~parker ** 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 **
[WSG] website will not show in Safari
Greetings All, My name is Parker and I have a problem that is effecting a number of my websites on a number of domains. It seems that they will not display in Safari. (but I'm told that the favicon does show up.) I've selected one site in the hopes that someone will be able to help me. url: http://www.unfolded.net/webdesign/parker.php it is valid xhtml: [http://validator.w3.org/check?uri=http%3A%2F%2Funfolded.net%2Fwebdesign%2Fparker.php] and valid css: [http://jigsaw.w3.org/css-validator/validator?uri=http://unfolded.net/webdesign/parker.php] If this helps any, here is the top of my page ?xml version=1.0 encoding=iso-8859-14?!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=content-type content=text/html; charset=iso-8859-14 / meta name=resource-type content=document / meta name=generator content=handmade by Unfolded WebDesign unfolded.net/webdesign/ / meta http-equiv=distribution content=Global / meta http-equiv=imagetoolbar content=no / titlePortfolio of Parker Torrence/title !-- to correct the unsightly Flash of Unstyled Content. http://www.bluerobot.com/web/css/fouc.asp -- script type=text/javascript/script style type=text/css media=all @import url(css/parker.css); /style /head Thank you for any and all help, Parker ** 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] website will not show in Safari
On Sat, 25 Sep 2004 17:34:47 +0200, Roger Johansson [EMAIL PROTECTED] wrote: You're right. Nothing at all shows up in Safari. Not even when you view source. I'm guessing it has something to do with the character encoding you have specified, iso-8859-14, which looks like a typo. Try changing it to iso-8859-1 and it should work better. not a typo http://www.wordiq.com/definition/ISO_8859-14 but I'm willing to try anything short of going back to html http://www.unfolded.net/webdesign/parker-1.php using iso-8859-1 http://www.unfolded.net/webdesign/parker-wasp-t.php using a WaSP template w/o character encoding. Roger and Lennart thanks for the help with this. Parker ** 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] website will not show in Safari
http://www.unfolded.net/webdesign/parker-1.php using iso-8859-1 http://www.unfolded.net/webdesign/parker-wasp-t.php using a WaSP template w/o character encoding. Both pages display in Safari, with no obvious problems. /Roger Great thanks for the help. Parker ** 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 **
