[css-d] content div dropping down in IE

I am working on the layout of a site which involved a scrolling (when the content allows it) div that is supposed to align to the right of a side column (floated left). here is the url: http://warriorsarise.org/ appears fine to me in FF and Safari. in IE the content col (named #content_area in

[css-d] CSS to eliminate dotted borders on hyperlink clicks

I remember reading somewhere about CSS you can add, so that links won't get the dotted border around them when you click on the links , but I cannot remember what it is. Can anyone refresh my memory? This may be just a Firefox thing. -- ::Bruce:: __

Re: [css-d] 3 col layout breaks in IE6

On 7/1/07, Bruce Gilbert <[EMAIL PROTECTED]> wrote: > > Hello, > > I have a test page set up at http://www.mellonaidftp.com/ssri/test.php > > the page displays as intended in IE7 and Firefox, but in IE6, it blows up. > The rounded corner boxes that should be floating

[css-d] 3 col layout breaks in IE6

Hello, I have a test page set up at http://www.mellonaidftp.com/ssri/test.php the page displays as intended in IE7 and Firefox, but in IE6, it blows up. The rounded corner boxes that should be floating right are displaying in the middle column and the middle column text is barely making an appear

[css-d] gradient shadow not covering float

hello, on my test page here: http://www.mellonaidftp.com/ssri/test.php there is a gradient that starts below where the big brown image place holder is, where you see the breadcrumb links and printer/email a friend icons. This gradient needs to extend all the way to the right behind the third col

[css-d] help with content column dropping down in IE6

I am having difficulty with IE6 (again). The problem is on this page http://www.cassell.com/draft/tandem/CSS_Design/index.html http://www.cassell.com/draft/tandem/CSS_Design/site.css In ie 6 #maincol.narrow wants to drop down no matter what I try.I tried adjusting the widths, margin etc. I have w

[css-d] CSS menu not behaving in IE 6

Hello, I am trying to figure out the best solution to why in IE6, The last tab in on my Menu is not displaying inline like it does in FF and IE7. It appears extra padding or margin is being added between the UL LI tags or something.The tab for 'About VAE; drops down below the menu within the conte

[css-d] :focus and IE

I am using :focus in my CSS and works great in FF, but not in IE6 on PC, does IE not support :focus? This is IE6, I am testing on..haven't tried IE-7. CSS: input[type=text]:focus, textarea:focus{ color:#333; background-color:lightyellow; border:1px solid #000; } XHTML: etc. -- ::Bruce::

[css-d] unwanted space in IE 6

on this page I am working on http://inspired-evolution.com/Bitface_design/ under the Cartus log and the picture of the hands, you will see a little bit of the green background showing through from the header div. I don't want this spacing and it's not evident in FF. I have all of the divs involve

[css-d] outer shadow of web page not displaying all of the way on the right hand side

on this template page I am working on, I cannot get the right shadow on the outer part of the page to display like it's left side counterpart. The shadow wants to stop after my header and not continue downward. Thia appears the case in all browsers I have tested on. the URL is : http://www.inspir

Re: [css-d] cannot get side shadows for outer div to display right in FF

> > >Yes :-) > > >Add borders on the following elements and you'll see better > > >#outer_div{ > >height: 100%; > >margin-left: auto; > >margin-right: auto; > >width:58em; > >border:1px solid lime > >} > > >#shadow_container{ > >margin:0; > >padding:0; > >width:62em; > >border:1px solid red > } > >

[css-d] cannot get side shadows for outer div to display right in FF

Hello, I am attempting to create a CSS based page which is centered within a browser window and has a shadow effect on the outer div repeating vertically down the left and right sides. I have this looking decent in IE, but in Mozilla/FF it is really screwy looking with the shadow not fitting the l

[css-d] help with float drop in third column of CSS layout -Mozilla Browsers

, Bruce Gilbert __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org

Re: [css-d] floats or margin alignment?

: > On 6/18/06, Bruce Gilbert <[EMAIL PROTECTED]> wrote: > > I was just curious as to the benefits of floating divs, as opposed to > > aligning with margin spacing? It seems that floated elements often > > case floats drops and the floats need to be cleared etc. whereas

[css-d] floats or margin alignment?

I was just curious as to the benefits of floating divs, as opposed to aligning with margin spacing? It seems that floated elements often case floats drops and the floats need to be cleared etc. whereas margin somewhat more easy to manage.

Re: [css-d] fixed background over scrolling text problem

ny wrote: > > On 15 Jun 2006, at 00:20, Bruce Gilbert wrote: > > > > > >> I have a div filled with text that I am creating scrolling > >> functionality using DHTML. I am having a CSS issue because my > >> background image was scrolling along with the te

[css-d] fixed background over scrolling text problem

I have a div filled with text that I am creating scrolling functionality using DHTML. I am having a CSS issue because my background image was scrolling along with the text, and I wanted it to remain put (static), so I tried this: #col_2_scroll{ position: absolute; left:575px; top:265px; width:450p

[css-d] inconsistincies with suckerfish hover menu over multiple browsers

Hello, I am attempting a suckerfish type menu on this page ( http://www.inspired-evolution.com/About_Me.php) and I am having a few issues. In IE 6 the submenu isn't aligning vertical to the main navigation. It is appearing off to the right a bit. In Mozilla, the main menu isn't centered like I wan

[css-d] rounded corner box is funky in IE, surprise surprise!

I am applying a technique I read about using images for the corners along with CSS to achieve a rounded box effect. Looks fine to me in Mozilla but in IE the right side isn't rounded, but a straight vertical line. See here for an example. http://www.inspired-evolution.com/Personal.php I tried dep

[css-d] IE 5 Mac problem with image askew

There are several problems on Mac IE5 for a site I am working on: pages in question: http://www.fortuneinteractive.com/Partners.php http://www.fortuneinteractive.com the biggest problem is the image towards the top with the guy and the telescope is off the the right from the rest of the page. T

[css-d] text not wrapping around floating div in IE

Hello, on the personal site that I am working on (http://www.inspired-evolution.com/About_Me.php), in IE the paragraph text is dropping below the right floated div (suggested links), (see mozilla, firefox for intended look). I was hoping for some suggestions to achieve the same effect in IE as in

[css-d] don't want image on last link!

I have a uborganized list which are also hyperlinks. I am wanting an image to appear to the right of the first two links, but not the third (or last). what I have is in the XHTML Site Map Contact Us Free Consultation and in the CSS: ul.sitemap li a{ padding:0 1.5em 0 .5em; background:url

[css-d] page with form is displaying wacky

I am testing a page that has two block columns beginning about 1/3rd down the page. There is supposed to be a line that extends all the way to the footer in between these two columns, and this is working on all pages except. this one: http://www.fortuneinteractive.com/Consultation_test.php I thin

[css-d] question about universal declaration of zero padding, margin in css stylesheets

If I declare at the top of my stylesheet div {margin:0; padding:0;} when I declare a specific div eg: #header, do I need to declare the zero attributes in there as well or does my top declaration take care of that? -- ::Bruce:: ___

[css-d] IE 5 Mac totally not diggin my CSS!

Hello, I know no-one (or hardly no-one) uses IE 5 Mac anymore, but I am trying to at least have my site presentable in that browser (it currently is not). Right now nothing shows up at all except the outer div and header graphic. The site is at http://www.inspired-evolution.com/ and the CSS is ht

[css-d] need to get rid of scroll ar in FF/mozilla, but have div extend to footer

Hello, on a new site I am woking on (http://www.fortuneinteractive.com/) in Mozilla/FF. you get the horizontal and vertical scroll bar and I know the reason why. It is because I am overflow:auto on my content div. I added this after googling and finding this was a float clearing solver. the conte

[css-d] new warnings when validating CSS file

Today, I am suddenly getting all of these warnings when validating my CSS file that weren't there last week. I didn't make any major changes to my css file. Most of the warnings say either: You have no color with your background-color : or : You have no background-color with your color and s

[css-d] repost- unwanted gaps surrounding div in IE 6

I posted this several weeks ago, but didn't get a response, so I am reposting. For a page I am working on such as this one: http://www.semlogic.com/test/newsletter1.php with the dark grey bar below the top banner there is unwanted spacing around the bar which is a div. I have added padding:0,

[css-d] need assistance in IE 5 PC fixes

Hello, on my personal site at http://www.inspired-evolution.com, there are a few "issues" I noticed in IE 5 PC. the top graphic doesn't extend all the way to the right leaving a gap between the header and container. Top menu is all bunched together and floating to the left below my header, an

[css-d] possible to declare multiple backgrounds on divs in CSS?

Is this possible to do? #content_wrapper{ width: 720px; margin:0; padding:0; text-align: left; height:100%; background: #fff url(../assets/images/left_bg_repeat.gif) repeat-y top left; background: url(../assets/images/right_outer_repeat.gif) repeat-y top right; } or are you only allowed oneba

[css-d] design breaks upon text resize (IE 6 PC)

I am testing a site in IE 6 pc and noticed that when you resize the text, the Middle and right divs "drop" down below their container. I have all the position sizing set in pixels, except for the font sizes which are set in ems for resizability. I assume this is happening because the text is ex

[css-d] unwanted white space between divs in IE

On this page:http://www.semlogic.com/test/index.htm I have a little unwanted white space when viewing in IE PC 6 between the grey bar near the top and the left blue column. I have adding padding:0 and margin:0 to both divs and also tried the holly hack for the 3 pixel jog, but I am still getting t

[css-d] right column sitting below content wrapper in 3 col layout

I am having probs with a 3 column lay-out that am trying to base off of this article in ALA http://www.alistapart.com/discuss/negativemargins/ My right column is dropping below the other two columns even though there is plenty of space. I *believe* for the column to be sontained. The right column

[css-d] some unwanted spacing in FF/Mozilla

On this site :http://www.semlogic.com/ there is some unwanted spacing on the right margin where my h2 is for testimonials is. (between the header and top gray bar). I am not sure where this is coming from. Can someone take a look and give me some possible suggestions? thanks! the relevent CSS is

[css-d] problems with overlapping elements

On a page I am working on, I am trying to get a background image for a search bar to overlap and appear in front of another background image. I am not sure if this is even possible, but I am trying to do it using z-index to no avail. the page url is:http://www.semlogic.com/new_version/template.htm

[css-d] faux column not working in IE 6 PC

I am trying to use the faux clumn technique for the left quadrent of my page which I want to extend down to the footer and starts at my light green h1 block with a green right border down the page. see here:http://www.wealthdevelopmentmortgage.com/Bruce/Company.htm works fine in FF but in IE the

[css-d] Re: trouble getting floated images to look right in IE (PC)

> In the declaration for the images, change padding to margin. > Regards, > David Laakso > > -- > David Laakso > http://www.dlaakso.com/ oh, duh. Yep that worked. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mai

[css-d] proper syntax for background-repeat x and y?

I have an image that I want tile both verticall and horizontally so I declare it in CSS as : background-image: url(/test/images/BG_tile.gif);background-repeat: repeat-y repeat-x; which works just fine, but CSS validator gives parse error and says too many values. Is this not the proper way to so

[css-d] trouble getting floated images to look right in IE (PC)

Hello all, I need some help getting this page to look better in IE6 PC: http://www.wealthdevelopmentmortgage.com/Bruce/Team.htm the problem is in IE there is no spacing between the images of the people picts and the bio text. When I put a border around the content, it looks like the image is con

[css-d] hover list issue / question

I am having a few issues with my menu on hover. I want the hover effect to be over the entire block leaving no space in between the white lines.(looking at FF and IE 6.0 PC) you can see what I mean in you go here :http://www.wealthdevelopmentmortgage.com/Bruce/Team.htm and hover over the top men

[css-d] a few more issues in FF (perhaps dealing with float clearing)

Hey guys, I am having a few more issues at : http://www.wealthdevelopmentmortgage.com/test/test_file.htm CSS: http://www.wealthdevelopmentmortgage.com/test/WDM.css when reviewing in FF, I notice the image (the key in hand image), has some unwanted space between the top of the image and the li

[css-d] firefox is displaying unwanted gap between menu and below content, other issues

Hello, on my test page http://www.wealthdevelopmentmortgage.com/test/test_file.htm in FF 1.0 PC, I am getting unwanted spacing between the top green menu and the flash file below which I can't come up with a fix for. IE doesn't display the gap, so my CSS must be wrong! also, the top menu (HOME,

[css-d] nav menu list issues with IE

Hello, for my top navigation menu located at http://www.inspired-evolution.com (about me, skill set etc.) to get the double pipe lines I am using in my CSS #navcontainer li:before { content: "|| "; color: #fff; font-size: 1.5em; line-height: 1em; padding-

[css-d] couple of dropcap issues (mostly IE)

Hello, on my home page (http://www.inspired-evolution.com), I have created a fancy dropcap for the I in inspired and noticed a couple of issues. 1) The "I" in inspired isn't centered in the blue background like I want it to be. 2) In IE the rest of the word (nspired) looks indented to the right,

[css-d] not getting the desired hover effect on bottom links

Hello, I am having a problem getting the proper CSS to affect the bottom links on most of my pages. If you go to my home page :http://www.inspired-evolution.com and look towards the bottom above the footer, you will see the links (recent updates, about this site, accessibility etc.) on the home

Re: [css-d] CSS condenser tool

> Here's one: > http://flumpcakes.co.uk/css/optimiser/ > > ciao, > Zulema yep, that's the one. Thanks! -- ::Bruce:: __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-

[css-d] CSS condenser tool

Hello, I used to have a URL bookmarked that had a nifty tool which allowed you to upload or copy and paste your css and the tool would condense the CSS wherever possible reducing the file size. I have misplaced this URL. Anyone know what I am referring to and can send me the URL again? ___

[css-d] problems with background image flickering on scroll

Several people have pointed out to me that on my site you get a "flicker" when scrolling down or up with the background image which is just a small line gif which repeats. I can duplicate this myself, but I am not sure what is causing this problem. the URL is http://www.inspired-evolution.com CSS

[css-d] can't get images to align correctly within 's using CSS

hello, on my graphics page, I want the images to be centered within their table cells using CSS , but what I have tried isn't working. I can't seem to find the selector for the images. the URL is :http://www.inspired-evolution.com/Graphics.php and CSS is http://www.inspired-evolution.com/Gilbert

[css-d] Re: In IE 6 my dropcap is not aligning correctly

On 7/8/05, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Bruce Gilbert wrote: > > I noticed on my home page of my personal web site > > (http://www.inspired-evolution.com) my drop cap (the large I in > > inspired) doesn't exactly fit in with the rest of the word in

[css-d] In IE 6 my dropcap is not aligning correctly

I noticed on my home page of my personal web site (http://www.inspired-evolution.com) my drop cap (the large I in inspired) doesn't exactly fit in with the rest of the word in IE 6 (pc), that is it is too far to the right. In the browser I designed the site for (Mozilla for Mac), it looks good and

[css-d] trouble with image gallery

I am having trouble with my thumbnail image gallery alligning correctly and the rollover effect to work correctly. I am previewing on Mozilla Mac and everything is screwy. the page is here http://www.inspired-evolution.com/Graphics.php the CSS is at http://www.inspired-evolution.com/Gilbert.css

[css-d] trouble with extra width in IE PC

Hello, I still haven't been able to come up with a solution to my problem with my div's not lining up in IE (PC). The URL in question is http://www.inspired-evolution.com/Contact.php, and the CSS is http://www.inspired-evolution.com/Gilbert.css. I tried adding display:inline to the divs that make

[css-d] Re: form submit button taking on css of input

> 'input img.submit' means "An tag inside an tag, where > the tag has 'submit' as its class". What you want is > 'input.submit', which means "an tag with 'submit' as its > class". > hmmm. I know have for the xhtml and the css is: input.submit{ width:58px; height:27px; margin-left:60em; }

[css-d] form submit button taking on css of input

My form input submit button is not acting the way I want it to in terms of height/width and positioning. the xhtml is: and the css is: input img.submit{ width:58px; height:27px; margin-left:30em; } it looks like the button is taking on the width and positioning of: form.info_request input{ bor

[css-d] image mouseover effect with CSS not working

Hello, I am having trouble getting an image rollover effect to work in CSS. Basicially I have a thumbnail image that I want to have a border that expands when you mouseover the image (which is a link). the code would be something like and I thought in CSS this would work: img.border a:link{b

[css-d] uneven divs in IE6 win

I have noticed a problem in IE 6 win on the PC for a site I am working on located at http://www.inspired-evolution.com. The outer-div and Inner div content don't seem to be aligning. One is overlapping the other on the right hand side allowing the background to show through top/right. I'm not sure

[css-d] specifing div height not working in Mac IE5

Hello, I know very few people use Mac IE anymore, but I use it some to test and develop and I am stuck on an issue with a site I am working on. Specifying height for a container div, soesn't seem to want to work the Div CSS in question is: #main_content{ background:#fff; min-height: 540px;/* se

[css-d] centering web page within all browsers no matter resolution/screen size

Hello, I am having trouble getting my web page centered within all browsers no matter what the screen resolution or monitor size is. I thought applying : body{ margin: 0 auto; } would work, but it doesn't. Was is the trick to get this to work? the URL of test site in question: www.inspired-ev

[css-d] consistent container height no matter the amount of content

Hello, I am working on setting up a personal web site and I am testing on a Mac in Mozilla. I have only tested briefly in other browsers, but one problem I am noticing is the height of my container div only extends to the amount of the content and not a fixed height. I want each page to be the sam

[css-d] IE 5 Mac craziness- Please help!

in IE 5 Mac, my nested table structure is appearing layered over the paragraph above it. This isn't an issue on any of the PC browsers I tested this page on. I also tested on Mozilla Mac and this wasn't occurring so it seems to be a Mac IE 5 issue AFAIK. if anyone can please check to see if they m

[css-d] a little confused on these hacks on which browser they pertain to

A couple of CSS hacks I see used quite frequently are setting a : width:45em and also a w\idth: Is the normal way to do width for IE and the other one for Gecko? I'm a little confused on that. Also, what does html>body #wrapper (or anything similar) do? and what browser(s) does that target? TIA -

Re: [css-d] using percentages, paragraph too small within tables

On 5/31/05, Martin Heiden <[EMAIL PROTECTED]> wrote: > Bruce, > > To scale the font-size, you have to declare a value > 100%. > thanks, but I tried that, and it didn't seem to work. here is a link to the page I was referring to: http://206.211.80.55/Schools/schools_details.php you will be p

[css-d] using percentages, paragraph too small within tables

I have my site set up using font size in percentages,starting with the body tag. I am having some trouble with a declaration within tags. The font appears really small. I tried to rectify this by doing table td p{font-size:100%;} but that isn't working. Any suggestions? -- ::Bruce::

[css-d] alt tag in CSS?

I don't suppose there is a way to give an image an alt tag when you are calling the image as a background in CSS is there? or is the rule of thumb, if the image requires an alt tag, specify in the html?? TIA -- ::Bruce:: __ css-

[css-d] re: space between table header and first table row

>I have a table with a table header followed by table rows with >data...pretty standard. I can't get rid of the space that occurs >between the table header(th) and the first table row(tr). >I tried this, but still getting a space. Any suggestions? >table th >background-color:#99cdff; >margin:0; >

[css-d] can't get rid of spacing between table header and first table row

I have a table with a table header followed by table rows with data...pretty standard. I can't get rid of the space that occurs between the table header(th) and the first table row(tr). I tried this, but still getting a space. Any suggestions? table th background-color:#99cdff; margin:0; padding:

[css-d] why doesn't this work in gecko browsers

I am trying to do a table border in CSS and my border shows up in IE (PC), but not Gecko. table.borders{/*used when creating a table w/ borders*/ border:1px solid #d3d3d3; border-collapse:collapse; padding:10px; } table td.borders {/*used when creating a td with borders*/ padding: .25em;

[css-d] how would I set the font size in CSS for something like this?

I have a percentage set up in my body css (100.01%) and various percentages of that size for other elements. I have a form within an unorganized list where the font size of my option links are appearing way to small in Gecko browsers so I need to know how I would set it in CSS. the code is somethi

[css-d] trouble with content in third column of 3 column layout getting cutoff in 800x600 viewing (IE 6.0)

Hello, sorry for the long subject line, but I wanted to be specific. I am having a bit of a delima here. A good majority of our audience will be viewing at 800x600, and with pages where I have text content in the third column, it's getting cutoff a bit when viewing at that resolution in IE. I thi

[css-d] middle div elements "drop down" upon text resize in IE

I'm having trouble on a site I am working on where the middle div drops down below the container div upon text resize in IE. An example would be this page http://206.211.80.55/Schools/schools_list.php. It's not live yet and password protected. login as administrator wih password dpsweb#55. the C

[css-d] too much space when using clear:both

hello, I have a table element which I am using to clear a div, but when I do it gives me too much space by using clear:both. Any suggestion on reducing the spacing? the site is http://206.211.80.55/Reports_and_Publications/index.php. You will need to login with username:administrator password:dps

[css-d] styling links within tables

I have link styles set up globally, but when I place links within a element it doesn't seem to pick up these styles. I tried to set link styles specifically within tables with: table td a:link { color: #039; text-decoration:none; font: bold 100%, Arial, Helvetica, sans-ser