Re: [css-d] PNG Image Position/ Size question - CSS

Oh you guys are just too funny! O:-) Yep, I just used a template to start this - but their stuff is so Abracadabra, Presto Chango! And I love that! I apologize, I really have gotten a little rusty at this and I mainly wanted to get pointed in the right direction. I didn't even know about th

[css-d] IE8 rendering of text looks garbled at W3C and other sites

I just upgraded to IE8 and am noticing weird issue on many sites I visit. The W3C site is a case in point: http://www.w3.org/TR/CSS21/visudet.html#float-width When I open this in IE8 The text looks only "partially rendered" - faint - like you would see from an old style platen press where ther

[css-d] UL "wrapping" around floated image - how do you not wrap?

I have a page at http://www.lane-consulting.com/Tests/PRA/BIRC.php It has: Some headline text Some more text A paragraph of text Another Headline And then an unordered list.

[css-d] formatting a Ul to not wrap around a floated image

I apologize if this is multiple posted (I have tried this a number of times but I am not seeing any of my earlier posts as having gone through). The issue page is here: www.lane-consulting.com/Tests/PRA/BIRC.php I have been fiddling with this page and I am at least getting consistent behavior

[css-d] Is List Working?

I have tried to submit a post about UL positioning and am not seeing it show up. I apologize for this post, it is a test. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/

[css-d] UL List StairStep in IE7

I have a page here: http://www.lane-consulting.com/Tests/PRA/BIRC.php I floated an image to the left. I then have content to the right of the image flowing down the page. I have a bulleted list "Professional Specialties" that starts about even with the lower third of the picture. The list is a

[css-d] Positioning Issues - how to center the middle float?

I am having some positioning problems over here: http://tinyurl.com/5kxvdb I have a UL floating left - an image floating left - and a UL floating right. There is probably an easier way to do this. But basically I want the image to be centered between the two UL floats. Centered in the page.

Re: [css-d] Lost in positioning masthead image

; } Robert Lane wrote: > My example page is at: http://tinyurl.com/3r8rhu > > I seem to be a bit rusty here and am struggling with positioning an > image and some text in the mast head. > > I have a div named masthead. A div within that named content. In the > content div I

[css-d] Lost in positioning masthead image

My example page is at: http://tinyurl.com/3r8rhu I seem to be a bit rusty here and am struggling with positioning an image and some text in the mast head. I have a div named masthead. A div within that named content. In the content div I want an image (yes I hate animated gifs too!) to the le

[css-d] second line outdenting, how do you get it flush left?

I put a list together for a staff directory and one of them has a much too long title. I decided to use a to move the title to the second line but now it outdents it I have it coded like this: Admin Staff Chuck L

[css-d] Gap & div sizing issue - IE6

Arrrghhh! I had this all working in IE6 & 7 and Firefox. Now it is broken in IE6 again! Here is the link, http://tinyurl.com/yudm6q On the homepage I have a small animated flash for the top logo area, and that page looks fine in all three browsers. But on the rest of the pages I replaced th

Re: [css-d] IE 5 and 6 issue

Might start with cleaning up the code: HTML: Failed validation, 21 errors CSS: Sorry! We found the following errors URI : http://aflembroidery.com/newlayout/aflmain.css 107 #footspacer Value Error : border-top-style 0 is not a style value : 0 147 .paraheading Value Error : padding

Re: [css-d] Box Model Problems, I'm not getting it!

Getting close! http://tinyurl.com/ywow9q Thanks to the suggestions here I was able to close up the gaps and get things flowing in IE6 and Firefox. I have it looking like I am expecting it to in IE6. But I had to put a -24 px left margin on the floated image div to get it to flush left. Th

Re: [css-d] Box Model Problems, I'm not getting it!

The link you sent me is giving a 404 not found. On 5/13/2007 5:28:19 PM, ~davidLaakso ([EMAIL PROTECTED]) wrote: > Robert Lane wrote: > > I have an example here: http://tinyurl.com/3axpuo > > > > I > don't understand what I am doing wrong, but I am getting tota

Re: [css-d] Box Model Problems, I'm not getting it!

What does that mean? On 5/13/2007 5:14:47 PM, Peter Hyde-Smith ([EMAIL PROTECTED]) wrote: > - Original Message - > Cheers, mate. > > Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/

Re: [css-d] Box Model Problems, I'm not getting it!

This is a png of what I want to get to. I had it set up and was breaking in IE6 so I went back to start with the box model and try to get that working before changing in the elements. http://tinyurl.com/2xs42o On 5/13/2007 4:35:20 PM, Peter Hyde-Smith ([EMAIL PROTECTED]) wrote: Robert: Can

[css-d] Box Model Problems, I'm not getting it!

I have an example here: http://tinyurl.com/3axpuo I don't understand what I am doing wrong, but I am getting totally different results in IE6, IE7 and FireFox 2 Basically I just want a rectangular area with a log at the top, a horizontal navigation box, a content box, and a footer box. I would

[css-d] 10px gap below float in IE6 & 7 - how do I eliminate?

Example is here: http://tinyurl.com/yonjur I can't get this to work right! I have been struggling all day with this. Looks right in FireFox but in IE 6 & 7 the background is flowing under the float and adding 10px of gray background to the bottom before the footer. How can I get rid of the ex

[css-d] 12px gap gpne but still get a 4px gap below floated image in IE7

:00:06 AM, Gunlaug Sørtun ([EMAIL PROTECTED]) wrote: > Robert Lane wrote: > > http://tinyurl.com/2go7kn > > > > Looks right in Firefox, but I am getting a 12px white space below my > > floated image in IE7. > > Not sure which of > IE/win's many bug-v

Re: [css-d] 12px gap in IE7 below float

Thanks so much - that fixed it up in IE7 - anyone see any IE6 issues or other browsers? On 5/10/2007 4:00:06 AM, Gunlaug Sørtun ([EMAIL PROTECTED]) wrote: > Robert Lane wrote: > > http://tinyurl.com/2go7kn > > > > Looks right in Firefox, but I am getting a 12px

[css-d] 12px gap in IE7 below float

I have a page here: http://tinyurl.com/2go7kn Looks right in Firefox, but I am getting a 12px white space below my floated image in IE7. Not sure about any other browsers. The code validated and the CSS validates. Is this some kind of bug and how can I fix? Arrggg! __

[css-d] lost on positioning

I am confused. I am trying to layout a section of content. I have a topmast div with some logos, navigation, etc. I have it centered with margin: auto. I then want to have a content area. I want a total rectangle of 760px wide. I want to have a div on the left side that will hold some image

Re: [css-d] How can I define a max column width and truncate contents?

Maybe I am misunderstanding you - but if you put a width on the container then that is as wide as it gets. Style: .skinny {width: 40px; } Content: Some text more text more text more text HTH __ css-discuss [EMAIL PROTECTED] h

Re: [css-d] Footer position problems again!

I added a 60px top margin to the #footer div and now I can see what the problem is but I am not sure how to fix it. The link is here: http://tinyurl.com/yp3qj2 What is going on is I have a div id=main_box and with in that div I have another div containing an image with a float left. So what i

Re: [css-d] Footer position problems again!

Forgot to mention... the p.addr centers in IE7 although not as close to the top as I would like - but it is all askew in Firefox __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information

[css-d] Footer position problems again!

I had this page setup with a flow around the page photo example here: http://tinyurl.com/28fjs4 In the footer I have a p.addr block that I want centered and up closer to the top of the footer rectangle. I put a border around it so you can see. But even bigger problems when I cut the text

Re: [css-d] Trouble with positioning - not understanding this

That works! And kind of makes sense to me. Maybe I will get this after all. Thanks! :-) On 4/29/2007 4:52:52 PM, [EMAIL PROTECTED] wrote: > Make it absolutely postitioned within the footer div. To do this you must > > define the footer div as position:relative.

[css-d] Trouble with positioning - not understanding this

I am struggling with some positioning. Basically, I have a div at the bottom of a page that is defined to have a height of 143px. It has a background image of that size. I then have some text that I want centered and positioned near the top of the div. I put that in a tag with a class="addr"

[css-d] how do you get rid of spacing between table cells?

I put a border on some td's but am getting a gap between them. What style gets rid of that? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?p

[css-d] H1 generating half the space in IE7 as in FF?

http://tinyurl.com/38kf6o The space in FireFox from the bottom of the navigation to the top of the H1 line "Brain Injury..." is 40px But in IE7 I get about 27px. Can anyone point me to why I am getting the difference? Thanks ___

[css-d] horizontal link menu -browser check

http://tinyurl.com/yq8nwz I have been trying to set this up with a horizontal li menu - it seems to be looking right in Firefox and IE7. Am wondering if the styles I have on here will hold up over other browsers. I know there will be issues if someone increases the text size, but am not sure

[css-d] every other li set to block and float - will this work?

I posted a test here: http://tinyurl.com/2hd7hk This looks like it is working in IE7 and FireFox... Is this going to be stable and is it looking right in other browsers? Or am I in for problems doing it this way? I am basically looking for a two column display, hours on the left (but the hours

Re: [css-d] What would you do to get three column list? (Resolved)

That would do it! Thanks for the links. > An faq question: > http://css-discuss.incutio.com/?page=MultipleColumnLists > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- ht

[css-d] What would you do to get three column list?

So I am given a word document for web content and the text is layed out as a three column type list. Would you just throw it in a table or how would you do it in css without table? The list looks like this: Evaluation and treatment by licensed Speech-language Pathologists specializing in Brai

[css-d] FF gap disappears with Border set to none?

http://tinyurl.com/2d279b Can someone explain this? I was getting a 10px gap between the footer div and the maincontent with the body background color showing through in FF - but IE7 showed it the way I intended with no gap. When I added a border and then set it to none on the p.addr in the f

[css-d] Link menu - Background gap in FF]

The test page is at: http://tinyurl.com/2adrbd I put a ul menu in a wrapper div and then tried to center that with auto margin in another div. It looks correct in IE7 but in Firefox 2.0 there is a 2px gap on each side where the background color isn't showing. What would be doing that and how co

Re: [css-d] @import vs link for stylesheets

> Unhelpfully, I'll > reply with a question - why are you previewing in an > editor? > It is actually my CSS editor = Topstyle, which does a great job of working with CSS and displaying changes as you type them. But I just discovered this quirk that it isn't showing the tiling of a backgrou

Re: [css-d] lists in blocks

Gee looks like a table, walks like a table, quacks like a duck! :-) Actually I had a similar question but not for menus. I have a document that client wants added to web page. They laid it out in a 2 column bulleted list format. Of course it has an odd number of bullets, and the text per i

Re: [css-d] IE bug?

what if you write it like this: removing the spaces __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discu

[css-d] @import vs link for stylesheets

Sorry if this has been asked before. I just discovered that the CSS editor I am using doesn't preview background images properly when I use a link connection to the css file - whereas with the @import connection it works perfectly. So I am just curious as to the pros and cons of one method ver

[css-d] Problem - background showing above/below footer div

http://tinyurl.com/2264jb I am getting a gray background from the body background color showing through above and below my footer div (well below in IE7 but not in FF) It is about 12 px of gray at the top and about 5 px in IE7 at bottom. I want the footer to sit flush to the maincontent box an

Re: [css-d] Problems with IE 6 & 7

There are a lot of issues on there that need work, but where to start. I usually like to validate my Html and css first to make sure I don't have errors that might be causing the quirky behavior. I ran your page through the W3C validator and found errors in both. So my suggestions would be to

Re: [css-d] menu troubles

I don't see a left sidebarIE7 and Firefox __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incuti

Re: [css-d] Footer Image not centering in IE7 - fine in FF :-(

> off topic -- But why an image? That kills SEO -- off topic > Don't have ie up at the moment but works in ff. Was a temporary thing until we decide on format and color scheme. Plan to change it before we go live. Thanks I seem to have the centering sorted now.

Re: [css-d] Footer Image not centering in IE7 - fine in FF :-(

Now it seems broken in Firefox as well. How do I get the footer image to center? :-( __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7

[css-d] Footer Image not centering in IE7 - fine in FF :-(

I put an example over here: http://tinyurl.com/37pl7l I have an image in the footer that has an address/phone, etc. I am trying to center it in the footer area. Looks fine in Firefox but IE7 is showing it on the left side instead of centered. CSS validates. I am clueless why this is not work

[css-d] Can't figure out this positioning...

The example is here: http://tinyurl.com/3a4h6c I have some simple divs - I just want the wrapper div to "float" centered horizontally in the browser window with some background color and either side and the top and bottom. I was looking for 20px for the top background and the same at the botto

[css-d] Scrollbar attributes vs Valid CSS

A group I am in asked me to look at some web stuff they are doing with an eye to cleaning up the CSS. One of the key individuals that worked on this likes to customize the scrollbar colors and has used the following in the CSS file: scrollbar-base-color:#B7D9FF; scrollbar-track-color:#B7D9FF; s

[css-d] H-Scroll in IE7 - Please Help

Try validating the document first? Just a thought. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- htt

[css-d] How do you adjust the indent on UL LI elements?

My page is at: http://www.careercounselingservices.com/test2/outplacement.htm If you scroll down in the lower half of the page (yes it is long!) there are some nested unordered lists. I want to reduce the indents. I tried the following but it didn't seem to work: .disc{list-style-type: disc;} .

[css-d] List Style - how would you change to get a "-"

Trying to do a nested nested nested type list and want to use just a "-" in front of the list item Is there a way to style that? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing

Re: [css-d] How can I do an image overlap with CSS?

Well maybe this is an answer. I tried changing the positions from right to left and with this it seems ok in Firefox and IE Anyone see problems in other browsers? www.tnrc.lane-consulting.com div #pics { /*border: 1px dashed red; */ position: relative; top: 0; left: 0;

Re: [css-d] How can I do an image overlap with CSS?

Well those lines lost it in transmission - sorry. Basically I want Img A Img B where Img B overlaps and covers the lower right 2/3 of Img A. Robert Lane wrote: >I want to put two images (photos) into the main body of a 3 column >layout t

[css-d] How can I do an image overlap with CSS?

I want to put two images (photos) into the main body of a 3 column layout that is done in CSS. I want one photo to appear in front of the other and with an offset from the other photo. Something like this: __ __ | _ | _ | |