[css-d] Two Columns with Center Picture?

Has anybody managed a two column layout, with an imaged centered on the border between teh two columns, with the text corretly flowing around on both sides? Kinda like this? - | | | | | | | - | | | | | | |

[css-d] Fluid iFrame Height? Argh!

I've got a site that needs to make extensive use of material being served from an outside source (server external to main site server), and about the only way I can seem to keep my formatting to be constant across the entire site is to pull the external material into an iFrame. It there *any*

[css-d] Columns inside a select

I just got asked this by a client. I don't think it's possible. What they're looking for is a drop down list showing different versions of a product with several attributes all in equal width columns. Kinda like: Item #Size Color Radius

[css-d] Different ways of doing the same thing

It's always interesting to look at other folks stuff. I just inherited a site, and in looking at their CSS, the main div is listed thusly: #pageWrapper { width:760px; position:absolute; left:50%; margin-left:-380px; } Where I would have just done: #pageWrapper { width:760px;

Re: [css-d] A little layout advice please...

Perhaps Layout Gala has something you could adapt? http://blog.html.it/layoutgala/ Hmmm - but liquid layouts (the ones I've seen and worked with) are dependent on the browser window width, and that's not what needs to happen here. This needs to be *fixed* as far as the browser is

Re: [css-d] A little layout advice please...

Sounds like a whole bunch of contradictions It is, that's part of the problem! I'm tempted to say Can't be done exactly the way you wish... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

[css-d] A little layout advice please...

Good evening, I've finally run across a layout that I'm scratching my head over. It's a standard centered master div containing a header, two columns under that, and a footer. Left column width is set for nav/whatever. Here's the problem... The right column will contain content that's being

[css-d] IE 7 Survey- what seems the major thing needs fixing in your CSS?

I haven't upgraded any of my testing machines to IE 7 yet, but I got an eye opener over the weekend at a friend's house. First time I've seen IE 7, and half the sites we surfed using CSS layouts were BROKE. Seems I better upgrade and quick to start previewing! So, just a quick survey - 1.

Re: [css-d] Styling form elements: input type=file

Barney Carroll wrote: Wondering if anybody had any experience of this particular problem. http://www.quirksmode.org/dom/inputfile.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7

[css-d] fckeditor and CSS

I'm having some issues getting the fckeditor edit window display to match what's output on a display page. One issue I think I'm having is that the display page CSS is interfering with the material that's output from the editor. I'm trying to use a reset CSS file for the div containing the

[css-d] Background Image Positioned at Bottom Problem with Firefox

This properly positions a background image for the body in IE and Netscape. Doesn't work in Firefox body { height: 100%; background-color: #FF; padding: 0; margin: 0; background-image: url(../images/back_body.gif); background-position: bottom center; background-repeat:

[css-d] Height on list elements go away on horizontal list - suggestions

Reference file here. CSS on the page: http://208.112.27.110/TEST.cfm The two lists are copies of each other. No difference. The CSS for them is exactly the same to, the only difference is display: inline; added to li elements on the horizontal list. Roll over the links and you can see what

[css-d] Style a input type=file field in Firefox?

Using the following: .inpt_txt { width: 350px; border: 1px solid #99; margin: 0 6px 0 8px; padding: 0; font-size: 12px; background-color: #F4F7FD; } Works great here: input type=text name=myVAR class=inpt_txt Works here in IE No workie here in Firefox: input

[css-d] Footer that fills to botom of browser window

I need a site-wide footer that will completely fill the space from the end of actual content to the bottom of the browser window. Sorta like page div id=content Everything on the page here (mostly dynamic) /div div id=filltoBOTTOM Nothing here, just a background

Re: [css-d] Footer that fills to botom of browser window

Chris Ovenden wrote: Sounds like you need a background image on the body. The problem I've got is that there's a header area with one background. Then the content-body area with a different background Then the fill-this-space footer which would be a third... I see a way I make fake it by

Re: [css-d] Disable CSS for a page fragment

I'm also not a huge iFrame fan, but I have used the method described on dynamic drives link below for dynamic resizing of iFrames in the past. I've not used iFrames at all myself (yet). An iFrame doesn't inherit anything (CSS) in the cascade from the page calling it? If that's the case,

[css-d] Stretch Div to Bottom of Browser Window

Sample page from site in question (still in development - ignore obvious goofs!): http://208.112.27.110/index.cfm?action=cmf.about There's a repeating background image that starts right at the banner. This background-container div ends after the footer div at the bottom. I've been monking

[css-d] How to define a section on a page where CSS has ZERO effect?

I need a define an area on a page where dynamic data will be displayed where CSS defined for that page has NO EFFECT on the area at all. Basically inside a highly styled page: div id=noCSS pAnything the client want goes here, formatted however the heck the client wants

[css-d] Can click a radio in Firefox

Here's a REALLY weird one. I'm using the format below to lay out a number of forms (actual CSS doesn't matter I don't think). I've removed some crap for simplicity. div class=frmROWlabel for=mystateState/label cfinput name=mystate value= / /div In one case, I need two YES/No radio

[css-d] Form Select drop-down causing IE Problems.

I've got a two column layout with the nav on the left. On one page, I've got a form that has a select in it that's on the same plane as the navigation. I'm using the same class on all text inputs and select drop-down. .txtinput { width: 255px; } The form itself is 600px wide. In IE, the

[css-d] Including List Bullets Inside Links

I'm using an image for bullets on a list of links. Client want you to be able to click the bullet as well as the link. Short of setting the list with no bullets and including the image like: liimg src=mybulet.gifa href=1xox.htmLink Text 1 Here/a/li liimg src=mybulet.gifa href=2xox.htmLink Text

[css-d] Nav Problem

Maybe I've just been awake too many hours, but I can't find this http://www.takachroe.com/index.cfm Look at the nav. It's not that compliated and works perfect in I.E., but in Netscape and Firefox, there's problems selecting the last two links. It's just a list: div id=navlist ul li

[css-d] Float Right Nav Bar Verses a Form SELECT in Firefox

Here's one that's got me tearing my hair out... Have a right floated nav column. Works great UNTIL it ends up on a page with a form on it. As long as the form contains NO select name=mySELECT, it works great. As soon as I add a select anywhere on the form, the floated nav drops down below the

[css-d] Form Layout how would *you* do this? question...

What I'm trying to get is: http://www.columbiacityjazz.com/LEV4_VOUCHERS_DIV_STEP2.gif I've set it up like this: div class=ROW span class=fltLEFTLong Distance Telephone Calls/span span class=fltRIGHTinput type=text name=whatever/span /div The left/right aligned columns isn't the

[css-d] positioniseverything.net page maker in IE7b2?

Has anybody tried the CSS Source Ordered Variable Border 1-3 Columned Page Maker from positioniseverything.net to see how generated CSS holds up in IE7b2 yet? Just wondering... __ css-discuss [EMAIL PROTECTED]

Re: [css-d] positioniseverything.net page maker in IE7b2?

Has anybody tried the CSS Source Ordered Variable Border 1-3 Columned Page Maker from positioniseverything.net to see how generated CSS holds up in IE7b2 yet? What stops you from doing it? :-) Win 2000 ain't broke. So I ain't fixed it yet by giving Microsoft more of my money. That's why.

[css-d] Nav Bar Advise

I'm trying to figure out how to force the width of a list element for a top nav bar to look like this: http://www.cyndustries.com/navcrap.gif Progress so far: Code (abbreviated) looks like... ul id=navigation-top-list li id=contacta href=contact.cfmContact Us/a/li li id=newsa

Re: [css-d] Nav Bar Advise

Jonathan Gold wrote: I don't understand. If they're all the same why do you style each one separately. Won't it work with one declaration: #navigation-top-list li { display: inline; width:74px; margin-left:10px; padding-bottom: 4px; border-bottom:7px #264073 solid; } Doh I left part

[css-d] Form Layout - better table or CSS for this one?

I thought I was getting pretty good at accessible CSS driven form layouts, but I might have met my match this time (meaning - amount of time needed for table layout verses CSS). Here's Photoshop mock ups of two of the form pages. http://www.cyndustries.com/formTEST.cfm This is an 8 multi-page

[css-d] Single Checkbox Problem...

I'm doing a vertical style form with CSS like: #contactFORM label { display: block; margin: 5px 0 0 12px; padding: 0; } #contactFORM input { display: block; width: 350px; } Then inside the form: label for=pr_titlestrongTITLE:/strong input name=pr_title type=text

Re: [css-d] Horizontal Nav Problem

The reason it doesn't work in ie/win is that that browsers will only honor hovers applied to 'a' tags. Thats why people have tried javascript assisted solutions like 'Son of Suckerfish' DOH! ...and there you go! I forgot to include the javascript file!!! Jezz! I haven't made

[css-d] Text Wrap and Images

Given the code snippet below, and: 1. div PIX is floated left 2. myPIX.jpg is called dynamically, so we're not always sure how tall it is... div id=PIX align=leftcfoutput img src=myPIX.jpg /div pParagraph Text Starts Here Is there

Re: [css-d] Text Wrap and Images

Float the first paragraph left. It also helps if the second paragraph clears left. But, the problem is ... the picture might be 4 paragraphs tall, or maybe 8, or maybe only 2. -- --- Les Mizzell __ css-discuss

[css-d] Form is invisable in Safari?

dotted 1px; } #botcol1form { margin: 0; padding: 0; } #botcol1input { margin-right: 6px; height: 23px; border: 1px solid #99; } #idxbutton { padding: 0; margin: 0 } -- --- Les Mizzell __ css

[css-d] Too Funny, and not really off topic...

-- ...and then all the CSS Stuff was commented out under the table. My wife was in the other room and yelled at me, What's so funny???, but I couldn't explain it to her. ...and I thought *I* left weird stuff in my comments from time to time!! --- Les Mizzell

Re: [css-d] Too Funny, and not really off topic...

! The jaws that bite, the claws that catch! CSS, Coldfusion and SQL Database by Les Mizzell --- Something like that anyway... -- --- Les Mizzell __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org

[css-d] Displays wrong in Firefox until you refresh - Hmmm...

Weird problem in Firefox: Page may or may not do this for everybody, but for me, it loads and the right content panel will often appear under the menu, until you refresh the page, then it display correctly. Seems to be fine in IE. http://65.36.231.94/press.cfm Ideas? -- --- Les

[css-d] left/right borders on master div problem

CSS: http://65.36.231.94/scc.css The toppers with curved corners are gif files. The lft/rht borders are CSS. Ideas? -- --- Les Mizzell __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

[css-d] Pure CSS Popups IE Problem...

it will look pretty nice once I get the real graphics in there. However, doesn't work at all in I.E., though it works in the myerweb demo well enough. So, anybody got an idea what I've got wrong? -- --- Les Mizzell

[css-d] OVERRIDE Font tag?

to FORCE an override of the this font tag? I think I sadly already know the answer, but thought I'd ask... -- --- Les Mizzell __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ

Re: [css-d] OVERRIDE Font tag?

' might be a problem. Yea - works great in Firefox. I.E. ain't doing it though... I'm going to try and strip it out in the Coldfusion output block. Seems to be the only way to get exactly what I want. -- --- Les Mizzell