[css-d] A Simple 2 column liquid layout problem.

Mirroring what was done at ALA did work for me (just changed left to right). Something like this should do it: #container { float: right; width: 100%; margin-left: -190px; } #content { margin-left: 190px; } #menu { float: left; padding: 5px; backgr

Re: [css-d] Width:100% and padding?

On Nov 3, 2005, at 8:23 PM, Josh McDonald wrote: > Following up, my problem is that width:100% on the containing div > seems to > be ignored. What should I look for that could trigger that? > > -Josh > > > -Original Message > > How on earth do I push a div out to 100% when it's padded, if

Re: [css-d] Vertical Expansion

Thanks to everyone for their advice... The faux columns and switching backgrounds type tricks would work in the simple example, but not in the full application, so I ended up having to write some JavaScript to do the job for me. You can see it working here if you're interested http://eeoh.co

Re: [css-d] Vertical Scroll not working in Mozilla

On 1 Nov 2005, at 4:52 pm, Roger Roelofs wrote: >> I'm VERY new to CSS and am attempting a page with three vertical div >> areas. >> -First area - menu - static - no scroll >> -Second area - content - scroll as needed >> -Third area - static - no scroll >> >> My page works fine in Internet Explo

Re: [css-d] [CSS hack/filter] Targeting IE5.0/PC only...

On Nov 3, 2005, at 6:13 AM, Gunlaug Sørtun wrote: > Michael Hulse wrote: > >> I only want to target IE5.0/PC only. I also want to do it inline with >> the rest of my styles. > > CSS filters are generally unsafe - except when used correctly to > separate "dead" browsers from the "living". > > IE6

Re: [css-d] Width:100% and padding?

Following up, my problem is that width:100% on the containing div seems to be ignored. What should I look for that could trigger that? -Josh -- My name was Brian McGee I stayed up listening to Queen When I was seventeen Josh 'G-Funk' McDonald :: Pirion Systems, Brisbane 07 3257 0490 :

[css-d] Width:100% and padding?

How on earth do I push a div out to 100% when it's padded, if the contents aren't wide enough? -Josh -- My name was Brian McGee I stayed up listening to Queen When I was seventeen Josh 'G-Funk' McDonald :: Pirion Systems, Brisbane 07 3257 0490 :: 0437 221 380 :: [EMAIL PROTECTED]

Re: [css-d] Height:100% problems

Cheers, the answer for me was display:table on the two inner divs :) -Josh -- My name was Brian McGee I stayed up listening to Queen When I was seventeen Josh 'G-Funk' McDonald :: Pirion Systems, Brisbane 07 3257 0490 :: 0437 221 380 :: [EMAIL PROTECTED] -Original Message---

Re: [css-d] Height:100% problems

On Nov 3, 2005, at 5:20 PM, Josh McDonald wrote: > Is there any way to have a div that's height:100%, but grows when the > content is outside of the viewport? Why on earth is this difficult? http://www.sitepoint.com/forums/showpost.php?p=1243541&postcount=8 That might help. You may also want to

[css-d] Height:100% problems

Is there any way to have a div that's height:100%, but grows when the content is outside of the viewport? Why on earth is this difficult? -Josh -- My name was Brian McGee I stayed up listening to Queen When I was seventeen Josh 'G-Funk' McDonald :: Pirion Systems, Brisbane 07 3257 049

[css-d] Layer not showing in IE

This has got me stumped. Maybe I've been staring at it too long! http://cmmi.trgsoftware.com/ Looks fine in Firefox, but in IE 6 if I hover over the main nav (Who,What, etc) the corresponding layers do not appear. What am I doing wrong? __ ANGELA TRIGG *

Re: [css-d] Div height

Abyss Information wrote: > is there such a thing in css2 that allows for a min height of a div? > > and then auto expand the height as more text is added? That's exactly what 'min-height: value;' is for. Doesn't work in IE/win yet, so we usually exploit its 'expand whatever height defined when ne

Re: [css-d] images

Christian Montoya wrote: >> Patrick, >> I did something similar to what I think you are looking for here: >> http://www.blueheronpondhoa.com/Resources/gallery.asp. >> >> This just uses CSS, but it isn't the most semantic in terms of >> markup. Unfortunately, I don't remember the resource I origin

Re: [css-d] Link color not appearing in IE

> From: Travis F. Smith > > http://www.bargaintarps.com/index_soon.html > > In IE 6.0 for Windows, the navigation colors are green on green, and > unreadable. Travis, You seem to have a markup error in the menu structure. Applications Bin Covers The ul element can only contain

Re: [css-d] Exploring equal height columns

I’ll tackled this one myself. I figured it out (boy was it simple). All I had to do was change the padding of the #contents style to margin instead. Oh and I also went on to apply the Holly-hack to expand the div to contain the floats. .Andreas Håkansson ___

Re: [css-d] creating an accessible but IE-functional image nav bar

Zoe M. Gillenwater wrote: > I need to create this nav bar in CSS, and after trying a number of > different methods and not being really happy with any of them, I'm > looking for your advice: > http://www.hsrc.unc.edu/temp/header.png I've read your post 4 times and I'm still not sure if this soluti

[css-d] Div height

is there such a thing in css2 that allows for a min height of a div? and then auto expand the height as more text is added? thanks abyss __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wik

Re: [css-d] IE-Transparency with CSS

On Wednesday 02 November 2005 21:57, Abyss Information wrote: > I hate IE transparency, is there anyway to be able to set the PNG > transparency in IE 6 without affecting the validation of a document or CSS? What I do is to stuff all the IE specific fixes in a seperate ie.css and include that on

Re: [css-d] Link color not appearing in IE

> I'm working on a CSS navigation and I'm stumped by a particular problem. > > http://www.bargaintarps.com/index_soon.html > > In Firefox/Safari, the left-hand navigation links appear as a cream color. > > In IE 6.0 for Windows, the navigation colors are green on green, and > unreadable. > The

Re: [css-d] IE-Transparency with CSS

> >Considering conditional comments are not valid, > > > > Just a nitpick for the benefit of newbies... Conditional comments *are* > valid. Every user agent other than IE recognizes them as regular valid > HTML comments. This is why you can stick invalid stuff inside them and > the validator does

Re: [css-d] Link color not appearing in IE

On 11/3/05, Travis F. Smith <[EMAIL PROTECTED]> wrote: > I'm working on a CSS navigation and I'm stumped by a particular problem. > > http://www.bargaintarps.com/index_soon.html > > In Firefox/Safari, the left-hand navigation links appear as a cream color. > > In IE 6.0 for Windows, the navigation

Re: [css-d] Still an open issue: Vertical Alignment

AFAIK, you can't do that with CSS, because it's a combination of floating and vertical alignment. If you use float, the only aligning you can get is to the top (I can't even get floats to align to the bottom of a line). -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.moz

Re: [css-d] images

> Patrick, > I did something similar to what I think you are looking for here: > http://www.blueheronpondhoa.com/Resources/gallery.asp. > > This just uses CSS, but it isn't the most semantic in terms of markup. > Unfortunately, I don't remember the resource I originally got the idea and > code fr

[css-d] Still an open issue: Vertical Alignment

Kelly, Derek and others, I'm sorry about the delay responding to this (the display died on my laptop -- which is more bad news than I quite know how to deal with but not salient here). The problem with the solutions mentioned by Derek and Kelly is that they treat the image as an "inline" graph

Re: [css-d] images

> > On 11/3/05, Patrick Roane <[EMAIL PROTECTED]> wrote: > > www.cpcconstruction.net/1/homes.html > > As of now, the only way I can view a larger scale > > image of any thumbnail is to 'hover' my mouse over the > > thumb. I have to be able to click the i

[css-d] Updated: Odd border + padding behavior: cross-browser

Hi all, I've trolled through the list archives, a little of evolt, and, of course, Google, to no avail. I consulted positioniseverything.net and quirksmode.org. The issue I have seems simple enough that I'd have turned it up on any of those sources, but, alas, that's not the case. So, please re

Re: [css-d] IE-Transparency with CSS

Christian Montoya wrote: >Considering conditional comments are not valid, > Just a nitpick for the benefit of newbies... Conditional comments *are* valid. Every user agent other than IE recognizes them as regular valid HTML comments. This is why you can stick invalid stuff inside them and t

Re: [css-d] emulating tables...

change this: 50 Cent - In Da Club to this: 50 Cent - In Da Clubhttp://imageURLHere"; /> >> >>What would be the best way of making the ear icons links - without using >>any tables? >> >>TIA, >> >>Vince >> > > My suggestion for your CSS: > .top20list a { > display:block; // fills the LI with t

[css-d] creating an accessible but IE-functional image nav bar

I need to create this nav bar in CSS, and after trying a number of different methods and not being really happy with any of them, I'm looking for your advice: http://www.hsrc.unc.edu/temp/header.png Here are the basic requirements: - Right now the nav bar is left aligned, but it could be centere

[css-d] Link color not appearing in IE

I'm working on a CSS navigation and I'm stumped by a particular problem. http://www.bargaintarps.com/index_soon.html In Firefox/Safari, the left-hand navigation links appear as a cream color. In IE 6.0 for Windows, the navigation colors are green on green, and unreadable. Any idea why? TTFN T

Re: [css-d] Unwanted space around images

Hi Jason, This might be the problem with IE displaying images inline with the text, so it saves a little space at the bottom for text descenders... Try: img {display:block}; or img {vertical-align:bottom}; -Chris On 11/3/05 10:30 AM, "Jason Bryner" <[EMAIL PROTECTED]> wrote: > Howdy, >

Re: [css-d] need to style matching anchor and form submit buttons

Hi Linda, (from being viewed on Safari on a Mac, the Continue and Cancel buttons are different lengths, and don't line up vertically and no border) Some observations: Does it have to be a button and an anchor link? if you write the html like this: Continue Cancel so that they are both butt

[css-d] Horizontal layout

Hi, I would like to build a horizontal layout, like this: +---+ | dakdjs | jdkjljdajk | kjdlkajds | +---+ Imagine boxes where I wrote text with the same height. It would be a portfolio site for a designer. My pro

Re: [css-d] emulating tables...

li position relative a.title whatever a.icon position absolute, right: 0 That doesn't guarantee you the same flexibility as a layout table, but it does manage to get something clickable to the ride side of the block. > -Original Message- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]

Re: [css-d] IE-Transparency with CSS

> > I use: > > * html #yourDiv { >filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ > logo.png',sizingMethod='scale'); > } > > Not valid, but whatevah... I aint that anal. ;) > Considering conditional comments are not valid, just put that behind a conditional comment a

Re: [css-d] images

On 11/3/05, Patrick Roane <[EMAIL PROTECTED]> wrote: > Hey folks > > www.cpcconstruction.net/1/homes.html > > As of now, the only way I can view a larger scale > image of any thumbnail is to 'hover' my mouse over the > thumb. > > I have to be able to click the image and have it > remain in the main

Re: [css-d] emulating tables...

Vincent Hide wrote: >Hi All, > >I am currently working on this: > >http://www.lampdesign.co.uk/desdev/tan/ > >The top 20 tracks box comprises of a with a background image on the >'s (for the ear icon). > >What would be the best way of making the ear icons links - without using >any tables? > >TIA

[css-d] Unwanted space around images

Howdy, I need help. The website I'm working on is for a couple that is getting married. The development site is located here: http://www.interactive-id.com/demo/rustyandjoy/site . This is still in the early stages of development and do please ignore the fact that the upper part of the page

Re: [css-d] emulating tables...

Hey, Why not just use an actual image in there? Or else have a link in your list like this: - artist [link] - artist [link] - artist [link] - artist [link] - artist [link] Then use image replacement on the link and float it right. You could also use Definition lists either. http://www.moro

Re: [css-d] images

At 05:42 AM 11/3/2005, Patrick Roane wrote: >As of now, the only way I can view a larger scale >image of any thumbnail is to 'hover' my mouse over the >thumb. > >I have to be able to click the image and have it >remain in the main box. Patrick, Although you can play around with a:active in your s

Re: [css-d] images

Either a On 11/3/05, Patrick Roane <[EMAIL PROTECTED]> wrote: > Hey folks > > www.cpcconstruction.net/1/homes.html > > I have to be able to click the image and have it > remain in the main box. > > Does anyone have any suggestion on how I can > accomplish this? You could use a CSS solution with :

Re: [css-d] Revealing a:hover span

Chris Recknel -X (chreckne - Preferred UK Ltd. at Cisco) wrote: > Hello, > >I want to create a "title" effect that persists for as long as the > User hovers over a link. This only has to work for mozilla and IE. > > My Code works in Mozilla, but alas not in IE: For the technique to work prope

Re: [css-d] Image swapping

No. not actually. you need javascript for doing that. By the way: the pseudo class hover works only in tags with all bowsers. IE doesnt support :hover for block elements like divs. Greetz Jan __ Belt+Sund Grafikdesign Webdesign http://www.beltundsund.de http://www.c-kn.de __

[css-d] emulating tables...

Hi All, I am currently working on this: http://www.lampdesign.co.uk/desdev/tan/ The top 20 tracks box comprises of a with a background image on the 's (for the ear icon). What would be the best way of making the ear icons links - without using any tables? TIA, Vince

Re: [css-d] images

On 03/11/05, Patrick Roane <[EMAIL PROTECTED]> wrote: > www.cpcconstruction.net/1/homes.html > I have to be able to click the image and have it > remain in the main box. -- David Dorward ___

Re: [css-d] images

Patrick Roane wrote: >Hey folks > >www.cpcconstruction.net/1/homes.html > >As of now, the only way I can view a larger scale >image of any thumbnail is to 'hover' my mouse over the >thumb. > >I have to be able to click the image and have it >remain in the main box. > >Does anyone have any suggest

Re: [css-d] Safari Links NOT CLICKABLE

> Here is the problem: > The owner, when viewing her site > (http://www.blogickal.com/) in > Safari on her Mac, can see the links such as > "Continue Reading..." > and the "Comments (0)", but when she mouses over > them or tries to > click on them, the links don't work. The links are > green - a

Re: [css-d] How to extend background-repeat:repeat-y to entire height of container?

Guy K. Haas wrote: >Please give me a clue How can I make the left and right edge >gradations in > > http://covinahigh68.com/classpageACxx.htm > >extend all the way to the end of the viewport? Mozilla, Safari, and Opera on Mac all show the gradations at the viewport edges since you applie

Re: [css-d] min-height and IE

> #messageCentre{ > width:470px; > border: 1px solid #2b4295; > margin-bottom: 35px; > background-image: url(/Images/messageCentre.gif) bottom left > no-repeat; > min-height: 300px; > } > > The number of combinations is variable and my image is 172 x 258. >

Re: [css-d] min-height and IE

> I want the div to always stay large enough for the graphic. I can get it > to work in Firefox but not IE. Any suggestions for something to force IE > into line? > > Juli Hey Juli, the best way to do this is to give IE a height value equal to the minimum height that you want, in this case 300px;

Re: [css-d] min-height and IE

Juli Waddell wrote: > I am struggling with the following code: #messageCentre{ width:470px; (some more styles) min-height: 300px; } Add (at the bottom of stylesheet) : @media all { * html #messageCentre{height: 300px;} } ...and IE/win will act as if it was served min-height.

[css-d] Vertical Expansion

Hi, This problem seems like it should be simple, but I can't find it discussed anywhere... I would like a box to expand downwards to take up the vertical space remaining in it's parent box. I've tried a few solutions with little success. Here is a simple test page I've been playing with, ht

[css-d] min-height and IE

Good morning, I am struggling with the following code: where #messageCentre{ width:470px; border: 1px solid #2b4295; margin-bottom: 35px; background-image: url(/Images/messageCentre.gif) bottom left no-repeat; min-height: 300px; } The number

[css-d] Safari Links NOT CLICKABLE

>From Jack: = Message: 22 From: Jack Keller <[EMAIL PROTECTED]> Subject: Re: [css-d] Links in Safari aren't clickable > I get the same issues in Mac Safari & Firefox, both the same > links: Herbology & Kitchen, but both show up as sections when I > type them in as a folder Issue: Your

[css-d] (no subject)

>From Jack: = Message: 22 From: Jack Keller <[EMAIL PROTECTED]> Subject: Re: [css-d] Links in Safari aren't clickable > I get the same issues in Mac Safari & Firefox, both the same > links: Herbology & Kitchen, but both show up as sections when I > type them in as a folder Issue: Your

Re: [css-d] [CSS hack/filter] Targeting IE5.0/PC only...

Michael Hulse wrote: > I only want to target IE5.0/PC only. I also want to do it inline with > the rest of my styles. CSS filters are generally unsafe - except when used correctly to separate "dead" browsers from the "living". IE6 and previous versions are "dead", and can be filtered out safely

Re: [css-d] Replicating tables and onion skinning gone crazy

Thursday, November 3, 2005, 1:19:18 AM, Graham Reeds wrote: > css and use background images for it. However that would mean 8 > background divs for each element that require the border effect - and There are tons [1] of custom border techniques out there. I made one based on 4 DIVs and 2 images

[css-d] need to style matching anchor and form submit buttons

Hi, I made the mistake of sending this on a weekend evening and I got no responses. I think that by the time most people were looking at the list my message was buried. I'm trying it again since if I can't get some help I will have to abandon CSS for solving this problem. I have experimented an

[css-d] images

Hey folks www.cpcconstruction.net/1/homes.html As of now, the only way I can view a larger scale image of any thumbnail is to 'hover' my mouse over the thumb. I have to be able to click the image and have it remain in the main box. Does anyone have any suggestion on how I can accomplish this?

Re: [css-d] DIV question

Thursday, November 3, 2005, 2:06:45 AM, Jason Benefield wrote: > I need the DIV to expand to the ends of the image width, but I do not > want the text below the image to extend past the edges of the image This is generally called "shrink wrapping". These examples should give you a few ideas: http

Re: [css-d] [CSS hack/filter] Targeting IE5.0/PC only...

> Hello Michael, >> /*\*/ >> #nv ul li a { >> float: right; >> float/* */:/**/:none; >> float:none; >> } >> /**/ > > This should be very unreliable in the future. Why don't you just use a > conditional comment? > > I do this in all my templates: > > > > > > > > > This is com

Re: [css-d] DIV question

> I need the DIV to expand to the ends of the image width, but I do not > want the text below the image to extend past the edges of the image > (sort of like a newspaper inset). Are you able to get the width of the image dynamically? I have used PHP to do exactly what you want: Dynamically grabbi

Re: [css-d] [CSS hack/filter] Targeting IE5.0/PC only...

Hello Michael, > /*\*/ > #nv ul li a { > float: right; > float/* */:/**/:none; > float:none; > } > /**/ This should be very unreliable in the future. Why don't you just use a conditional comment? I do this in all my templates: This is completely save - also in the fu

Re: [css-d] Firefox Print Style sheet Problem

Smith, Sarah wrote: >When I print, or print preview, the following page in Firefox, it >doesn't display the Middle or Elementary elements. Can someone tell >me what I did wrong? TIA... Sarah >Page: http://www.fresnolibrary.org/teen/wp/schools.html >Print Stylesheet: http://www.fresnolibrary.org/y

[css-d] is this a valid hack for safari only??

/*\*/ html>body*.info_box_top_left {background-color: red; } /**/ I have been using this. Is it a valid hack for safari only?? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ

Re: [css-d] IE-Transparency with CSS

On Nov 2, 2005, at 12:57 PM, Abyss Information wrote: > > I hate IE transparency, is there anyway to be able to set the PNG > transparency in IE 6 without affecting the validation of a document or > CSS? > I use: * html #yourDiv { filter:progid:DXImageTransform.Microsoft.AlphaImageLoade

[css-d] Revealing a:hover span

Hello, I want to create a "title" effect that persists for as long as the User hovers over a link. This only has to work for mozilla and IE. My Code works in Mozilla, but alas not in IE: CSS: - .matrix td div a:link, .matrix td div a:visited {color:

Re: [css-d] IE-Transparency with CSS

Abyss Information wrote: >I hate IE transparency, is there anyway to be able to set the PNG >transparency in IE 6 without affecting the validation of a document or CSS? > > Does your CSS really need to be valid? If the presence of the filter thing for IE is the only invalid thing in your sty

[css-d] [CSS hack/filter] Targeting IE5.0/PC only...

Hello, I only want to target IE5.0/PC only. I also want to do it inline with the rest of my styles. Would something like this do the trick: /*\*/ #nv ul li a { float: right; float/* */:/**/:none; float:none; } /**/ I tried the above, but it appears as though the 3rd/las

Re: [css-d] Replicating tables and onion skinning gone crazy

> When does using CSS become a more difficult way of replicating tables? > > The site I am overhauling use a fancy 'piping' graphic around most on > screen items. I could simply create nicer tables than the original code > which used proprietry attributes, I could position the images explicitly >

Re: [css-d] Image swapping

On 03/11/05, Arno @ Raketnet <[EMAIL PROTECTED]> wrote: > Is it possible with css to swap images on hover that are located in a > different div than in the div that has the anchor? No. CSS can only alter the presentation of descendents of the hovered element, subsequent sibblings of said element,

Re: [css-d] Image swapping

> Hi, > > Is it possible with css to swap images on hover that are located in a > different div than in the div that has the anchor? With CSS can only access elements that are contained in the element you are applying the hover (or focus) to. There might be options in some browsers to affect next

Re: [css-d] improving text only versions?

On 02/11/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > I have been creating some text only version for > a website but have a few problems > > (i) how do I replace image with some text when these images > are not a div background but an actual image . Any > good techniques? Well, you could d

Re: [css-d] A Simple 2 column liquid layout problem.

This looks more like what you want: fixed left and fluid right http://positioniseverything.net/articles/jello-expo.html There's even a calculator: http://positioniseverything.net/articles/sidepages/pie-calc.php -- -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com ___

Re: [css-d] A Simple 2 column liquid layout problem.

Thanks Matthijs, I looked at the link you gave and some of the other topics on the site its quite a useful reference. http://www.alistapart.com/articles/negativemargins Unfortunately though it did not solve my problem because they were describing a fixed 200px width RIGHT hand div with the conten

[css-d] Exploring equal height columns

Hi, I'm currently exploring the imfamous 'equal height column' design possibilities using css layouting and have stumbled upon a small obstacle. I'm exploring various techniques to understand thier limitations. I have a couple of requirements I'm hoping to meet, i.e I need to find a cross-bro