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] http://www.css-

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 polici

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 f

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 wa

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

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

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

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

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

Hi again, Note: the instrument composers music gallery links contact *<< wrote: > I must be making a clumsy, beginner's, mistake somewhere but I just > can't figure out what is the problem. > > The CSS validates but isn't working as it should. Here is the page: > > > http://www.tuningsint

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. > > T

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 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 if

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, a

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, Ju

Re: [css-d] forcing an entire 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 hove

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 ca

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: >http://www.tectite.com/tests/iewidt

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] http://www.css-discuss.org/mailman

[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] http://www.css-discuss.org/mailm

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

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

Re: [css-d] Disparity

> defined 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

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 Saf

Re: [css-d] credit text in bottom of browser

Melinda, The link below may not be exactly what you are looking for, but may provide inspiration: http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ Jim On Feb 7, 2008 1:37 PM, Melinda Odom <[EMAIL PROTECTED]> wrote: > Hi, > > Is there a way to have text appear on top of 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 partic

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

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 men

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 agai

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 a

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

Have you thought of using a definition list? Original text Translated text Original text Translated text 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 project to display inte

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 fi

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 Unfortu

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-s

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 th

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 dia

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 c

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] Spreading list items across total width

Niels, Try setting the contents of the li to float: left; display: block; width: 25%; As in: li { display: inline; list-style-type: none; } a { float: left; display: block; width: 25%; background: #CC; text-align: center; } See demo here: http://www.jimdavis.org/test/elasticlist.html Jim On De

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] 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] 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 . Be sure

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 al

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. http://www.jimdavis

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 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, Eystein Alnaes <[EM

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 w

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 f

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 appea

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

You have the logo image wrapped in an h1 tag. Try removing the h1 Jim On Nov 29, 2007 7:03 PM, Matt Jalbert <[EMAIL PROTECTED]> wrote: > On this page: > http://www.sparklejet.com/clients/cale/livingroom/ > > the logo, which is in a float-left div, renders in Firefox (both Mac > and Windows) e

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 ma

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); background-rep

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/ h

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] > http://www.cs

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 b

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 and 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 left. Set

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 p

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... __

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

[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 con

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] Targeting DIV question

Hi, Here is a link to a demo by Stu Nicholls that uses hover to change the "page". http://www.cssplay.co.uk/menu/one_page.html Perhaps his method will provide inspiration. Jim On 4/5/06, Steve Rachels <[EMAIL PROTECTED]> wrote: > > I know there must be a way, but being new to css, I don't have

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 a

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 positioni

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

Ryan, Try putting the IE hack in a conditional comment: Place this just prioir to . 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 conditional comments go to microsoft.com and search for 'conditional comment'. J

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

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 des

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

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, cur

Re: [css-d] Text decoration help

Angus, Try CSS something like.. .shout-it { font-weight: 900; text-decoration: underline; } Then html like: This is bold underline 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 sheet, I have: > >

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. > > http://www.e3inte

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

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 P

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/ J

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 f

Re: [css-d] 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 to work while trying to use > absolute p

Re: [css-d] css problem with margin between header and content - take a look please

Carol, This html is suspect: Controlled Air SystemsHeating & Cooling ProfessionalsServing Central Ohio since 1995 Try removing the last two and see if that fixes the problem in IE. You should be able to style this without any tags. Also, the image headerbkd.gif has a height of 167px but the c

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

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

Re: [css-d] In search of 2-column, fluid, equal length layout.

Richard, My demo is adapted from the article found at http://wellstyled.com/css-2col-fluid-layout.html created by Petr Stanicek. Uses images as fake columns Only tested in FF and IE6 Win. See the demo: http://www.jimdavis.org/test/50_50.html Jim On 10/13/05, Richard Grevers <[EMAIL PROTECTED]> w

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 pa

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-a

Re: [css-d] IE Developer tool bar

The developer toolbar available for FF is a great tool for diagnosing problems with CSS markup, particularly if you are trying to help someone on the list find problems with their site. The toolbar, among many other things, allows you to outline div boundaries, and change CSS markup "on the fly" to

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

The challenge i'm facing is how 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, > >

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

Kevin, Here is my approach: http://www.jimdavis.org/test/locked_left.htm View source to see the css. Note that a 100% wide div with borders left and right will force a horizontal scroll bar in FF and IE 6 in standards mode. Thus the need for slightly less than 100% width if borders are used. J

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 9/20

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. > > url:http://www.athreyachidambi.com/t

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: http://www.w3.org/TR/html4/loose.dtd";> Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List

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

Jason, According to this tutorial, http://www.projectseven.com/csslab/boxmodel/, you should use the following to force IE 6 into Standards mode. [image: HTML 4.01 Transitional DOCTYPE] Jim On 9/19/05, Jason Kohls <[EMAIL PROTECTED]> wrote: > > Hi all, > > I'm having an issue with IE6/Win not i

[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] 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: > > > > > > if i give the inner DIV a height, the IE expand this inner DIV about 12px. > a

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] 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] 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] 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. http://www.jimd

  1   2   >