[WSG] Vertical positioning of text
Hello ~ Im trying to avoid tables (for once!) and make a header that has several columns in it. I think Im very close! However, I want to be able to vertically align the text contained in the #headtitle div on the bottom and the #headnav1 and #headnav2 divs in the middle. I have looked at several discussions from the list, but Ive not been successful (except with middle aligning, but in Firefox only not IE). http://fullattention.com/hypnotherapy.shtml http://fullattention.com/styles.css Thanks for any and all assistance. White Ash [EMAIL PROTECTED] www.White-Ash.com
Re: [WSG] Gaps At The Top - ANSWER
Title: Message
Thanks Georg for
the fix ~ I must remember that for future designs!
That works
beautifully.
And Russ ~ so that
more and more web standards faeries may live, I have converted all 0px's in my
code to 0.
I do
believe
White
Ash
FIX:
Re: [WSG] Gaps At The
Top
Gunlaug
SørtunThu, 02 Feb 2006 15:32:25
-0800
Adding something like:
div#container,div#banner {padding-top: 1px;}
#navlist {margin-top: 10px;}
h1 {margin-top: -10px; max-width: 400px;}
...shouldn't be too far off.
Those padding-top prevent collapsing margins, and the margins are then
defined to position correctly across browser-land.
Adjust those margins to taste, and check for unwanted
overlapping/breaking when font-resizing is applied.
regards
Georg
--
http://www.gunlaug.no
[WSG] Gaps At The Top
Title: Message Hi all ~ There's a gap at the top of the page in Firefox Opera, but not in IE. I would like that gap to go away! Then in Firefox Opera, the navigation comes down a bit, and I actually like that! How to get the best of both worlds??!! http://www.frozenblues.com/cbmurphy/index02.php http://www.frozenblues.com/cbmurphy/css/styles02.css Thanks a bunch for any and all help! White Ash
[WSG] Gap in Opera
Title: Message Howdy! (1) Why oh why oh why is there a gap between my content area and my footer when viewing in Opera on certain pages? This is true for http://altautoaccess.com/futurehome.shtml, http://altautoaccess.com/jumpstart.shtml, but not for http://altautoaccess.com/accolades.shtml. I have compared the code, but can't find what is making the difference. Not a prob in IE or Firefox! (2) Also, I never got a correct response to the following ~ just some "quick fixes" that didn't really work at all (about changing settings to 100% and 11ems). If anyone has an idea, would love to hear about it. The navigation (at the bottom of the page) looks fine in IE, but the hover text bunches up in Firefoxand Opera like there is a right margin making the text wrap. Any ideas on how to remedy these issues? Thanks a bunch for any and all help! White Ash
[WSG] Hover text bunching up in Firefox
Title: Message Hello ~ The navigation (at the bottom of the page) looks fine in IE, but the hover text bunches up in Firefox like there is a right margin making the text wrap. Any ideas on how to remedy this? http://altautoaccess.com/jumpstart.htm http://altautoaccess.com/css/home.css Thanks a bunch! White Ash
[WSG]
Title: Message Hello, I can't figure out why there is such a large gap at the top of the #content area. I know there should be .5em of h1, but this is larger. http://tagav.com/dev/home.shtml http://tagav.com/dev/css/styles.css Thanks, White Ash
Re: [WSG] Large Top Margin
Aha ~ That clarifies a part of the mystery ~ thanks for that. I took out the table cell height and declared a height for the #header area in the css. No dice. I would love to do it via div's only, but for now would be happy if I could make the light table work. Any other ideas on that? Thanks, White Ash If you put a background on your #header, you will see where the gap comes from. It's in the #header. The browser tries to balance the table cell heights and in so doing makes the header cell taller than you want it. You may be able to fix this by setting a height (in CSS) on the header. ** 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] IE vs MF ~ Image padding, bullets numbers missing
Hello, I cannot seem to reconcile the following problems. (1) The sponsor placeholder images on the right have 2px bottom gap (which I have specified) in Firefox. In IE, there is more than 2px. (2) Similarly there is an extra slight gap between the logo above the navbar and the actual navbar that doesn't exist if Firefox. (3) The bullets and numbers in the lists show up just fine in Firefox. In IE, they are not to be seen. Help anyone? http://www.neln.org/dev/template.shtml http://www.neln.org/dev/css/styles.css Thanks as always, White Ash ** 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] Combining Ordered, Unordered, Linked Unlinked Lists
Greetings ~ I'm wanting to know if there are examples out there of lists that are a combination of unlinked ordered linked ordered unlinked unordered and linked unordered items. I'm designing a bibliography, and thinking that there will be some articles I can link to, some I can't, and a need to be able to have numbered and non-numbered line items together. What I've done so far is promising, but far from being functional: http://www.neln.org/dev/template.shtml# http://www.neln.org/dev/css/styles.css I've actually typed the problems I'm having into the line items themselves. Thanks to all who may be able to shed some light on what I'm doing or direct me to some examples of what I'm looking for. Peace, White Ash ** 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] IE extra space; background not showing up; odd links
Ingo ~ Thanks a million for your fabulous advice which worked! I'm so happy. You said: p.s. cited: We all need to listen to the messages the universe has to send us: This page is not Valid XHTML 1.0 Transitional :) I am new to Web Standards. Two basic questions ~ could you share with me _how_ you know it is not valid, and also, _what_ I can do to make it valid? http://www.amyarver.com/home.shtml http://www.amyarver.com/aboutamy.shtml http://www.amyarver.com/css/styles.css Thanks so much! White Ash [EMAIL PROTECTED] www.White-Ash.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE extra space; background not showing up; odd links
Hello! I don't know why, but I'm having a time with my design in IE. Firefox and Netscape have no problem. The idea is that the content area would be flush top with the bottom of the background. There is a big space in IE. Also, in IE, I can't get the background to show on the aboutamy page. And the navbar is all flukey, with the links pointing to the root. http://www.amyarver.com/home.shtml http://www.amyarver.com/aboutamy.shtml http://www.amyarver.com/css/styles.css Thanks for any insight you may have to offer. White Ash [EMAIL PROTECTED] www.White-Ash.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Re: IMG and text alignment
Thanks to Leslie and Alan for responding. Leslie, I tried what you were suggesting but to no avail. Alan, the -.25 setting seem to work (even though my wysiwig forces the header underneath the photos, but all is fine on previewing in the browser). Alan, you said, Well personally I would kill the tables, it's much better than it was before, but if you can, it would be nice to get rid of them all together. I'm all for that. I just don't know how to do that. I was operating under Zeldman's suggestion to not worry about light tables. Any suggestions on how to proceed would be greatly appreciated. http://wickedsisterdance.org/who_trial.shtml http://wickedsisterdance.org/css/styles.css Thanks again! White Ash ** 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] RE: Re: IMG and text alignment
Also, another piece of my post that I have not seen a response to: Next question ~ is there a way to have the items in my navbar automatically stretch from the left margin to the right margin? I currently have a 10px right margin setting for each item in the css, but that doesn't seem very scientific to me and leaves a ragged right margin. Here's my first page and relevant css file: http://wickedsisterdance.org/who_trial.shtml http://wickedsisterdance.org/css/styles.css Any input would be appreciated. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
