Re: [css-d] what is h1 small syntax?

Hi Angela, The HTML that refers to would look like this: Your Heading Most likely, actually, it would be used like this: Your Heading Other Stuff So that you could have two styles of text in the heading. Not sure it's how I'd achieve the same effect, but it's technically correct. Cheers, Se

Re: [css-d] List width mystery

On 11 February 2010 15:04, Skip Knox wrote: > Color me *duh* > > If it's not too much trouble, could you say how you detected that? I looked > for width statements, so I was obviously focused on the wrong thing. When > led you to the right margin business? Was it a tool? Logic? Intuition? > > Jus

Re: [css-d] List width mystery

On 11 February 2010 14:39, Skip Knox wrote: > > 1. Can someone explain why, with no width on the li, the words wrap the way > they do > > I suspect that this is to do with the 11em right margin on line 5 of the bestpractice stylesheet. > 2. Can someone offer a better solution to the problem tha

Re: [css-d] Password Protection

2009/8/26 > Is it possible to password protect a website with CSS? > No, it's not. CSS is purely for display-related things. What you want is very much in the functional side of things, and should be handled with some kind of server-side logic. If you want more information about this, feel free

Re: [css-d] Weird breaks in printing multiple-pages

Ah, right. I hadn't realised that the Spry thing was treated as an unbreakable box. That explains a lot. Personally I prefer using a JS method such as you mentioned below. The developer who built this site, however, was having something of a love affair with Spry and used it in as many places as h

[css-d] Weird breaks in printing multiple-pages

Hi guys, I've inherited a site with a problem. If you have a page with more content than will fit on one printed page, it creates all of these strange page breaks when you try to print. To see what I mean, have a look at http://www.superconcepts.com.au/faqs, expand the option "What are the advanta

Re: [css-d] Floating a sub-list level with it's parent list

2009/3/7 > From your layout above the only way I could get it to position correctly > was with the following: > > HTML: > > > Main Nav > > Page 1 > Page 2 > Page 3 > Subscriber Modules > > Module 1 > Module 2 > Module 3 > Module 4 > > > > > > CSS: > > #mainnav { > float: left; > } > #submod

Re: [css-d] Can't eliminate border on linked images

2009/3/6 Kim Brooks Wei > Hi People, > > I added a link to the fotos in my #sitenav. Now there's a blue border > around the foto-links but I can't seem to find what's causing it. > > See border here: > http://thewei.com/sandbox/scenter/ > > No border here (but fotos aren't links, either) > http:/

[css-d] Floating a sub-list level with it's parent list

Hi guys, I'm in a bit of a bind here. I have a nested list that I have no control over - it's coming out of the CMS with this hierarchy and I can't change that. Here is an example of the unstyled list: - Main Navigation --- Page 1 --- Page 2 --- Page 3 --- Subscriber Modules - Module 1 -

Re: [css-d] Can you start a repeating background away from the edge of it's container?

Thanks everyone for your replies. I had tried the idea of putting the offset in the background-position property to no avail (it was one fo the things I was finding conflicting opinions on the effectiveness of, rather like here *grin*). As it turns out, I've managed to find a laughably simple solu

[css-d] Can you start a repeating background away from the edge of it's container?

Hi guys, I've spent about an hour Googling this one, and I'm getting lots of conflicting answers. I also can't get any of them to work, so I don't know if they're wrong or if I'm just messing something up. So can someone give me a definitive answer on whether you can start a repeating background

Re: [css-d] a:hover vs images with alpha chanel

2008/8/5 snak detek+0r <[EMAIL PROTECTED]>: > does anyone have a good way of universally disabling > >a:hover{background-color} > > for images? i always have this problem, and i'm never satisfied with the > solution. it seems that you could fix it by styling > >a img {background-col

Re: [css-d] 100% height over existing page

2008/8/1 Alan Gresley <[EMAIL PROTECTED]>: > Seona Bellamy wrote: >> I need to create an absolutely positioned div that will float on top >> of the existing page layout, and be 100% of the height of the rendered >> page, not the viewport. > > Simply

Re: [css-d] 100% height over existing page

2008/7/31 Al Sparber <[EMAIL PROTECTED]>: > From: "Seona Bellamy" <[EMAIL PROTECTED]> >> Is there a CSS way of doing this? > > No - and the Lightbox scripted method is flawed to boot :-) > > Our Lighshow widget would do exactly what you need to do and

[css-d] 100% height over existing page

Hi guys, I need to create an absolutely positioned div that will float on top of the existing page layout, and be 100% of the height of the rendered page, not the viewport. Something similar to what Lightbox does - greying out the page and displaying a box over it. The trouble is, because it's to

Re: [css-d] center submit button in a table cell

On 15/11/2007, Graham, Steve <[EMAIL PROTECTED]> wrote: > > My question for you is this. I'm trying to figure out a way to > automatically center a submit button in a table cell. I can style the > button just fine, but I've not found a good way to center it. > > Aside from the obvious solution of

Re: [css-d] Falling floats in Opera & Netscape

On 05/10/2007, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote: > > Given the code snippets you've given (a url with at least a minimal > demo of the problem would be much more easy !), chances are that the > text will fall 'out of the box' in my browser, which is not Opera or > Netscape 8. > 3 line

[css-d] Falling floats in Opera & Netscape

Hi guys, I have a footer, which has a background image. Within the footer I have a bunch of links (marked up as a list and floated left) and a copyright notice (marked up as a paragraph floated right). In most browsers, this seems to work just fine. In Opera 9.21 and Netscape 8.1.3, however, they

Re: [css-d] Not that good at tables

On 21/09/2007, juliann wheeler <[EMAIL PROTECTED]> wrote: > > Does anyone else want to take a stab at this? > > Here's the problem: > I am creating an HTML email (So I have to use tables instead of CSS) > > Here is my original design: > > http://www.pcg-advisors.com/Newsletter/pcgnewsletter9_07_p2_

[css-d] Safari background issue

Hi guys, Has anyone ever come across a situation where Safari sometimes doesn't display the background in the correct location? An example that I've been directed to (I use a PC, so I can't play with this myself) is http://www.subaru.com.au/about-subaru/subaru-advantage/ . The background is suppo

Re: [css-d] IE6 adds extra space before paragraph

On 06/08/07, Ingo Chao <[EMAIL PROTECTED]> wrote: > > I'd say its the 3px text jog, and the usual fix would be to > > apply haslayout to #article (height: 1%) > subtract 3px from the #article left margin (actually, subtracting 5 px > would be better here): 105px instead of 110px > apply margin-righ

Re: [css-d] IE6 adds extra space before paragraph

On 06/08/07, Jukka K. Korpela <[EMAIL PROTECTED]> wrote: > > > > http://www.dairyfarmers.com.au/df/ournews/latestnews/2007/07/25/from-rock---n-roll-to-rolling-hills/in > > The correct URL appears to be > > http://www.dairyfarmers.com.au/df/ournews/latestnews/2007/07/25/from-rock---n-roll-to-rolling

[css-d] IE6 adds extra space before paragraph

Hi guys, Can someone please have a look at http://www.dairyfarmers.com.au/df/ournews/latestnews/2007/07/25/from-rock---n-roll-to-rolling-hills/in IE6 and tell me: a) are the first two lines indented slightly (a couple of pixels-worth) more than the rest of the article, and b) if so, how can I fix

Re: [css-d] Background image not centring correctly in Firefox

On 26/07/07, Shelly <[EMAIL PROTECTED]> wrote: > > I can't remember who it was, but I do recall it was on this list. > Someone sent a "how to" on vertical centering of unknown height items > last year, I think. The URL is here: > > http://www.jakpsatweb.cz/css/css-vertical-center-solution.html > >

Re: [css-d] Background image not centring correctly in Firefox

Thanks Jerod and Ricky. That worked a treat. Just out of curiosity, is there a nice easy way of vertically centring a div? I seem to recall seeing this discussion once before and the conclusion being that there isn't, but someone may have come up with a way since then. (Well, I can dream...) :) C

[css-d] Background image not centring correctly in Firefox

Heya, I was under the impression that by setting the background-position to "center center" you could get your background image sitting in the middle of the screen. IE is doing this just fine, but with Firefox I am finding that the image sits right up at the top, half off the screen. You can see i

Re: [css-d] Does Safari ignore negative margins?

On 19/06/07, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote: > > > Note that Safari -version 2- has a truckload or more bugs with > the :last-child pseudo-class. So much that it is disabled in current > WebKit nightly builds and in Safari 3.0beta. > > And yes, Safari handles negative margins on fl

[css-d] Does Safari ignore negative margins?

Hi guys, Trying to fix a Safari issue where a couple of divs are not sitting hard up against each other as they should. I found the following tip for directing a rule only at Safari: html[xmlns*=""] body:last-child So I applied it as follows: html[xmlns*=""] body:last-child #cul-tip { margin

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

On 30/04/07, Robert Lane <[EMAIL PROTECTED]> wrote: > > What would be the right way to get this bugger down to the bottom left > of the footer? > > Here is the detail from the page: > > #footer_tag { position: relative; bottom: 2px; } > p.copy { padding: 6px ; font-size: 0.7em; > text-align: left;

Re: [css-d] Son of Suckerfish problem in IE7

On 26/03/07, francky <[EMAIL PROTECTED]> wrote: > > Hi Seona, > Apart from this, I notice that (while the html is validating) the > css-validator is reporting a I/O error and doesn't go on. > And looking at the code of the page, I see some strange double ##'s in > the conditional comments. > >

Re: [css-d] Son of Suckerfish problem in IE7

On 26/03/07, Ingo Chao <[EMAIL PROTECTED]> wrote: > > It's IE6's old stuck-on-hover bug with the ingredient of a mouse click > as a trigger. > > #mainnav li:hover {background-position: 0 0} > > fixes it. > > IE6 itself does not show this stuck-on-hover phenomenon in > suckerfish-type menus: to proc

[css-d] Son of Suckerfish problem in IE7

Hi guys, I've been finding an odd problem with the Son of Suckerfish menu in IE7. I've Googled it extensively, and tried implementing every IE7 fix I came across whether it seemed relevant or not, but I just can't get the problem to go away. You can see it in action if you go to the (extremely ba

[css-d] Setting an element based on its child

Hi all! Just wondering: is there a way in CSS to set the properties of an element if it has a particular child? For (a very simplistic) example: Some Text Some Text Some Text Some Text I want to make the background of the element green IF it contains the id "par2". Cheers,

Re: [css-d] Splitting a list into two columns

On 09/02/07, david <[EMAIL PROTECTED]> wrote: > > Seona Bellamy wrote: > >> In your scripting logic I imagine you'll want to decide how to handle > >> widows & orphans so you don't strand a section title at the bottom of > >> column1 or the la

Re: [css-d] Splitting a list into two columns

On 09/02/07, Rafael Holt <[EMAIL PROTECTED]> wrote: > > There is a very nice method purely with CSS, but as usual it doesn't work > in > IE (or Opera). It works in Mozilla and will do in the next release of > Safari. This is how to make it into two columns with mozilla with a 2 em > gap > in betwee

Re: [css-d] Splitting a list into two columns

On 09/02/07, Paul Novitski <[EMAIL PROTECTED]> wrote: > > You probably do need scripting to accomlish this today. Although you > can't predict the number of list items, a script can count them on > the fly and shape the list accordingly. > > Although my first choice would be server-side scripting,

[css-d] Splitting a list into two columns

Hi guys, Creating a sitemap for a client and what they want is for the list to be as follows: 01. Section 1 - Sub-page - Sub-page 02. Section 2 - Sub-page - Sub-page - Sub-page - Sub-page 03. Section 3 - Sub-page - Sub-page etc... However, they also want ti split over two

Re: [css-d] Negative margins and IE

On 20/06/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Seona Bellamy wrote: > > That fixed it just fine, although I don't quite understand why it > > makes such a difference. Is this a part of the whole hasLayout thing? > > Related, yes. I see it as a &q

Re: [css-d] Negative margins and IE

On 20/06/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Your solution is good enough, but IE/win tends to hide elements that are > pulled out of their containers by negative margins. > > Add... > > .teaserPane h2 {position: relative;} > > ...which will make IE reveal the "swallowed" parts. Sen

[css-d] Negative margins and IE

Hi all, I'm having a problem getting some negative margins to work in IE, and I can't seem to find anything about possible workarounds - in fact, everything I've found seems to suggest that the negative margins should be working just fine! So hopefully someone can enlighten me on how it's supposed

Re: [css-d] Just a couple of quick definitions...

On 19/05/06, Dave Pierce <[EMAIL PROTECTED]> wrote: > > One of the books I've been studying has used two terms I'm unfamiliar > with. Some will deem these dumb questions, but here they are. They're not dumb questions. If you've never come across teh terms before, you won't know until you ask. :)

[css-d] One fieldset shifting place in IE/Win

Hi guys, Just noticed a problem with our sign-up form. When you look at it in IE/Win (don't know if it happens on Mac too or not) the fieldset "Company Details" is sitting against the left edge of the content space instead of pushed out from it like all the others are. I've gone over both markup a

Re: [css-d] Making a pull-quote

On 10/04/06, Ian Piper <[EMAIL PROTECTED]> wrote: > > /* p is used for the attribution */ > > #quotation1 p { > background-image: url(../images/closequote.gif); > background-position: bottom right; > background-repeat: no-repeat; > font: 14px "Trebuchet MS", Times, s

[css-d] Getting confused with the cascade

Hi guys, I'm trying to figure out a way to handle the sizes of nested lists. I've got a lot of them throughout the site, of varying numbers of levels, including one which, potentially, could have an infinite number of levels (it's a threaded discussion list). I've made the initial list size slight

Re: [css-d] problem w/ embedded columns in Firefox

On 17/02/06, Rafael <[EMAIL PROTECTED]> wrote: > > Interesting what IE does, though I don't know why. > I believe it has to do with the way IE deals with floats vs the way Firefox deals with floats. Have a read of: http://www.positioniseverything.net/easyclearing.html It explains the prob

Re: [css-d] Full height causing me trouble

Ah, don't worry, I've fixed the problem. Turns out that what I had to do was to keep the height on #sizer at 'auto'. Not sure why. Can anyone shed some light on this? Cheers, Seona. __ css-discuss [EMAIL PROTECTED] http://www.cs

Re: [css-d] Full height causing me trouble

On 15/02/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Didn't check the test cases, but here is how I usually deal with these > layouts. > > Add: > > #sizer { > display: table; > height: 100%; > } > > ...and see the layout adjust to both screen-height and the amount of > content. That's standar

[css-d] Full height causing me trouble

Hi guys, I'll start with a little bit of background. It's been decided (from up on high) that our new site will be fixed width at 1000px. Means it fits nicely in a 1024x768 screen, anyone smaller gets a bit of sideways scroll, and anyone larger sees colour off to the sides. Not a problem. Then my

[css-d] IE width difference making issues with floats

Hi guys, I'm pretty sure I know what the problem is, I'm just having trouble fixing it. I've played around with the numbers a bit, but I can't seem to get things to stack up properly. I'm using the 'One True Layout' mentod to lay out the three main columns of the page. The problem I am having is

Re: [css-d] "Does not allow "h3" here???

On 10/02/06, Maxwell Balmain <[EMAIL PROTECTED]> wrote: > > > Recent Assignments > > One possible cause for this message is that you have attempted to put > a block-level element (such as "" or "") inside an inline > element (such as "", "", or ""). > > What could I substitute to get the style tha

Re: [css-d] More than one DIV how to

On 08/02/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > > Hi again. I follow your instructions but still without working. This is > the CSS code: > > The problems is all DIV are overlaping. What's wrong with this? > > Any chance you could put this online somewhere and supply a link? It's a lot

Re: [css-d] More than one DIV how to

On 08/02/06, Rowan Wigginton <[EMAIL PROTECTED]> wrote: > > Use this on all the divs you need to align on the right: > > div > div > div > div > > The first one will display on the right hand side, and the last one will > display on the left side. > > Here's more info about floats: > http://www.w3.

Re: [css-d] More than one DIV how to

On 08/02/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > > Well this is a solution but only if I align all DIV to left, but what > happen if I need all this DIV align to right? How to do this? > Two options: 1) Float them right instead. This may cause some issues with ordering, since now the

Re: [css-d] vertical stretch .. just can't get it

On 07/02/06, Peter Lindstrom <[EMAIL PROTECTED]> wrote: > > in my particular case (http://www.allanalog.com/aaw/) the column I am > trying > to stretch is the center column in middle section of my page (with About > Us > at the top) - so ideally I would like to have a wrapper only around column > 2

Re: [css-d] 'One True Layout' doing odd things in IE/Win

On 30/01/06, Al Sparber <[EMAIL PROTECTED]> wrote: > > There are markup errors on the page. Try fixing those first and > perhaps that will fix IE. In any event, it's best to fix those errors. > If you're not sure where they are, run the page through the W3 > validator: Oops. *blush* This is what

[css-d] 'One True Layout' doing odd things in IE/Win

Hi guys, Well, I'm looking at abandoning my original layout, since it's just creating far too many problems with column lengths. I've had a look around to see if there were any solutions that combined floats and source ordering, and came across the 'One True Layout' on PIE. Looks really good - jus

Re: [css-d] Are there footers that play nicely with absolutely positioned content?

On 30/01/06, Ingo Chao <[EMAIL PROTECTED]> wrote: > > Actually, I meant some sort of a solid element: > > >... > > > > This does work with a fixed-positioned footer. A fixed footer at the > bottom would just take the space it needs, regardless of the presence or > absence of any absolutel

Re: [css-d] Are there footers that play nicely with absolutely positioned content?

On 28/01/06, Zoe M. Gillenwater <[EMAIL PROTECTED]> wrote: > > Seona Bellamy wrote: > > I've had a look on the wiki, but as far as I can tell the footers there > > don't seem to work real well when two of your three content columns are > > positioned abs

Re: [css-d] Are there footers that play nicely with absolutely positioned content?

On 28/01/06, Ingo Chao <[EMAIL PROTECTED]> wrote: > > > a while ago [1], I proposed an extra element to be placed last in the > absolutely positioned box to establish some space beyond the box. > > Seems to work in my browsers. > > Hey Ingo, Thanks for this. I can see what it's meant to be doing,

[css-d] Are there footers that play nicely with absolutely positioned content?

Hi guys, I've had a look on the wiki, but as far as I can tell the footers there don't seem to work real well when two of your three content columns are positioned absolutely. At the moment I'm using the Cookiecrook mod to Devnull's example

Re: [css-d] Is this possible?

On 19/01/06, Jarod Watkins <[EMAIL PROTECTED]> wrote: > > Is there anyway that if someone hovers over the link at the top, that > the corresponding link inside the calendar changes its color too, as > if it was being hovered over too? I tried putting them in the same > class but that didn't work. I

[css-d] Heights suddenly not working right

Hi guys, I'm sure I got this fixed yesterday - I distinctly remember feeling very pleased with myself about it. Now I find that my wrapper div is no longer entending to the fill height of the screen if the content isn't enough to push it out. Funnily enough, the fixes I'd put in to make IE behave

Re: [css-d] Margins that just won't change

On 28/11/05, Chad Lindstrom <[EMAIL PROTECTED]> wrote: > Add the !important rule. > > div.highlightBox p { > margin-bottom: 0 !important; > padding-bottom: 0; > } > > That oughta fix it. You're right, it did. Virtual hugs to Chad! *hugs* Cheers, Seona. ___

[css-d] Margins that just won't change

Hi guys, I'm stumped. I have inherited this site, and am busy making changes and adding new sections to it. The stylesheet was a complete mess, and I've at least managed to tidy it up a little bit, but it's still (I feel) more complex than it really needed to be. Which of course, occasionaly cause

RE: [css-d] Can someone explain this to me

That's because what you've done is different from applying two classes to the same element. With that piece of CSS, you are applying colour to a list item that is inside another list item that is inside an element with the ID of 'nav'. To make this code do something, you'd need the following html: