[css-d] Specificity problem with a and text-decoration

By default, my links within a certain div are not underlined. div.column-content a {color: #ff0080; text-decoration: none;} However, I want some of those links to be underlined. So for those, I defined a style: a.force-link-decoration {text-decoration: underline; } To apply

Re: [css-d] highlighting the current selection

I want the link for the currently displayed page to be quite different from the other links and static to clearly indicate the page the reader is on. I have read in Eric Myer on CSS, how to do this for one page - give the link an id and add a style for the a#id. I can't see how to get this to

[css-d] divs boxes looks different in IE6/7 from Firefox 1.5

Dears, I have laid down three div boxes on top of each other but they look different in IE as the distance between them is bigger in IE http://codg.bjaili.com/12/ HTML CODE !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;

Re: [css-d] divs boxes looks different in IE6/7 from Firefox 1.5

On 05/09/2006 07:58, OOzy Pal wrote: I have laid down three div boxes on top of each other but they look different in IE as the distance between them is bigger in IE Seems to me that you have both margin-top and margin-bottom set. This indicates that IE is probably not correctly collapsing the

Re: [css-d] divs boxes looks different in IE6/7 from Firefox 1.5

On 05/09/2006 08:23, Bradley Wright wrote: Seems to me that you have both margin-top and margin-bottom set. This indicates that IE is probably not correctly collapsing the margins. Oh, and since I only showed you an explanation of collapsing margins, my suggested fix is to remove margin-top

[css-d] IE styling issue with dropdown button.

I have a problem with a dropdown button on a menu in which doesn't style properly in IE but works fine in Firefox. Please can you check and see if you are familiar with this problem. It's the 'products' button at this site: www.access2id.co.uk http://www.access2id.co.uk/ Hope you can help,

[css-d] Opera8.5 not showing column

http://files.nho.no/rayon/site/index.phtml __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ --

Re: [css-d] IE styling issue with dropdown button.

Hi Lyn, I replied earlier with a fix for this issue: http://lists.css-discuss.org/mailman/private/css-d/2006-September/068633.html Does this not fix the issue? Brad __ css-discuss [EMAIL PROTECTED]

Re: [css-d] highlighting the current selection

... However, basic usability tells you that the current page just should not be a link - why should it link to itself? ... As an another method to refresh the page. I got quite used to that :/ Regards, Rimantas -- http://rimantas.com/

Re: [css-d] IE styling issue with dropdown button.

Hi Lyn, I think this is really a javascript problem, although you should validate your html as well. -- Joel Goldstick www.columbuswebmakers.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

[css-d] styling a hr / in IE

I've been looking around for this without finding a working solution, is there any way to style a horisontal ruler in IE? More specifically I'm looking for the equalent of a 1px dashed border, but I want to avoid using a div for semantic reasons. For standard browsers I've used hr.ruler {

Re: [css-d] Specificity problem with a and text-decoration

Jim Ratliff wrote: By default, my links within a certain div are not underlined. div.column-content a {color: #ff0080; text-decoration: none;} However, I want some of those links to be underlined. So for those, I defined a style: a.force-link-decoration {text-decoration:

Re: [css-d] styling a hr / in IE

The archive contains the only two links I was going to send through for this anyway: http://archivist.incutio.com/viewlist/css-discuss/26332 PS: looks like it's not really do-able in IE. Like most things, really. __ css-discuss

Re: [css-d] styling a hr / in IE

Subject: [css-d] styling a hr / in IE I've been looking around for this without finding a working solution, is there any way to style a horisontal ruler in IE? More specifically I'm looking for the equalent of a 1px dashed border, but I want to avoid using a div for semantic reasons. For

[css-d] Form issue

I'm running into an issue where within my app I'm using a plugin that has it's own CSS stylesheet. I've tried editing it and while it seems I can make some changes the damn thing just won't line up with my other elements. In my main stylesheet I have the following: label, select{ display:

Re: [css-d] Opera8.5 not showing column

Eystein Alnaes wrote: http://files.nho.no/rayon/site/index.phtml Looks like there's a problem with the compensation for older Opera-versions for .equal. I changed it once, and your page worked in 7.54 and 8.5. However, I don't have time to play around with it and assure a perfectly stable

Re: [css-d] Opera8.5 not showing column

On 9/5/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Eystein Alnaes wrote: http://files.nho.no/rayon/site/index.phtml Looks like there's a problem with the compensation for older Opera-versions for .equal. I changed it once, and your page worked in 7.54 and 8.5. However, I don't have time to

Re: [css-d] styling a hr / in IE

Eystein Alnaes wrote: I've been looking around for this without finding a working solution, is there any way to style a horisontal ruler in IE? More specifically I'm looking for the equalent of a 1px dashed border, but I want to avoid using a div for semantic reasons. For standard browsers

Re: [css-d] styling a hr / in IE

On 9/5/06, Eystein Alnaes wrote: .hr { border:1px dotted #00; } Ian Nice, but IE seems to add a margin or padding which I can't zero. Eystein On 9/5/06, Ian Young wrote: Where exactly? Ian Above and below. Which is only a concern in at the top of the left column, where the

Re: [css-d] styling a hr / in IE

I don't remember where I stole this: hr {border: none 0;border-top: 1px dashed #000;width: 50%;height: 1px;} Maybe it will work for you. Maybe not. ~dL The replyes are coming in faster then I can test them. Thanx! Sadly I'm still not getting around the magic margin/padding. Ey

Re: [css-d] styling a hr / in IE

Eystein Alnaes wrote: hr {border: none 0;border-top: 1px dashed #000;width: 50%;height: 1px;} Maybe it will work for you. Maybe not. ~dL The replyes are coming in faster then I can test them. Thanx! Sadly I'm still not getting around the magic margin/padding. Ey Put the page on a

Re: [css-d] styling a hr / in IE

-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Eystein Alnaes Sent: 05 September 2006 13:57 To: css-d@lists.css-discuss.org Subject: Re: [css-d] styling a hr / in IE The replyes are coming in faster then I can test them. Thanx! Sadly I'm still not

Re: [css-d] styling a hr / in IE

Is the issue not with the archivnav div. There is a padding of 10px 0 10px 7px? This will account for the spacing/padding at the top of the second menu in IE. Ian No, I wouldn't think so (also tested), since the hr / is closed before the archiveNav div opens. Eys

Re: [css-d] styling a hr / in IE

Put the page on a public server and give a clickable link to it. ~dL http://files.nho.no/rayon/site/index.phtml __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub --

Re: [css-d] styling a hr / in IE

Eystein Alnaes wrote: I've been looking around for this without finding a working solution, is there any way to style a horisontal ruler in IE? More specifically I'm looking for the equalent of a 1px dashed border, but I want to avoid using a div for semantic reasons. For standard browsers I've

[css-d] Overflow: hidden? not hiding in IE

Hello all, I'm a new one here, hope I'm doing this right? I know this is a common problem, and is listed on the wiki, but I seem to be going round in circles.. I am not a web developer - I've just opened a shop and wanted to do a small site to promote it.. More fool me..

Re: [css-d] Specificity problem with a and text-decoration

Thanks very much! I used your solution #1 (removing the div from div.column- content). (#2 wasn't general enough for all the contexts I want to use it.) And that worked: it underlined what I needed to have underlined. Thanks, too, for the two additional resources. The Calculating a

Re: [css-d] Overflow: hidden? not hiding in IE

Silk-Works wrote: I have large bottom padding and large negative bottom margin applied to a sidebar navigation and an inner content area, contained in a wrapper with overflow set to hidden, to keep my columns the same length for different content, which seems to be fine in opera and FF,

Re: [css-d] Overflow: hidden? not hiding in IE

Gunlaug Sørtun wrote: http://www.silk-works.com IE does hide overflow on #divWrapper, but a bug makes it render the overflowing parts of any container that has 'position: relative' declared on it. Thus, the solution is to delete 'position: relative' on... Forgot... :-) IE has many

[css-d] side-scrolling portfolio website - best technique?

Hello I'm new here, new to CSS and new to web design. I'm a photographer, and I'm trying to create a side-scrolling portfolio website, without using tables. I've had a lot of help in this thread: http://www.csscreator.com/node/17632 And this is what I've got so far:

Re: [css-d] Overflow: hidden? not hiding in IE

http://www.silk-works.com To save you some time - and grey hair... The addition of... #divWrapper #divSidebar a {position: relative;} #divWrapper #divContainer a {position: relative;} ...will do the trick in IE, once the 'position: relative' on the containers themselves (as described in the

Re: [css-d] side-scrolling portfolio website - best technique?

- Original Message - From: richard n [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Tuesday, September 05, 2006 8:54 AM Subject: [css-d] side-scrolling portfolio website - best technique? | Hello | | I'm new here, new to CSS and new to web design. | | I'm a photographer, and

Re: [css-d] Overflow: hidden? not hiding in IE

Silk-Works wrote: Hello all, I'm a new one here, hope I'm doing this right? I know this is a common problem, and is listed on the wiki, but I seem to be going round in circles.. I am not a web developer Me either. - I've just opened a shop and wanted to do a small site

[css-d] Older Firefox bug?: background image does not display

Greetings, I've been toying with CSS and set up a blog for my family to review. The address is www.jassanius.com. Problem is the background of the main text area doesn't display in Firefox 1.0.4. It displays fine in IE 6 and the latest Opera incarnation, as well as in the latest Firefox version,

Re: [css-d] styling a hr / in IE

[EMAIL PROTECTED] wrote: I don't remember where I stole this: hr {border: none 0;border-top: 1px dashed #000;width: 50%;height: 1px;} Maybe it will work for you. Maybe not. ~dL Same idea really, but I use: .hr{ height : 1px; margin : Xpx 0px; border-top : 1px solid #000; }

Re: [css-d] side-scrolling portfolio website - best technique?

I've had a couple of replies off-list. Apparently the scrolling gallery doesn't work in Firefox 1.5.0.6 on a PC. I wonder why, as it works fine in Firefox 1.5.0.6 on my Mac? Also I've been advised that for 'content type' I should be using 'text/html' and not 'application/xhtml+xml'. That was a

Re: [css-d] side-scrolling portfolio website - best technique?

I agree with the thumbnail to larger image technique. I use one at: http://www.mediamasters.co.uk/dg/karen/index.php?pg=3 it is javascript but pretty stable. Thanks Richard - Original Message - From: richard n [EMAIL PROTECTED] To: css-d@lists.css-discuss.org

Re: [css-d] side-scrolling portfolio website - best technique?

| Apparently the scrolling gallery doesn't work in Firefox | 1.5.0.6 on a PC. I wonder why, as it works fine in Firefox | 1.5.0.6 on my Mac? | http://www.richardnicholson.com/testing/list_text.html I'm running Firefox 1.5.0.6 on a PC, and the sidescrolling seems to be working fine. It also

Re: [css-d] side-scrolling portfolio website - best technique?

richard n wrote: Apparently the scrolling gallery doesn't work in Firefox 1.5.0.6 on a PC. I wonder why, as it works fine in Firefox 1.5.0.6 on my Mac? It scrolls horizontally as I believe you intend in XP Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.6) Gecko/20060728

Re: [css-d] side-scrolling portfolio website - best technique?

There should be 60 pixels of white space above the scrollling gallery. That is a holding space - I'm going to put dropdown menus there, so people can navigate to different galleries (and the usual 'about' 'info' 'contact' sections). I'm aware that the whole thing is a bit too deep. I intend to

Re: [css-d] side-scrolling portfolio website - best technique?

Thanks, that sounds encouraging. (Hmm, I must confess, I don't actually know what Mozilla and Gecko are.) So... it looks like it doesn't work in IE7... any idea how I can fix that? And it doesn't work in IE5.2.3 Mac (images display vertically). How about IE5 PC? It scrolls horizontally as

Re: [css-d] side-scrolling portfolio website - best technique?

You mention 350px vertical being a good guide for designing for an 800 x 600 screen. How about for a 1024 x 768 screen? (I've added a background colour - thanks) The amount of vertical scroll will depend on the users chrome. And there's no way to predict what that's going to be (for me the

Re: [css-d] [ADMIN] Re: CSS best practice?

I've actually set up a couple of macros - one to populate the stylesheet in and one to populate the page. I fill in the info as needed. I like to comment my divs so I know where it begins and ends and avoid the extra div tag issue. The comments are in the macro, also. I use something like this :

Re: [css-d] side-scrolling portfolio website - best technique?

richard n wrote: You mention 350px vertical being a good guide for designing for an 800 x 600 screen. How about for a 1024 x 768 screen? (I've added a background colour - thanks) The amount of vertical scroll will depend on the users chrome. And there's no way to predict what

[css-d] a tabless bulletin board?

Hi list! is there any bulletin board (entirely) tabless? if yes, which one? if dont, is it recommended to make it using divs or this one case where tables do the job efficiently and better than divs? Im asking because Im interested in developing a bulletin board system (a project for my college)

Re: [css-d] a tabless bulletin board?

cappellano wrote: is there any bulletin board (entirely) tabless? If there are, they aren't any good or popular. I am currently at the early stages of a huge project, of converting vBulletin to standards based, table-less (or maybe less-tables depending on how it turns out...) layout.

Re: [css-d] Older Firefox bug?: background image does not display

jason lee wrote: Greetings, I've been toying with CSS and set up a blog for my family to review. The address is www.jassanius.com. Problem is the background of the main text area doesn't display in Firefox 1.0.4. It displays fine in IE 6 and the latest Opera incarnation, as well as in the

Re: [css-d] adding a global override in a style

Trish Meyer wrote: Hi all, I have a couple of questions regarding a new site I put up today. (Welcome any feedback too!). http://www.co-op7.org/ http://www.co-op7.org/stylesheets/coop7.css Having a typesetting background, I have strong feelings for appropriate amounts of Space Before

Re: [css-d] [ADMIN] Re: CSS best practice? / explaining comments and bug hunting

Theresa Mesa wrote: I've actually set up a couple of macros - one to populate the stylesheet in and one to populate the page. I fill in the info as needed. I like to comment my divs so I know where it begins and ends and avoid the extra div tag issue. The comments are in the macro, also. I use

[css-d] Layout check please- was Table squirting out of DIV

sorry if this is posted twice.. Hi again, This began as [css-d] Table squirting out of DIV but Zoe helped me fix that so I thought I'd start a new thread for some of my other questions. Below is a url for referencethe original page I'm working on is secured and

Re: [css-d] side-scrolling portfolio website - best technique?

1. Is this the best way to do it (using an unordered list)? I tried another way (floating divs left, inside a container div), but that required me to specify a total width for the container div, or otherwise the images would wrap to the browser window. I rejected the method as it was

[css-d] Avoiding empty pages in print - any ideas?

Hello list, I've created a print.css that does what I want most of the time. However, every now and then I end up with empty pages. Does anyone know of a trick I could use to loose at least the last empty page? I've searched high and low, but I can't find something workable. Also: could

Re: [css-d] side-scrolling portfolio website - best technique?

Thanks for the example Tony. It looks good, and by reading the code I can just about work out what's going on. Unfortunately, PHP is beyond me, and without PHP it is just too tricky to position everything correctly. I think that semantically your approach is better. I'm using a list, which

[css-d] ie7 Suckerfish menu problems?

Anyone else had any problems with the Suckerfish dropdowns in ie7 beta 3? I'll roll over one link which reveals the drop down list for that link but when I roll off the link the list doesnt go away. So if I roll over another link the previous list I had rolled over is still showing. Also, if the

Re: [css-d] side-scrolling portfolio website - best technique?

I've been sent a reply off-list with a screen-grab of how the scrolling gallery displays in IE6 PC. I had been forewarned that my dotted borders would be displayed as dashes in IE6 PC, but I was surprised to see that the dashes on the horizontal borders were erratically blending into each

[css-d] New IE7 haslayout bug?

Hi everyone, A client had a strange behavior in IE7 RC1, where mousing over a link in one column moved the right hand column off screen. A fairly obscure one this, but at first glance it doesn't seem to equate to a current PIE bug. I've just cut it down to a test case:

Re: [css-d] Layout check please- was Table squirting out of DIV

http://rollandburn.com/index.html Your test page isn't XHTML 1.0, so you should clean it up first, or change it to HTML 4.01 and mark it up accordingly. http://validator.w3.org/check?uri=http://rollandburn.com/index.html Don't know how your original page is, but the same standard-requirements

Re: [css-d] Layout check please- was Table squirting out of DIV

Gunlaug Sørtun wrote: http://rollandburn.com/index.html Correction (of course) :-) [...] If you don't need navigation, then you simply change that margin to zero. Example: body#with-nav #content {margin-left:12em;} body#no-nav #content {margin-left:0;} ...is more like it, I think.

[css-d] Differences Between Exact Code Sections -- Vertical Menus

In the process of implementing vertical menus, I am drawing the work pure CSS menus located at http://meyerweb.com/eric/css/edge/menus/demo.html;. The web page I'm building and testing, http://home.cfl.rr.com/rtgroup/index-tantra13.html;, shows some bizarre behavior. The original menu is

[css-d] site check

I have just relaunched a makeover for this site. http://www.cheekyjumpingcastles.com.au/ There are three problems that I can't see round and maybe more that I haven't found :-) 1. I can't get the current page to display its link differently. 2. In IE the nav buttons are cut off - see Firefox. 3.

Re: [css-d] side-scrolling portfolio website - best technique?

I've had a few emails about the horizontal dotted borders being rendered as blurred dashes in IE PC. From what I've been told the borders look ok (but dashed) when the page is static, but as the page is scrolled the borders start to degrade (the gaps between the dashes start to fill in) - I've

[css-d] absolutely positioned one pixel gap

Hello, I'm having an issue with absolute positioning on this page: http://ddc.mightyminnowstudio.com/ http://ddc.mightyminnowstudio.com/main.css The main navigation on this page: [[ Anniversary engagement wedding education center ]] is absolutely positioned to the bottom and right of the

Re: [css-d] side-scrolling portfolio website - best technique?

richard n wrote: Thanks for the example Tony. It looks good, and by reading the code I can just about work out what's going on. Unfortunately, PHP is beyond me, and without PHP it is just too tricky to position everything correctly. I only used PHP to dynamically create the gallery.