Re: [css-d] :: Tables or Divs ::

This post has links to a number of different articles on the subject of CSS forms: http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/ Jim www.jimdavis.org __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Testing CSS for higher screen resolutions

Here is what the left side looks like on my 1928 wide monitor. http://www.jimdavis.org/polkadot.jpg You may want to consider centering the header content for viewing on wider monitors. Jim www.jimdavis.org On Fri, Aug 22, 2008 at 3:20 PM, Polka Dot Cottage Admin [EMAIL PROTECTED] wrote:

Re: [css-d] CSS Resources

Here is a good css reference: http://reference.sitepoint.com/css Jim www.jimdavis.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List

Re: [css-d] Vertical Positioning?

I would change: #content { position: relative; } and .test { position: absolute; left: 0; bottom: 0; width: 198px; height: 175px; text-align: center; } Jim On Thu, Jul 24, 2008 at 3:37 PM, Matthew Stoneback [EMAIL PROTECTED] wrote: I asked this once before and never received a response

Re: [css-d] Background Auto Size

Christopher, Try this: http://www.jimdavis.org/test/imagetest1.html Not very elegant, but it seems to work. Jim On Sat, Jun 7, 2008 at 8:00 AM, Christopher [EMAIL PROTECTED] wrote: I would like to know if CSS is capable of this if you create a background image that is a fixed size and want

Re: [css-d] Misc classes naming conventions

black-button, grey-button might work. Jim On Mon, May 12, 2008 at 7:10 AM, Lee Powell [EMAIL PROTECTED] wrote: Hi I'm working on a new project, and I'm keen to get my naming conventions down to convey meaning in what I'm marking up. Anyway, design have produced a layout which makes use of

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

Robert, Here is a demo where the image is floated left and a div containing the text is also floated left: http://www.jimdavis.org/test/chess.html Jim On Sat, May 3, 2008 at 6:54 PM, Robert Lane [EMAIL PROTECTED] wrote: My example page is at: http://tinyurl.com/3r8rhu I seem to be a bit

Re: [css-d] list nav not working as needed

Cory, Can you upload your page to a server and send us the URL? Jim On Thu, May 1, 2008 at 12:58 PM, Cory Shubert [EMAIL PROTECTED] wrote: Trying again, looking for a few ideas on where to go... I am having a problem and can't seem to see the elegant solution. I have a simple ul list nav

Re: [css-d] Wrapper isn't wrapping!

Stuart, You have given the ul an id of mainNav and it is closed by /ul. If you had: div id=mainNav ul.../ul /div You would need the closing /div. Jim On Tue, Apr 8, 2008 at 2:12 AM, Stuart Walsh [EMAIL PROTECTED] wrote: Jim Davis wrote: Hi again, Note: ul id=mainNav lia href

Re: [css-d] Wrapper isn't wrapping!

Stuart, In #wrapper add display: table; and you will see the border on the left side of the page in FF. Jim On Mon, Apr 7, 2008 at 3:21 PM, Stuart Walsh [EMAIL PROTECTED] wrote: I must be making a clumsy, beginner's, mistake somewhere but I just can't figure out what is the problem. The

Re: [css-d] Wrapper isn't wrapping!

Hi again, Note: ul id=mainNav lia href=instrument.htmlthe instrument/a/li lia href=composers.htmlcomposers/a/li lia href=music.htmlmusic/a/li lia href=gallery.htmlgallery/a/li lia href=#links/a/li lia href=#contact/a/li /ul /div *THIS IS CLOSING #WRAPPER *Jim* * On Mon, Apr 7, 2008 at 3:21 PM,

Re: [css-d] Bullet list without paragraph break

The rule is display: inline See http://css.maxdesign.com.au/listamatic/horizontal01.htm for a basic example. Jim On Sun, Apr 6, 2008 at 7:07 AM, The Color Guard [EMAIL PROTECTED] wrote: Hi, I'm new to CSS and new to the list. I just started going through the exercises in Meyer's book, and

Re: [css-d] a:hover with absolute positions

Tony, You may find it worthwhile to read this article and study the demos. http://www.alistapart.com/articles/sprites/ You should be able to achieve your design with a single ul and css (and your image, of course). I use a bit of php to show the currently selected page and can send you that code

Re: [css-d] [css] Sticky footer problems

Here is a link to an article and demo for a technique to create css frames. It uses a fixed header and a sticky footer. Perhaps you will find inspiration for your footer here: http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ Jim On Sat, Mar 22, 2008 at 1:31 PM, Krystian -

Re: [css-d] IE6 dropping floats

How about making mid-container-inner a static div rather than floated, then floating one of the ul's left and the other ul floated right. See this demo: http://www.jimdavis.org/test/list_this.html Will re-size gracefully in IE6 win, FF 2.0 and Opera 9.26 Jim On Fri, Mar 14, 2008 at 11:27 AM,

Re: [css-d] forcing an entire li to be a link

Take a look at this article and demo: http://www.smileycat.com/miaow/archives/000230.php Jim On Tue, Mar 11, 2008 at 9:27 PM, linojon [EMAIL PROTECTED] wrote: Here's a demo of my problem http://www.parkerhill.com/hover-test.html When this page is viewed in Firefox or Safari, and you hover

Re: [css-d] a picture with in a picture

Here is a way to have the frame in as a background in the css and adding the image in the body of the html: http://www.jimdavis.org/test/frame_demo.html Jim On Thu, Mar 6, 2008 at 6:57 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Is it possible to have an image showing a picture frame and

Re: [css-d] how to center this suckerfish?..

Julie, The ul will need a width in order to be centered in your 100% wide #nav. For example #nav { width: 100%; ... ... } #nav ul { width: 80%; margin: 0 auto; ... ... } Jim On Sat, Mar 1, 2008 at 1:48 PM, Julie Bessette [EMAIL PROTECTED] wrote: Hi everyone, I'm wondering if anyone can

Re: [css-d] IE fails to shrink width

Question: Will all of the images always be the same width? Jim On Wed, Feb 27, 2008 at 6:35 PM, Russell Robinson [EMAIL PROTECTED] wrote: Hi all, I have a problem that affects IE6 and IE7 (I haven't tested IE5.5). I've created a test case:

Re: [css-d] one pixel line to much, and a serious ie6/ie7 problem

Change #navbar { height: 30px; to about 26px. Fixes FF problem. Jim 2008/2/22 vwf [EMAIL PROTECTED]: The URL: http://www.opeform.nl/test/ Sorry!! __ css-discuss [EMAIL PROTECTED]

[css-d] Online CSS Reference available from SitePoint

All, The folks at SitePoint have put together what appears to be a fairly comprehensive online CSS Reference. Check it out: http://reference.sitepoint.com/css Jim __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Center multiple float lefts site check....

Matt, Try: #topNav { width: 765px; height: 28px; margin: 0 auto; list-style: none; } No need to float #topNav left if you are trying to center it. Just adjust the width of #topNav to fit the width of the all the elements inside and set the margin to 0 auto. Jim On Thu, Feb 14, 2008 at 9:07 PM,

Re: [css-d] Need help with a float inside a DIV

Remove clear: left; from .header-text and clear the float later in the markup. Jim On Feb 13, 2008 7:59 AM, Webmaster [EMAIL PROTECTED] wrote: I've got what seems to be a simple problem, but I can't find the answer. I've got this page: http://www.tusculum.edu/bookstore/new.html I have a

Re: [css-d] IE7 a display:block issue

Visit this site for a solution: http://www.smileycat.com/miaow/archives/000230.php Jim On Feb 11, 2008 11:21 AM, vincent pollard [EMAIL PROTECTED] wrote: hi! so, i have: .headerTwoRight a { text-decoration: none; display: block; height: 42px } and it displays fine in IE6 and FF but

Re: [css-d] Disparity

and, unfortunately, it makes no difference. I also know that there are other errors, but I thought they'd be of minimal consequence since the page displays well enough in the other browsers with them. Thanks. Gerry [EMAIL PROTECTED] www.ckutfolk.com On 11-Feb-08, at 9:23 AM, Jim Davis wrote: You need

Re: [css-d] Disparity

You need to run the page through the html validator ( http://validator.w3.org/ ). There is no doctype, for example. Jim On Feb 11, 2008 6:00 AM, Gerry Goodfriend [EMAIL PROTECTED] wrote: Hi, I'm hoping to get help with a page that displays properly in Safari and Firefox on Mac, and Safari

Re: [css-d] PNG repeating background in IE

Karl, Here is a link that may help. Not sure if this method will work for a repeating background image. http://www.belafontecode.com/create-transparent-pngs-in-ie6-using-alphaimageloader-no-hacks/ Jim On Feb 7, 2008 1:10 AM, Karl Hardisty [EMAIL PROTECTED] wrote: I'm back in the fold after a

Re: [css-d] Site check please

Bill, The menu items don't change background color in IE6. The text color does change. Also, the pop-out for 'Tour Itineraries' is not popping out in IE6. Not sure of the cause, however. Jim On Feb 7, 2008 5:33 AM, Bill Stemp [EMAIL PROTECTED] wrote: http://www.pielows.co.za/ I'm

Re: [css-d] Hover over tabbed selection

Aaron, A number of various drop-down menus are demonstrated here: http://www.cssplay.co.uk/menus/ If you use Dreamweaver check the offerings for sale by Project Seven here: http://www.projectseven.com/products/menusystems/index.htm Also, Project Seven has a good article on accessibility and

Re: [css-d] What Margin Unit Does IE6 Want?

Chris, You may find it more efficient to zero out the margins etc. then set the variables to your liking. Thus your chosen rules will apply across all browser types. Something like: h2 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; } Then enter h2

Re: [css-d] (no subject)

It may be possible to use floats to achieve your objective. Here is a link to a demo using floats: http://www.jimdavis.org/test/checkerboard.html This uses two floats, one that is 16em wide by 8em high, and a blank that is 8em square. The image within the wide float is floated left and is given

Re: [css-d] Presentation vs content issue for interlinear text

Have you thought of using a definition list? dl dtOriginal text/dt ddTranslated text/dd dtOriginal text/dt ddTranslated text/dd /dl You can use css to style the dl dt and dd elements. Jim On Jan 29, 2008 10:32 AM, T. R. Valentine [EMAIL PROTECTED] wrote: I'm working on a

Re: [css-d] IE Problem with positioning

Please include the URL to the page in question. - JD On Jan 28, 2008 2:44 AM, Lyn Willaims [EMAIL PROTECTED] wrote: Hi, The following page I created has problems in Internet Explorer. The header of the web page shifts right but works fine in all other browsers. I can't find a bug fix, does

Re: [css-d] Question about wrappers/containers

Jason, If I understand correctly, you are after something that looks sort of like this example: http://www.jimdavis.org/test/stainlesstest.html This uses a background image placed in the body {...}. The image is 2500 pixels wide by 1 pixel high with a center section of black that is 760px wide.

Re: [css-d] Multiple Column Lists

Is there any way to change the flow in the browser to vertical, like for instance with Chinese text? Or am I dreaming? Here is a link to information about a JavaScript / CSS3 implementation of what you are interested in. http://www.csscripting.com/wiki/index.php?title=Main_Page

Re: [css-d] proportional versus proportional-elastic font-size

There is a good discussion of font sizing here: http://www.alistapart.com/articles/howtosizetextincss Jim On Jan 5, 2008 3:55 AM, DAVOUD TOHIDY [EMAIL PROTECTED] wrote: Hi, Senarios: 1-body {font-size:X%} and no any other font-size declaration for any elements. 2-body {font-size:X%}

Re: [css-d] A confusing twist on the 3-column layout

Matt, I have done a demo of how I would solve the problem. http://www.jimdavis.org/variwidth.php The idea is to create a div that is the width of the photo. The div will also contain a holder for the icons. If you don't want to change each page by hand you can write a php script that will get

Re: [css-d] need help on vertical alignement

Pat, When you use height: 100% you have to ask yourself the question what is it 100% of? Since you did not specify the height of the containing element or the body, the browser can't calculate the height. Here is an example of two floated divs, with a height of 100%, inside of a fixed height

Re: [css-d] CSS simple question?

Ernie Here is a way to do it with a single image that contains two triangles in a fluid layout. http://www.jimdavis.org/test/triangles.html Jim On Dec 23, 2007 8:44 AM, Ernie Finlay [EMAIL PROTECTED] wrote: I can put a right angle triangle on the left side of the container with the

Re: [css-d] (no subject)

Hi, The validator is reporting a number of errors in your mark-up. Go to: http://validator.w3.org/ and enter your URL to see the results of the validation test. Jim On Dec 20, 2007 1:33 PM, juliann wheeler [EMAIL PROTECTED] wrote: Does anyone know why this page is not picking up the css

Re: [css-d] nested lists and absolute positioning and Internet Explorer

Patrick, I created a test page at http://www.jimdavis.org/test/listtest.html using your css and my html for the nested lists. According to Eric's book, Cascading Style Sheets 2.0 display: none The element will generate no boxes at all and thus will neither be displayed nor impact the layout of

Re: [css-d] nested lists and absolute positioning and Internet Explorer

Thanks Philippe. Haste makes waste, as they say. My apologies to the list for not taking more care to double check my markup. Corrections made. Jim Your html mark-up is invalid. And what Gecko, WebKit, Opera show is correct, given your mark-up.

Re: [css-d] Nav not positioned right in IE

Amy, It looks like some of the elements that are using absolute positioning are being positioned relative to the viewport and not the parent div as you desire. If the parent div is static the absolute positioned div will seek the next higher parent that is not static. In this case, the body. Be

Re: [css-d] Sidebar issues

Todd, The problem is using position: absolute for the column on the right. See http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning for more info. Both of the elements inside the wrapper should be floated. Take a look at this demo and view the source to see the css.

Re: [css-d] Site test

In both FF and IE6 the nav menu breaks across two lines when the viewport is set to 1024px wide. The 'contact' image is below the 'home' image. Changing the padding on the li to 2% keeps everything on one line at 1024 wide. To center the menu you can give a width to the ul that accommodates the

Re: [css-d] Fwd: Horizontal scrollbar in IE7

Looking at your page with IE6, which also shows the horizontal scroll bar, it looks like your wrapper div is a child of FORM id=aspnetFORM which has no width, height, or margins. Setting #aspnetFORM to width: 920px; margin: 0 auto; removes the h-scroll bar in IE6. Jim On Dec 11, 2007 12:41 AM,

Re: [css-d] site check IE 6

You need to add height: 1%; to the sixvillageslogo div and IE6 will be happy. Jim On Dec 10, 2007 11:26 AM, Bryan Hepworth [EMAIL PROTECTED] wrote: Hi I'd be grateful if someone could check IE6 behaviour with my main page. I've looked at several rendering pages with mixed results the worst

Re: [css-d] Site check

Scott, The site looks good, but I'm seeing a horizontal scroll bar when I set the view port to 1024 px wide. in FF/win and IE6. Also see the horizontal scroll bar in IE6 with the view port set at 1920 wide. It may be the margin-left setting on the sidebar ul. Looks like it is forcing the ul too

Re: [css-d] How to achieve this effect

They are using JavaScript to manipulate the DOM (Document Object Model). In this case they are changing class of a div from display: none; to display: inline. Off topic for this list. Jim On Dec 7, 2007 11:26 AM, Brian Jones [EMAIL PROTECTED] wrote: Can someone please tell how i can achieve

Re: [css-d] Missing Background Image in Firefox

To #Wrapper add the rule display: table; -- this will cause the wrapper to expand vertically to the height of the content of the div. Jim On Nov 30, 2007 7:27 AM, Snipes, Jason L [EMAIL PROTECTED] wrote: One of my developers just asked me for help with why a background image is not

Re: [css-d] Site check needed...

Keith, There is a problem with the left and right menus in IE 6 at 1024 X 768. See a screen shot here: http://www.jimdavis.org/test/bsaScreenshot.jpg I suspect the problem is in this rule:.LsideMenu, .RsideMenu { padding-left:6%; }. I would get rid of that and set the left and right menu ul to

Re: [css-d] floated image is offset in Firefox only; why?

You have the logo image wrapped in an h1 tag. h1a href=/index.htmlimg src=../_img/page/logo-CaledoniaStudios.gif alt=Caledonia Studios -- making history one piece at a time... width=463 height=62 //a/h1 Try removing the h1 Jim On Nov 29, 2007 7:03 PM, Matt Jalbert [EMAIL PROTECTED] wrote: On

Re: [css-d] FW: vertical-align middle NOT in tables (was: problem w/ table-less horizontal nav bar)

Rob, Here is one solution: In body {...} change the font-size to an em value such as 1em (more on this later). Then change to: ul#navbarUl { clear: both; height: 20px; width: 100%; margin: 0; padding: 13px 0; background-image: url(images/navbar-bg.jpg);

Re: [css-d] problem w/ table-less horizontal nav bar

Rob, No specific fix for you, but some resources to consider: List Tutorial and examples: http://css.maxdesign.com.au/index.htm Using a single image and css background-position to change the display on hover: http://css-tricks.com/css-sprites-what-they-are-why-theyre-cool-and-how-to-use-them/

Re: [css-d] site check please..

Looks like it breaks in IE6 win. See screen shot here: http://www.jimdavis.org/test/ie6.jpg You can see how you site will render in different browsers and os's for free here: http://browsershots.org/ Jim On Nov 25, 2007 10:34 AM, Rob freeman [EMAIL PROTECTED] wrote: Hello everyone, I have

Re: [css-d] update, can you check this site now

Looks good in IE6 win now. Jim On Nov 25, 2007 11:03 AM, Rob freeman [EMAIL PROTECTED] wrote: http://www.precociouscollective.com/ -- Rob Freeman [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Breadcrumbs wrapping and background image IE6

I don't want to ignite the old debate about using a definition list for a list of links, but perhaps this is one of those cases where using dl and dt could be employed. Note the following demo: http://www.jimdavis.org/test/bcTest.html The dt can be styled with a background image and floated

Re: [css-d] firefox css problem

Looks to me like the image of the shark in the footer is forcing the nav menu below the footer into the dark area of the page. You may need to remove the photo of the shark, or add height to the footer. Jim On Nov 19, 2007 11:46 AM, jaklitsch maya [EMAIL PROTECTED] wrote: I have run into a

Re: [css-d] problem with Zeitgeist Joomla template

Do you have a URL so we can see the problem in real time? On Nov 9, 2007 1:16 PM, mona borham [EMAIL PROTECTED] wrote: Hey guys, I've a big problem here with the new menu created by this template that the menu items not showing up because of it's css...

[css-d] Layout problem in Mac/Safari

My site will render properly in Mac/Firefox, however it breaks in Mac/Safari. Mac/Safari screenshot: http://browsershots.org/png/original/d4/d442e5566aaaf7f675b1ab995b024ce1.png Mac/Firefox screenshot: http://browsershots.org/png/original/78/781379f3cfc6de1761ac4dcb917c4817.png In Safari the

Re: [css-d] Float problem

Vicki, Adding the rule display: table; to the ufwus div will fix the float problem in Firefox. As I view the site in IE 6, however, there appears to be major problems. I will send you a screen shot off the list. Jim On Nov 8, 2007 2:15 PM, Vicki Stebbins [EMAIL PROTECTED] wrote: Hi Everyone,

Re: [css-d] Targeting DIV question

I agree with Zoe. Just because it can be done with CSS, does not mean it should be done. Replacing and image on a page is a job better done with CSS in concert with JavaScript and the DOM. For an excellent primer on the subject see DOM Scripting: Web Design with JavaScript and the Document Object

Re: [css-d] Rounded corners and Transparent GIFs

See this site for a css + js solution to rounded corners with transparent capability. http://pro.html.it/niftycube/ Jim On 3/23/06, Michael Clayton [EMAIL PROTECTED] wrote: For my next trick, I'll need a div with rounded corners on top of a textured background. Any volunteers from the

Re: [css-d] CSS Positioning Question

Ramone, Here is a link that shows a way to fix the position of both the header and footer. You can adapt this to fix the position of the footer only. http://www.456bereastreet.com/lab/cssframes/ HTH, Jim On 3/8/06, Ramone Kalsaw [EMAIL PROTECTED] wrote: Is there a css scheme for positioning

Re: [css-d] Getting rid of IE positioning Hacks

Ryan, Try putting the IE hack in a conditional comment: !--[if LTE IE 6] style #ul-nav { margin-top:-40px;} /style ![endif]-- Place this just prioir to /head. The validator ignores anything inside the comments. You will need the code on every page or set it up as an include. For more on

Re: [css-d] how could I center a div layer

Lorenzo, Visit this demo for inspiration: http://www.456bereastreet.com/lab/cssframes/ Jim On 2/21/06, Lorenzo Giuliani [EMAIL PROTECTED] wrote: Hi, I'm trying to center a relative position div. What could I do? here is the CSS: div.footer { width : 720px; margin-left : auto;

Re: [css-d] page check please

Schalk, Re-sizing text presents problems. Look at the design in FF Win and press control+ and you will see a page that renders similar to what you see in Opera. Perhaps sizing the menu elements in em's may help. I would be interested in any feedback you get as a result of your fixed width

Re: [css-d] Image -- text -- image

Keith, Here is a link to a three column grid demo created by Al Sparber: http://www.projectseven.com/csslab/testing/lists/grid.htm It's a fixed width, but maybe will provide some inspiration. Jim On 1/19/06, Keith Kaiser [EMAIL PROTECTED] wrote: I want to put text between two images,

Re: [css-d] Site Check - Internet Explorer (Win)

Hi, IE 6 using XP is forcing the right column down below the main content. Screenshot available on request. Jim On 12/27/05, Richard Brown [EMAIL PROTECTED] wrote: Hi Guys Could someone please take a look at this site in WinIE? I have given the wrap a background image and I am hoping it

Re: [css-d] trick for fixed positioning in IE?

Curby, Eric has a demo of fixed position backgrounds here: http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html IE will accept a fixed position background as part of the body. In Eric's example it is: body {background: black url(shell-bg.jpg) 0 0 no-repeat fixed;} Jim On 11/26/05,

Re: [css-d] background image not showing in FF

Hi, In #canvas add display: table. Jim On 11/25/05, Nick Wilsdon [EMAIL PROTECTED] wrote: First post to the list so hello everyone - I'm having some trouble making my background image (bg-canvas.gif) appear in this layout when viewed in FF. No problem in IE.

Re: [css-d] Text decoration help

Angus, Try CSS something like.. .shout-it { font-weight: 900; text-decoration: underline; } Then html like: p class=shout-itThis is bold underline/p Using em as a class or id name is probably a bad idea. Jim On 11/25/05, Angus at InfoForce Services [EMAIL PROTECTED] wrote: In my style

Re: [css-d] Undesired image border

Hi, Add this to your CSS: #logo img { border: 0; } Jim On 11/24/05, Mário Gamito [EMAIL PROTECTED] wrote: Hi, I'm prototyping this new web site, using as far as possible CSS. If you care to take a look at http://www.dte.ua.pt/~gamito/prototype.php you'll notice that Fig.1 has a blue

Re: [css-d] i am lost on how to do this in css

Jon, Here is a demo of an approach that uses a single div: http://www.jimdavis.org/multifloats.htm This example assumes all of the main images are the same size. I haven't applied any IE fixes that may be required but it seems to work in IE 6 and FF/win. Jim On 11/14/05, Jon Stephenson [EMAIL

Re: [css-d] layout does not work the same in NS and IE

Thomas, The to fix the IE double margin bug, in your block_1 div change display: block (which is not needed) to display: inline. To read more about this bug and many others read everything at: http://www.positioniseverything.net/ and on the wiki for this list: http://css-discuss.incutio.com/

Re: [css-d] Pop Menu Magic but want to use images

Joanne, I have found PVII to offer excellent support of their products. Visit their support page at http://www.projectseven.com/support/index.htm and you will find information about their newsgroup discussion forums and other support options. Some of the POP Menu Magic optional menus use images

Re: [css-d] div problems

Hard to tell without some code to look at. Be sure the containing div is not static. The containing div should include something like: {...position: relative...} for example. Jim On 10/30/05, meeester kode [EMAIL PROTECTED] wrote: I cant seem to get div to work while trying to use absolute

Re: [css-d] changing the distance between paragraphs

Ross, You can also set all p tags within a class or ID. #content {...} #content p { padding: .5em 1em; ...} This will set the rules for any p that is contained in the #content div, thus saving having to add a class name to every p within the div. Jim On 10/17/05, [EMAIL PROTECTED] [EMAIL

Re: [css-d] IE Fix Needed

For the first two problems try adding: a {display: block; background-color: #CC;} a:hover {color:black; background-color: white;} Change colors to suit. Jim On 10/12/05, Rahul Gonsalves [EMAIL PROTECTED] wrote: Dear All: I'm having a couple of problems with a page in IE. The page in

Re: [css-d] LI's Line Up in IE but not FF

Thomas, Since you are not using individual images for your icons it may be difficult to ever get the adjacent text to align across all browsers using margins, padding and line-height. I would use an individual image for each icon and place each icon and related text in a div. This will also allow

Re: [css-d] Anyway to get rid of the horizontal scrollbar at the bottom of a div?

Rick, Try placing the div with overflow: scroll inside of a div with overflow: hidden. Adjust the height of the containing div to less than the height of the inner div. See this example: http://www.jimdavis.org/test/scrolltext.htm Jim On 10/3/05, Rick Faircloth [EMAIL PROTECTED] wrote: I

Re: [css-d] Solution for broken CSS in IE4?

Edith, Here is a link to a source for browser compatibility charts. http://www.westciv.com/style_master/academy/browser_support/index.html Perhaps this would be a good place to start. Jim On 9/25/05, Edith Karnitsch @ Terranetwork [EMAIL PROTECTED] wrote: Just downloaded a stand-alone

Re: [css-d] Centered Layout + attached to left edge. Possible with CSS at all?

to get the rows to go flush to the left edge. What you've done there has got everything spot on up to that point. Do you think there's any way to persuade the those rows, to go flush to the left edge? Cheers, - Kevin On Fri, Sep 23, 2005 at 06:33:25AM -0700, Jim Davis wrote: Kevin

Re: [css-d] href's and images

Sam, There is an interesting article at http://alistapart.com/articles/imagemap/that takes the old html image map concept and adapts it to the modern world of CSS. The idea is to use a single image for your menu and place absolutely positioned div's over each menu item. Worth a look. Jim On

[css-d] Type Tester Tool for CSS

Listers may be interested in a type testing tool available in beta at: http://typetester.maratz.com/ You can set virtually every CSS variable having to do with type, compare styles side by side, and generate the CSS needed to create the style on your page. Good stuff. Jim

Re: [css-d] IE6/Win table box model padding issue

My apologies, the doc type info in my previous post was an image, not text. The text should be: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; Jim __ css-discuss [EMAIL

Re: [css-d] Help with positioning...

Athreya, In #container add the rule display:table. Jim On 9/19/05, Athreya Chidambi [EMAIL PROTECTED] wrote: Hi, Can anyone tell me why the footer on this page for some reason is showing up under the search bar in firefox? Looks fine in IE.

Re: [css-d] IE expanding Box Problem

Benny, To the inner div, add line-height: 1px; Jim On 9/13/05, benny [EMAIL PROTECTED] wrote: Hello, i'm new to this list and have a IE box problem. following example shows what i mean: div style=border:3px solid red;height:50px;background:#eee div style=border:1px dotted

Re: [css-d] Synchronising independent 'columns'

Ken, Here is a demo I cooked up that is one possible approach to your design. http://www.jimdavis.org/test/test1.htm This design uses an image in the body for the left column (not an original idea, btw). Works in FF and IE PC. Will need to have an exception to correct the IE 5 box model (see

Re: [css-d] Unwanted whitespace - please advise...

Ian, The white space above the footer seems to be caused by the #clear {...} rule. Try removing #clear from the css and adding clear: both; to #footer. As a side note, it is probably a good idea to avoid using property names, such as clear, as an id or class name. Jim On 9/10/05, Ian Piper

Re: [css-d] Vertically top aligning bugged vertically centered text

Peter, It appears that you are trying to achieve a 2 column fluid design with a header. You would also like the left and right columns to extend to the bottom of the viewport regardless of the content within the columns. There are a number of resources that offer free examples of various types

Re: [css-d] IE - Clickable transparent link?

Oliver, I hope someone on the list has a more elegant solution than mine. Here is a link to a demo of a solution that uses a transparent image to achieve the objective. The .gif image is sized the same as the link area. In this case 200px square. Seems to work in FF and IE6 PC.

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

Les, To see the left and right borders in FF add this to #maincontent display: table; Using web developer on FF reveals a slight horizontal offset between the borders and the top and bottom images, so you may have to play with the padding/margins to get rid of the offset. This will probably

Re: [css-d] Positioning Confusion

Using position: absolute for the menu is placing the menu in relation to the top left corner of the viewport. I would change the menu div to: position: relative;--could be deleted width: 760px; margin-left: auto; margin-right: auto; margin-top: -20px; padding-left: 5px; height: 25px; background:

Re: [css-d] Converting javascript heavy page to CSS2 - help needed

Pat, Here is a link to an interesting approach for image replacement http://alistapart.com/articles/imagemap/ Jim On 8/31/05, Pat Pruyne [EMAIL PROTECTED] wrote: Greetings, I'm still medium-low on the CSS learning curve and have been tasked to update a site created by someone else that

Re: [css-d] Collapsed margin in Firefox

Sarah, I don't see anything in the css to give seperation between #crumb and #middle. I would add margin-bottom:1em; to #crumb. This looks OK in FF, not sure about IE. Jim On 8/22/05, Smith, Sarah [EMAIL PROTECTED] wrote: Hi all, There's a section of a site where the margin appears to be

Re: [css-d] 3-Col Float problems in IE6

Ron, Sounds like the IE double margin bug. See http://www.positioniseverything.net/explorer/doubled-margin.html Jim On 8/19/05, Pringle, Ron [EMAIL PROTECTED] wrote: Can't quite conquer this one. I'm using the faux columns method for a three column layout. I'm having problems with one

Re: [css-d] faux column not working

Hi, Here are some resources with different solutions to the problem: http://www.pmob.co.uk/temp/2col_main.htm http://wellstyled.com/css-2col-fluid-layout.html http://www.projectseven.com/tutorials/css/pvii_columns/index.htm Of the three, I find the latter, Al Sparber's JavaScript solution, easy

Re: [css-d] Closing a Clear

Hi, Ad this rule to .pageBox... display: table; This should cause the red border to extend below the two columns of text. Jim On 8/10/05, Hershel Robinson [EMAIL PROTECTED] wrote: http://www.mishpachaw.com/eng-featuresLarge.php?w=fiction I have tried a few different methods to fix this

Re: [css-d] None

Hi, Try removing the position: fixed rule. The spec says this about position fixed: The box's position is calculated according to the 'absolute' model, but in addition, the box is fixed with respect to some reference. In the case of continuous media, the box is fixed with respect to the viewport

  1   2   >