[css-d] Google map link won't open in iPhone - is this a css issue?
Hi. I'm not sure if this is a CSS issue, so please forgive me if it's not. My Get Directions link on the right side of the page doesn't work on the iPhone, but works fine on my PC. Is this a CSS issue? http://www.sportsmansresource.com/anglercharters/index.htm Thanks Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS or JavaScript?
No, that's right, I haven't gotten to the part yet of making the text scalable. I know I'm supposed to, and I've been dragging my feet on this issue for a number of reasons. I completely understand pixels and pixel measurement, but EM's always seem like an unknown, undefined, and unclear entity to me. I'm not a stupid person, but for some reason, I get confused trying to use them. And old habits are hard to break. I know in my mind how I want the website to look, and I don't want the user changing its appearance around – and I know that's the wrong attitude, because inevitably, somebody will. Honest question though – Are there really that many people on the web that have altered their browsers to show a larger font size? I was just wondering with the percentages are. Thanks again Bruce In a message dated 2/17/2013 11:25:47 P.M. Eastern Standard Time, mrma...@earthlink.net writes: On 2013-02-17 22:41 (GMT-0500) bho...@aol.com composed: http://www.sportsmansresource.com/flocalxnewyork_1c.htm Hey thanks. Which browser were you using? Any browser. You don't allow fopr those who use a larger minimum font size. Okay, but that's a whole different issue, no? Okay, I think I have my initial problem solved. I needed to add some more html css to my JavaScript. Doesn't look to me like you did anything to solve the problem Chris was showing you, that sizing text, line-height and/or containers in px is an invitation for your styling to break on encountering a user with a minimum size set in his browser, like this: http://fm.no-ip.com/SS/bruhom01.png By using px as you do it's as if you're styling a print page to be hosted on the web rather than styling a web page. While that's common even for large sites that should have learned better many moons ago, it's unforgiving, fighting against the web's inherent adaptability and flexibility. Disregarding user preferences by sizing in px is unfriendly technique: http://fm.no-ip.com/Auth/rudeweb.html -- The wise are known for their understanding, and pleasant words are persuasive. Proverbs 16:21 (New Living Translation) Team OS/2 ** Reg. Linux User #211409 ** a11y rocks! Felix Miata *** http://fm.no-ip.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS or JavaScript?
I've been working on rebuilding an old website, and I've encountered a problem with it on Firefox 18.0.2.,and I don't know if the problem is my CSS or my JavaScript. With Firefox, the first Gold Member Listing and first Silver Member Listing appear heavily indented and cut off on the right side. I'm using Windows 7. The page is at: _http://www.sportsmansresource.com/flocalxnewyork_1c.htm_ (http://www.sportsmansresource.com/flocalxnewyork_1c.htm) Any help is appreciated. Thanks, Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS or JavaScript?
Hey thanks. Which browser were you using? In a message dated 2/17/2013 7:28:18 P.M. Eastern Standard Time, ch...@cfajohnson.com writes: On Sun, 17 Feb 2013, bho...@aol.com wrote: I've been working on rebuilding an old website, and I've encountered a problem with it on Firefox 18.0.2.,and I don't know if the problem is my CSS or my JavaScript. With Firefox, the first Gold Member Listing and first Silver Member Listing appear heavily indented and cut off on the right side. I'm using Windows 7. The page is at: _http://www.sportsmansresource.com/flocalxnewyork_1c.htm_ (http://www.sportsmansresource.com/flocalxnewyork_1c.htm) See also http://b.cfaj.ca/SportsmansResource.jpg -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS or JavaScript?
Okay, but that's a whole different issue, no? In a message dated 2/17/2013 7:41:08 P.M. Eastern Standard Time, ch...@cfajohnson.com writes: On Sun, 17 Feb 2013, bho...@aol.com wrote: Hey thanks. Which browser were you using? Any browser. You don't allow fopr those who use a larger minimum font size. In a message dated 2/17/2013 7:28:18 P.M. Eastern Standard Time, ch...@cfajohnson.com writes: On Sun, 17 Feb 2013, bho...@aol.com wrote: I've been working on rebuilding an old website, and I've encountered a problem with it on Firefox 18.0.2.,and I don't know if the problem is my CSS or my JavaScript. With Firefox, the first Gold Member Listing and first Silver Member Listing appear heavily indented and cut off on the right side. I'm using Windows 7. The page is at: _http://www.sportsmansresource.com/flocalxnewyork_1c.htm_ (http://www.sportsmansresource.com/flocalxnewyork_1c.htm) See also http://b.cfaj.ca/SportsmansResource.jpg -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS or JavaScript?
Okay, I think I have my initial problem solved. I needed to add some more html css to my JavaScript. Bruce In a message dated 2/17/2013 7:51:58 P.M. Eastern Standard Time, bho...@aol.com writes: Okay, but that's a whole different issue, no? In a message dated 2/17/2013 7:41:08 P.M. Eastern Standard Time, ch...@cfajohnson.com writes: On Sun, 17 Feb 2013, bho...@aol.com wrote: Hey thanks. Which browser were you using? Any browser. You don't allow fopr those who use a larger minimum font size. In a message dated 2/17/2013 7:28:18 P.M. Eastern Standard Time, ch...@cfajohnson.com writes: On Sun, 17 Feb 2013, bho...@aol.com wrote: I've been working on rebuilding an old website, and I've encountered a problem with it on Firefox 18.0.2.,and I don't know if the problem is my CSS or my JavaScript. With Firefox, the first Gold Member Listing and first Silver Member Listing appear heavily indented and cut off on the right side. I'm using Windows 7. The page is at: _http://www.sportsmansresource.com/flocalxnewyork_1c.htm_ (http://www.sportsmansresource.com/flocalxnewyork_1c.htm) See also http://b.cfaj.ca/SportsmansResource.jpg -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Droid Razr CSS problems again
I've had trouble with my css on the Droid RAZR in the recent past, and I'm having trouble again with it again on a different website. Again, all my text is pushed to the left at less than half its intended width. If you have any suggestions, please let me know. _http://www.sportsmansresource.com/canaryislandsfishing/test/index.htm_ (http://www.sportsmansresource.com/canaryislandsfishing/test/index.htm) I'm only focusing on the index page right now. Thanks. Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Droid RAZR problem
Hey, thanks. Now that's something I haven't seen before. Which platform/device are you using? Is it my CSS? Thanks, Bruce In a message dated 8/31/2012 12:16:07 A.M. Eastern Daylight Time, ch...@cfajohnson.com writes: On Thu, 30 Aug 2012, bho...@aol.com wrote: _http://www.sportsmansresource.com/flocalxnewyork_1a.htm_ http://b.cfaj.ca/sportsmansresource.jpg (The page continues like that all the way to the bottom.) -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Droid RAZR problem
Hey thanks. I'm using Firefox 15 on Windows 7 too, and yet I'm not seeing the trouble on my PC. I tried it on my wife's laptop (Firefox 15 Windows 7), and fine there too. Bruce In a message dated 8/31/2012 10:29:09 A.M. Eastern Daylight Time, patr...@iampms.com writes: On 8/31/2012 10:20 am, bho...@aol.com wrote: Hey, thanks. Now that's something I haven't seen before. Which platform/device are you using? Is it my CSS? Thanks, Bruce In a message dated 8/31/2012 12:16:07 A.M. Eastern Daylight Time, ch...@cfajohnson.com writes: On Thu, 30 Aug 2012, bho...@aol.com wrote: _http://www.sportsmansresource.com/flocalxnewyork_1a.htm_ http://b.cfaj.ca/sportsmansresource.jpg (The page continues like that all the way to the bottom.) I see this on Firefox 15 on Win7. -- //patrick http://iampms.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Droid RAZR problem
Hi. I'm rebuilding a very old website, and I've got a page designed that seems to work properly on all platforms, except on the Droid RAZR. Contents within a p tag don't fill their entire containing div. It only seems to fill the left half of a div. I'm not an expert, but I'm scratching my head. Any help is appreciated. The page is: _http://www.sportsmansresource.com/flocalxnewyork_1a.htm_ (http://www.sportsmansresource.com/flocalxnewyork_1a.htm) Thanks. Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Droid RAZR problem
Thanks for the tip. I cleared most of the errors, other than the alt attributes (which I will get to later), and still the same problem on the RAZR. I can't imagine that missing alt attributes would cause this. Any other suggestions? _http://www.sportsmansresource.com/flocalxnewyork_1a.htm_ (http://www.sportsmansresource.com/flocalxnewyork_1a.htm) Thanks in advance. Bruce In a message dated 8/30/2012 2:40:15 P.M. Eastern Daylight Time, p.tay...@rhul.ac.uk writes: 32 HTML errors and 68 warnings; once these are corrected, there is a far greater chance that the site will behave correctly and consistently across all platforms. http://validator.w3.org/check?uri=http://www.sportsmansresource.com/flocalxn ewyork_1a.htm Philip Taylor bho...@aol.com wrote: Hi. I'm rebuilding a very old website, and I've got a page designed that seems to work properly on all platforms, except on the Droid RAZR. Contents within a p tag don't fill their entire containing div. It only seems to fill the left half of a div. I'm not an expert, but I'm scratching my head. Any help is appreciated. The page is: _http://www.sportsmansresource.com/flocalxnewyork_1a.htm_ (http://www.sportsmansresource.com/flocalxnewyork_1a.htm) __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Droid RAZR problem
It's not geared toward any specific browser or mobile device, and it seems fine in every browser and mobile device, except that one phone - the Droid RAZR. If having a device-width meta tag or a 480 media query is something that will help, then I'll admit it's new to me and something I should learn about. But I don't get how it seems fine in Android phones, except the RAZR. Thanks, Bruce In a message dated 8/30/2012 10:48:39 P.M. Eastern Daylight Time, laakso.davi...@gmail.com writes: On Thu, Aug 30, 2012 at 2:22 PM, bho...@aol.com wrote: Hi. I'm rebuilding a very old website, and I've got a page designed that seems to work properly on all platforms, except on the Droid RAZR. Contents within a p tag don't fill their entire containing div. It only seems to fill the left half of a div. I'm not an expert, but I'm scratching my head. Any help is appreciated. The page is: _http://www.sportsmansresource.com/flocalxnewyork_1a.htm_ (http://www.sportsmansresource.com/flocalxnewyork_1a.htm) Thanks. Bruce Umm. Are you trying to hit a mobile device? The above url is to a fixed width 980px layout. I see no device-width meta tag in the head of the document; nor, any 480 media query in the style sheet. If you are using a different url for mobile, I am unable to find it on the provided page. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Tables
My first time trying CSS Tables, and I may have hit a wall. I'm very familiar with using HTML, and I guess I'm looking for something similar to HTML's 'colspan' in CSS. I've got an immense table with some rows spanning two columns. Most rows have two cells. So far, I can't find how to do this in CSS. Is it possible? Thanks. Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pixels vs. ems--what's the point?
So as a non-expert who wants to be sure my pages look a certain way, I'm best to stick with px rather than em? Bruce In a message dated 7/23/2012 2:17:56 P.M. Eastern Daylight Time, mrma...@earthlink.net writes: On 2012/07/23 09:40 (GMT-0700) David Hucklesby composed: How do pixels compare with ems on devices with high DPI/PPI? Poorly, and without regard to DPI. Px disregards user preferences 100%, bearing no relationship to ems except in cases where px per em is known, such as on an intranet and the stylist has actual knowledge of the hardware and settings in use. Em bears correlation to users' preference settings, 1:1 at the root level, other values when sizing is nested and inheritance applies, but fully predictable. The reason I ask is that, years ago, I had a laptop that was set to 120 DPI instead of the then more common 96 DPI. Setting a font size of 12 points in the CSS displayed text at 20 pixels. That's because the default size in IE and some ancient other browsers was set in pt, which was affected by DPI. But at 100% or 1em, Webkit and Mozilla browsers displayed text at 16 pixels, while IE and Opera displayed at 20 pixels. WebKit's Gecko's defaults are specified in px, which are traditionally not affected by DPI, which in turn meant only if the browser default was changed would 1rem not equal 16px. In recent years that lack of impact on DPI has been altered, such that e.g. in Gecko, when the DPI reaches 192, a switch is thrown to make a CSS px consist of two device px instead of one (and in two dimensions, height and width, since we see nothing that has non-zero height but zero width). A 23 1920x1080 display has about 2,073,600 device px, and a density to the nearest integer of 96 DPI. Had that very same 23 display a DPI of 192, it would be 3840x2160 resolution, with 7,862,400 device px, 4 times as many! Compare that to the latest Macbook Pro, with 2880x1800 resolution on a 15.4 screen! http://www.tested.com/news/44741-apple-launches-new-retina-display-macbook-p ro-with-2880x1800-display/ That's over 220 DPI! http://fm.no-ip.com/PC/dpi.xhtml Another development is that Gecko has matched the bad behavior of other browsers by hard coding a 3:4 relationship between pt and px. On todays's web a pt no longer stands a predictable chance of actually measuring a pt in size[1], except for some users of some ancient browsers, and for Konqueror[2] users. The Mozilla developers' rationalization for this is that too many poor web sites exist that depend on an assumed 3:4 ratio and break otherwise, and those powers that be decided better to have physical units bear no logical relationship to their namesakes than for all those poorly designed web sites to look as broken as they in fact are. The Mozilla marketers could stand no more of it looks OK in [IE,Chrome,Safari], why not in Firefox? increasing Chrome's market share at the expense of Firefox's. The consequence of these developments is that the predictability of actual legibility using px to size anything has become even worse than the poor it used to be. Not having even a mobile phone to test on, I am wondering how higher DPI/PPI affects relative font sizes? (Ems, Rems, percent.) Using px or any so-called physical unit is complicated because of the hard-coded 3/4 ratio and a CSS px to device px ratio that changes at integer multiples of 96. Plus, as always, most of the devices accessing the web are personal, which is to say personalizable, which in turn means you can't predict either the size of a px or the size of the UA default, much less what the relationship between them and/or legibility might be. OTOH, when you size based on a 1em root (1rem), and keep that for the majority of page text, you know there's a 1:1 relationship between the user's preferred size (however many px that happens to be) which is presumptively equal to both comfortable and legible, regardless the unknown number of users who ever personalize the OEM defaults on their personal computing devices. This is not something that DPI had, has, or will ever have any impact on. WRT images, sizing is complicated. Traditional bitmap images scale upward poorly, while required bandwidth to support large images suitable for high density displays imposes a heavy toll regardless whether the image is to be used in a context that can utilize all the px that are available. Regardless of a decision made for any given context whether to go larger or smaller in image size, keep in mind a small image rendered too small for eyes to embrace it all at its intrinsic size on a high DPI device isn't materially different in effect from that same image sized up in em so as to maintain a fixed relationship in the layout. In the former, it's just too small, while in the latter, it's fuzzy or otherwise just doesn't look right. Either
[css-d] Float problem. I think.
I'm doing over a very old website, and I'm having a problem with a floated div (content_main) not staying to the upper right. The problem can be found on _http://www.sportsmansresource.com/contact.htm_ (http://www.sportsmansresource.com/contact.htm) . No matter what I'm trying, it drops below the div floated left (left_content). It works fine on a possible homepage I created (_http://www.sportsmansresource.com/home_page_css.htm_ (http://www.sportsmansresource.com/home_page_css.htm) ). If you can help or offer any help, I'd be very appreciative. Thanks Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem. I think.
Greg,
Thanks. That always bites me.
Thanks again,
Bruce
In a message dated 7/11/2012 8:40:31 P.M. Eastern Daylight Time,
gunla...@c2i.net writes:
On 12.07.2012 01:17, bho...@aol.com wrote:
I'm doing over a very old website, and I'm having a problem with a
floated
div (content_main) not staying to the upper right.
You are apparently using overflow: auto; on div class=section to
contain floats, which creates a scrollbar that takes up space so the
right float can't fit alongside the left.
Make that '.section {overflow: hidden;}' and it will line up as intended.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] vertical menu question
On a CSS vertical menu, is there a way to have its submenus open in an upward direction if the submenu doesn't have enough space to open in a downward direction? Thanks. Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Vertical Menu help
Has anyone seen a free CSS vertical menu whose sub-folders open either up or down based on where they are on the page so as to not have its options off your screen edge? I'm sure I worded that wrong. It basically needs to sense where the display edge is, and open in whichever direction that allows it to open in total view. I'm looking for something similar to HV Menu (_http://www.dynamicdrive.com/dynamicindex1/hvmenu/_ (http://www.dynamicdrive.com/dynamicindex1/hvmenu/) ), but HV Menu is JavaScript. Thanks, Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Is CSS affecting my Flash?
Hi. Something is making my Flash file look off on a maximized IE at 1024x768. It looks fine on every other browser I'm trying, so I'm wondering if it's a CSS float issue. I know I screw up CSS floats sometimes, and I'm wondering if this is one of those times. _http://www.suffolksites.com/affordable_roofing_remodeling/_ (http://www.suffolksites.com/affordable_roofing_remodeling/) Any insight would be greatly appreciated. Thanks Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Website won't scroll down
Hi. For the life of me, I can't figure out why this stripped down version of a website I'm building won't scroll down. Is it the css? _http://www.suffolksites.com/affordable_roofing_remodeling/trying.htm_ (http://www.suffolksites.com/affordable_roofing_remodeling/trying.htm) Oh, disregard the text. It's just some garbage I threw in there to expand the page. Thanks, Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Website won't scroll down
Hey thanks, but you have the wrong stylesheet. It's stylesheet2.css. In a message dated 1/13/2012 7:24:11 P.M. Eastern Standard Time, mickyhulse.li...@gmail.com writes: Hi, On Fri, Jan 13, 2012 at 4:17 PM, bho...@aol.com wrote: Hi. For the life of me, I can't figure out why this stripped down version of a website I'm building won't scroll down. Is it the css? It's the overflow: hidden on the body. Cheers, Micky __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Website won't scroll down
Oh hey, wow. That was automatically generated code by Adobe Flash, and as
dumb as it sounds, it never dawned on me to look THERE for CSS.
That fixed it.
Thanks,
Bruce
In a message dated 1/13/2012 8:00:53 P.M. Eastern Standard Time,
c...@wastedtimes.net writes:
Hi.
On Saturday 14 Jan 2012 at 00:31 bho...@aol.com wrote:
Hey thanks, but you have the wrong stylesheet. It's stylesheet2.css.
Javascript in the page is adding the following styling to the head element:
style type=text/css media=screenhtml {height:100%; background-color:
#ff;}body {margin:0; padding:0; overflow:hidden;
height:100%;}#flashContent {visibility:hidden}/style
Micky is right; it is the overflow:hidden rule that is breaking the
scrolling.
Cheers,
Mark
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Font issues in a P tag
I'm having trouble some issues with fonts within a P tag. They won't alter their current style, regardless of what I try. The site is _www.travelexperienceclub.com_ (http://www.travelexperienceclub.com) . What do I need to do / post in order for assistance? Thanks, Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font issues in a P tag
I fixed it. Stupid mistake. Sorry. In a message dated 12/1/2011 5:17:40 P.M. Eastern Standard Time, bho...@aol.com writes: I'm having trouble some issues with fonts within a P tag. They won't alter their current style, regardless of what I try. The site is _www.travelexperienceclub.com_ (http://www.travelexperienceclub.com) . What do I need to do / post in order for assistance? Thanks, Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font issues in a P tag
Hey, thanks for the help. I had both a div and a p with the same class name, and I guess the div class was overriding the p class. Stupid. Oh, and thanks for the heads up on the extra semicolon. Thanks, Bruce In a message dated 12/1/2011 6:53:32 P.M. Eastern Standard Time, jkorp...@cs.tut.fi writes: 2011-12-02 1:44, Tom Livingston wrote: There are several markup errors on the page (as reported by http://validator.w3.org), and while some of them are essential, I don't think they affect font issues. And there is one CSS syntax error (as reported by http://jigsaw.w3.org/css-validator/): line 280 has margin:10px 0px 0px; 0px; where the first semicolon ; should be a comma ,. But this doesn't affect fonts. Ive never seen a margin spec such as: margin: 10px 0px 0px, 0px; as suggested. Sorry, I wasn't thinking; should be spaceof course. And we will remain ignorant of what the real problem was... Yucca __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] problems with flash?
Hi. I have a site designed using css. It works fine in every browser until I add the coding for a flash file. Then everything gets thrown off. Has anyone else encountered this problem, and if so what was your solution? I'm using Adobe Flash Professional CS5. Thanks. Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problems with flash?
I figured it out. I was using the code generated by Flash CS5. No good. In Dreamweaver, I used the Insert Media, and it corrected the problem. In a message dated 8/10/2011 7:50:00 P.M. Eastern Daylight Time, bho...@aol.com writes: Hi. I have a site designed using css. It works fine in every browser until I add the coding for a flash file. Then everything gets thrown off. Has anyone else encountered this problem, and if so what was your solution? I'm using Adobe Flash Professional CS5. Thanks. Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] labels and text fields
Hi. In CSS, is there a way to have a label and a text field with another label and text field all on the same line within 650px? Thanks, Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Form's submit button
Hi. I apologize if these questions came up before. A. Is there a way to use a form's standard submit button with CSS, and have it with a universal size regardless of which browser the page in viewed in? (not looking for a custom button solution) B. How in the world do you properly center it? Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] forms in table
Hi. I haven't had the need to use forms in a web site in several years, but when I did, I set them up in tables using strictly HTML. So now I'm using CSS to lay out the table, and no matter what I'm trying, when I have a cell with text next to a cell with a text box, the text in the left cell is lower than the text box in the right cell in everything but Internet Explorer. Any ideas? Thanks, Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Extending a div with background
With Dreamweaver, while creating a two column page with a header and footer, it states: By nature, the background color on any div will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content div will always contain more content, you can place a border on the .content div to divide it from the column. Is there a way around that? Bruce __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] font size on pc screen vs mobile phone
Hi. I'm trying to write something in a div that measures 400px wide. It looks fine on my computer screen, but on an iPhone, the text exceeds the div. It looks fine on the Droid. Is there anything I can do? Thanks, Bruce __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] On iPhone, fonts look smaller in the footer
I know my code is probably sloppy, but I'm learning.
On a site I'm working on, everything looks as planned on all browsers on my
computer and mobile devices, except the iPhone iPod Touch. On these
two devices, the text in the footer is somehow half the size as it should be.
Any ideas?
Bruce
p.bottom_links{
text-align:center;
}
span.bottom_words{
font-family:Arial, Helvetica, sans-serif;
color: #00;
font-size: 12px;
letter-spacing:0px;
}
a.bottom_menu:link {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
a.bottom_menu:visited {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
a.bottom_menu:hover {text-decoration: underline; color: #00;
font-family: arial; font-size: 12px;}
a.bottom_menu:active {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
P class=bottom_links
HR COLOR=#00 WIDTH=860
A HREF=index.htm class=bottom_menuHome/A nbsp; nbsp; | nbsp;
nbsp;
A HREF=about.htm class=bottom_menuAbout Us/A nbsp; nbsp; |
nbsp; nbsp;
A HREF=members.htm class=bottom_menuMembers Area/A nbsp; nbsp; |
nbsp; nbsp;
A HREF=travel.htm class=bottom_menuTravel Tips/A nbsp; nbsp; |
nbsp; nbsp;
A HREF=passport.htm class=bottom_menuPassport Info/A nbsp; nbsp;
| nbsp; nbsp;
A HREF=contact.htm class=bottom_menuContact Us/A
BR /BR /
SPAN class=bottom_wordsDesigned and maintained by/SPAN
BR /
A HREF=http://www.sitenotready.com; class=bottom_menuSite Not
Ready/A/P
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] On iPhone, fonts look smaller in the footer
Sorry about the previous email. One of these days I'll learn how to send
code.
I know my code is probably sloppy, but I'm learning.
On a site I'm working on, everything looks as planned on all browsers on
my computer and mobile devices, except the iPhone iPod Touch. On these
two devices, the text in the footer is somehow half the size as it should be.
Any ideas?
Bruce
p.bottom_links{
text-align:center;
}
span.bottom_words{
font-family:Arial, Helvetica, sans-serif;
color: #00;
font-size: 12px;
letter-spacing:0px;
}
a.bottom_menu:link {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
a.bottom_menu:visited {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
a.bottom_menu:hover {text-decoration: underline; color: #00;
font-family: arial; font-size: 12px;}
a.bottom_menu:active {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
P class=bottom_links
HR COLOR=#00 WIDTH=860
A HREF=index.htm class=bottom_menuHome/A nbsp; nbsp; | nbsp;
nbsp;
A HREF=about.htm class=bottom_menuAbout Us/A nbsp; nbsp; |
nbsp; nbsp;
A HREF=members.htm class=bottom_menuMembers Area/A nbsp; nbsp;
| nbsp; nbsp;
A HREF=travel.htm class=bottom_menuTravel Tips/A nbsp; nbsp; |
nbsp; nbsp;
A HREF=passport.htm class=bottom_menuPassport Info/A nbsp; nbsp;
| nbsp; nbsp;
A HREF=contact.htm class=bottom_menuContact Us/A
BR /BR /
SPAN class=bottom_wordsDesigned and maintained by/SPAN
BR /
A HREF=http://www.sitenotready.com; class=bottom_menuSite Not
Ready/A/P
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] On iPhone, fonts look smaller in the footer
Sorry about the previous email. One of these days I'll learn how to send
code.
I know my code is probably sloppy, but I'm learning.
On a site I'm working on, everything looks as planned on all browsers on
my computer and mobile devices, except the iPhone iPod Touch. On these
two devices, the text in the footer is somehow half the size as it should be.
Any ideas?
Bruce
p.bottom_links{
text-align:center;
}
span.bottom_words{
font-family:Arial, Helvetica, sans-serif;
color: #00;
font-size: 12px;
letter-spacing:0px;
}
a.bottom_menu:link {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
a.bottom_menu:visited {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
a.bottom_menu:hover {text-decoration: underline; color: #00;
font-family: arial; font-size: 12px;}
a.bottom_menu:active {text-decoration: none; color: #00; font-family:
arial; font-size: 12px;}
!--
P class=bottom_links
HR COLOR=#00 WIDTH=860
A HREF=index.htm class=bottom_menuHome/A nbsp; nbsp; | nbsp;
nbsp;
A HREF=about.htm class=bottom_menuAbout Us/A nbsp; nbsp; |
nbsp; nbsp;
A HREF=members.htm class=bottom_menuMembers Area/A nbsp; nbsp;
| nbsp; nbsp;
A HREF=travel.htm class=bottom_menuTravel Tips/A nbsp; nbsp; |
nbsp; nbsp;
A HREF=passport.htm class=bottom_menuPassport Info/A nbsp; nbsp;
| nbsp; nbsp;
A HREF=contact.htm class=bottom_menuContact Us/A
BR /BR /
SPAN class=bottom_wordsDesigned and maintained by/SPAN
BR /
A HREF=http://www.sitenotready.com; class=bottom_menuSite Not
Ready/A/P
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Flash and my CSS
Thanks, but that doesn't seem to change anything. Any other ideas? In a message dated 7/6/2010 11:22:28 P.M. Eastern Daylight Time, efarley.m...@gmail.com writes: On Tue, Jul 6, 2010 at 6:42 PM, bho...@aol.com wrote: I'm trying to add a Flash logo at the top of the page in a DIV called header, which is in a DIV called container. The logo is 890 x 162.It looks fine on IE8, Chrome, and Safari, but when it's viewed on AOL 9.1 and IE8 in compatibility mode, there's a hair-line thin white line to the left of the Flash logo - almost as if the logo is slightly compressed in width. Any ideas? * Try a parameter called wmode: param name=wmode value=transparent / Try placing it in your object code and your script code... Good luck, hope it helps, -- Elizabeth Farley __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Flash and my CSS
Figured it out. I changed the text-align in header from center to left. I don't get why, but problem solved. In a message dated 7/7/2010 11:57:00 A.M. Eastern Daylight Time, bho...@aol.com writes: Thanks, but that doesn't seem to change anything. Any other ideas? In a message dated 7/6/2010 11:22:28 P.M. Eastern Daylight Time, efarley.m...@gmail.com writes: On Tue, Jul 6, 2010 at 6:42 PM, bho...@aol.com wrote: I'm trying to add a Flash logo at the top of the page in a DIV called header, which is in a DIV called container. The logo is 890 x 162. It looks fine on IE8, Chrome, and Safari, but when it's viewed on AOL 9.1 and IE8 in compatibility mode, there's a hair-line thin white line to the left of the Flash logo - almost as if the logo is slightly compressed in width. Any ideas? * Try a parameter called wmode: param name=wmode value=transparent / Try placing it in your object code and your script code... Good luck, hope it helps, -- Elizabeth Farley __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Flash and my CSS
I'm trying to add a Flash logo at the top of the page in a DIV called
header, which is in a DIV called container. The logo is 890 x 162. It looks
fine on IE8, Chrome, and Safari, but when it's viewed on AOL 9.1 and IE8 in
compatibility mode, there's a hair-line thin white line to the left of
the Flash logo - almost as if the logo is slightly compressed in width. Any
ideas?
body {
margin:0;
padding:0;
height:100%;
min-width:890px;
background-image:url(images/background_001.jpg);
background-position:center;
text-align: center;
}
#container {
min-height:100%;
position:relative;
text-align:center;
}
#header {
width:890px;
max-width:890px;
height:162px;
text-align:center;
margin: 0 auto;
padding:0px;
}
div id=container
div id=header
object classid=clsid:d27cdb6e-ae6d-11cf-96b8-44455354
codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8
,0,0,0 width=890 height=162 id=banner_004 align=middle
param name=allowScriptAccess value=sameDomain /
param name=movie value=banner_004.swf /param name=quality
value=high /param name=bgcolor value=#ff /embed
src=banner_004.swf
quality=high bgcolor=#ff width=890 height=162
name=banner_004 align=middle allowScriptAccess=sameDomain
type=application/x-shockwave-flash
pluginspage=http://www.macromedia.com/go/getflashplayer; /
/object
/div
/div
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] letter-spacing
Hi. letter-spacing seems to function in IE, but not in Safari, or Google
Chrome. Is this normal?
bhomis
p.general_text{
font-size: .8em;
font-family: arial;
color: #33;
letter-spacing:.5px;
line-height: 145%;
text-align:left;
}
P class=general_text text goes here. /P
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] first line of code
Hi. Dreamweaver automatically places the following line at the top of the page: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; Is it necessary? It throws off the appearance of my pages. When I remove it, things look as they should. Thanks, bhomis __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Table cell padding
I'm waving the white flag here. I'm trying to create an html table using
css attributes, and regardless of what I'm trying, I can't get rid of the
cellpadding. Shouldn't this work?
table{
padding:0px;
}
bhomis
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] need page to take up entire screen
Hi. I'm creating a nested DIV page (one column) and I'm encountering a
problem. I would like the paragraph named bottom_section to go to the
bottom of the page, regardless of the users screen resolution. Right now, the
way it is, everything is in order, but the bottom_section doesn't reach
the bottom of the screen. I created another DIV called add_space figuring
I can somehow make it be a buffer between the paragraph named
general_text and bottom_section. I'd like add_space to fill whatever
empty space
is available on the page, and in the process, stretch the DIVs named
main_content and inner_content, and push bottom_section to the bottom of
the screen.
I'm posting a stripped down version of the code. Any help is greatly
appreciated.
Thanks.
bhomis
HTML
HEAD
style type=text/css
div.whole_page{
width:100%;
height:100%;
margin-left: 0px;
margin-right: 0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
vertical-align:top;
}
div.encase_with_background{
background-image:url(images/background_001.jpg);
width:900px;
height:100%;
margin-left:auto;
margin-right:auto;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
vertical-align:top;
}
div.encase_logo_and_body{
margin-left:auto;
margin-right:auto;
width:890px;
height:100%;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
text-align:center;
vertical-align:top;
margin: 0px;
}
div.main_content{
width:890px;
text-align:center;
vertical-align:top;
background-color:#fbfbfb;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
margin: 0px;
}
div.inner_content{
margin-left: auto;
margin-right: auto;
width:860px;
vertical-align:top;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}
p.paragraph_titles{
font-size: 1.5em;
}
p.general_text{
font-size: .8em;
}
div.add_space{
width:860px;
}
p.bottom_section{
text-align:center;
}
/style
/HEAD
BODY TOPMARGIN=0 BOTTOMMARGIN=0 LEFTMARGIN=0 RIGHTMARGIN=0
BGCOLOR=#dddac7
DIV class=whole_page
DIV class=encase_with_background
DIV class=encase_logo_and_body
TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=890
HEIGHT=169
TR
TD WIDTH=890 HEIGHT=4 BGCOLOR=#ad1a60IMG SRC=images/empty.gif
HEIGHT=4 WIDTH=15 HSPACE=0 VSPACE=0/TD
/TR
TR
TD WIDTH=890 HEIGHT=162 ALIGN=LEFT VALIGN=TOP
A Flash logo goes here that measures 890w x 162h.
/TD
/TR
TR
TD WIDTH=890 HEIGHT=3 BGCOLOR=#070761/TD
/TR
/TABLE
DIV class=main_content
DIV class=inner_content
P class=paragraph_titlesAny title/P
P class=general_textGeneral text/P
DIV class=add_space/DIV
P class=bottom_sectionHR COLOR=#00 WIDTH=860Bottom text/P
/DIV
/DIV
/DIV
/DIV
/DIV
/BODY
/HTML
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Sorry if it's not working
Well, I don't know about everyone else, but the HTML is showing up all screwy in my email. Sorry. bhomis __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Need content to take up entire page
Hi. I'm trying this email again in hope of the HTML showing up properly.
I apologize for any inconvenience.
I'm creating a nested DIV page (one column) and I'm encountering a
problem. I would like the paragraph named bottom_section to go to the
bottom of
the page, regardless of the users screen resolution. Right now, the way
it is, everything is in order, but the bottom_section doesn't reach the
bottom of the screen. I created another DIV called add_space figuring I
can somehow make it be a buffer between the paragraph named general_text
and bottom_section. I'd like add_space to fill whatever empty space is
available on the page, and in the process, stretch the DIVs named
main_content and inner_content, and push bottom_section to the bottom of
the
screen.
I'm posting a stripped down version of the code. Any help is greatly
appreciated.
Thanks.
bhomis
HTML
HEAD
style type=text/css
div.whole_page{
width:100%;
height:100%;
margin-left: 0px;
margin-right: 0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
vertical-align:top;
}
div.encase_with_background{
background-image:url(images/background_001.jpg);
width:900px;
height:100%;
margin-left:auto;
margin-right:auto;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
vertical-align:top;
}
div.encase_logo_and_body{
margin-left:auto;
margin-right:auto;
width:890px;
height:100%;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
text-align:center;
vertical-align:top;
margin: 0px;
}
div.main_content{
width:890px;
text-align:center;
vertical-align:top;
background-color:#fbfbfb;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
margin: 0px;
}
div.inner_content{
margin-left: auto;
margin-right: auto;
width:860px;
vertical-align:top;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}
p.paragraph_titles{
font-size: 1.5em;
}
p.general_text{
font-size: .8em;
}
div.add_space{
width:860px;
}
p.bottom_section{
text-align:center;
}
/style
/HEAD
BODY TOPMARGIN=0 BOTTOMMARGIN=0 LEFTMARGIN=0 RIGHTMARGIN=0
BGCOLOR=#dddac7
DIV class=whole_page
DIV class=encase_with_background
DIV class=encase_logo_and_body
TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=890 HEIGHT=169
TR
TD WIDTH=890 HEIGHT=4 BGCOLOR=#ad1a60IMG SRC=images/empty.gif
HEIGHT=4 WIDTH=15 HSPACE=0 VSPACE=0/TD
/TR
TR
TD WIDTH=890 HEIGHT=162 ALIGN=LEFT VALIGN=TOP
A Flash logo goes here that measures 890w x 162h.
/TD
/TR
TR
TD WIDTH=890 HEIGHT=3 BGCOLOR=#070761/TD
/TR
/TABLE
DIV class=main_content
DIV class=inner_content
P class=paragraph_titlesAny title/P
P class=general_textGeneral text/P
DIV class=add_space/DIV
P class=bottom_sectionHR COLOR=#00 WIDTH=860Bottom text/P
/DIV
/DIV
/DIV
/DIV
/DIV
/BODY
/HTML
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Adding something to the top left and surrounding it by text to the right botto
Hi. I'm extremely used to designing by coding with HTML tables, but now I'm trying to make the conversion to CSS design. What I can't seem to find is how, within a P, DIV, or SPAN tag set, to have a block of text (such as a Google Adsense ad) in the upper left corner, with the rest of any other page content off to the right of it and eventually under it and continuing across the whole page. Below I have the HTML content. Any ideas on how to accomplish this in CSS? Thanks TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=850 TR TD WIDTH=850 ALIGN=LEFT VALIGN=TOP TABLE WIDTH=280 HEIGHT=260 CELLPADDING=0 CELLSPACING=0 BORDER=0 ALIGN=LEFT VALIGN=TOP TR TD WIDTH=250 HEIGHT=250 google adsense code here /TD /TR /TABLE BR TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 TR TD ALIGN=LEFT VALIGN=TOP Lots of text here. Imagine a page with the ad in the upper left corner, and text to the right of it and eventually under it. I don't want text solely to the right. /TD /TR /TABLE /TD /TR /TABLE __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
