Re: [css-d] shadow

[michelle m]

ok, thank you.

On 7/6/06, Ian Young <[EMAIL PROTECTED]> wrote:
>
>
> hey, group.  i was wondering if anybody knows how to make the shadow
> effect shown on this site:
>
> http://www.robinsblog.com/11032005/css-multi-column-layout-resources/
>
> i like the shadow effect on the sides of the content area of the above
> site.  does anybody know how to create that effect?
>
> thanks a lot in advance.
>
> michelle
>
> ..
>
> They have used a three column layout with a graphic repeated on the Y axis.
> Relatively easy to achieve using PaintShop Pro
>
> Ian
>
>
> --
> No virus found in this outgoing message.
> Checked by AVG Free Edition.
> Version: 7.1.394 / Virus Database: 268.9.9/382 - Release Date: 04/07/2006
>
>
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page check please

[francky]

Lisa Ellington wrote:

>On Jun 26, 2006, at 12:54 PM, Ian Young wrote:
>  
>
>>[...]
>>Seems to zoom in ok, but think it might be breaking at 800x 600  
>>(according to browsercam).
>>http://www.iyesolutions.co.uk/templates/vensite/navtest.html
>>
>>
>Hi Ian--
>Seems to look ok but if I close my menu down to say,  650px wide, the  
>menu disappears.
>It looks fine at 800. Testing on Safari and  Firefox on a mac.
>  
>
Hi Ian,
Testing FF1.07 and IE6 on Win98SE: adding a small width to the left 
column seems to help:
#columnLeft { width: 15px; }
See testpage:
http://home.tiscali.nl/developerscorner/css-discuss/test-navtest.html

Greetings,
francky

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] can't get my text to wrap!

[Gunlaug Sørtun]

Melissa Carraway wrote:
> [...] Right now I have an optional area that is enclosed in a DIV
> tag. I want the non optional content text to wrap around the optional
> DIV if the DIV is present, and if it's not, I want the copy to just
> take up the space.

 From your description/style it looks like what you want can't be done in
regular web design today. Text can not be made to wrap completely
/around/ anything with only html & CSS as tools.

> Does it matter that the optional block is placed absolutely?

Definitely, since then that element actually doesn't take up any space,
so the surrounding text-flow will not be affected by it at all and
you'll only get a "cover-effect".

> I tried floating it, and all that happened was that the copy showed 
> up OVER the block instead of under it.

Floats will affect the surrounding text-flow, so styling the optional
element as a float is your best chance. However, text can only wrap
around floating elements from _one_ side, not from, or on, both sides.

Floats can only stay left or right - with or without offset, so you
can't place the optional element freely and make the text wrap
completely around it.

A few examples of "cheating" exist, but I haven't seen one that can
simulate something anywhere near perfect, yet.

regards
Georg
-- 
http://www.gunlaug.no
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 'dropped column' (was: no subject)

[David Laakso]

Austin, Darrel wrote:
> I'm using a 3-column layout on our new site. To avoid the dreaded
> 'dropped column' problem in IE where if the total column widths are
> greater than the width of the browser, one or more of the column DIVs
> will jump down the page, I've set any element in the center column that
> may be too wide to get wrapped in a div set to 100% and to have
> overflow-scroll set on it:
>
> http://www.mncourts.gov/district/2/?page=60
>
> This works fairly well in both IE and Firefox.
>
> However, in Firefox, the scrollbar will appear and disappear no matter
> the specific width of the browser.
>
> For instance, at 600px, 610px, and 615px, you may see the scrollbar, but
> at 605px, 611px and 614px, it comes back.
>
> I assume that this is some sort of rounding issue in Firefox? Any fix
> for this?
>   
Well, I suppose you could just let the software do its thing without 
intervention :-) ?

> -Darrel
>
>   
Regards,
~dL

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] shadow

[Ian Young]

hey, group.  i was wondering if anybody knows how to make the shadow
effect shown on this site:

http://www.robinsblog.com/11032005/css-multi-column-layout-resources/

i like the shadow effect on the sides of the content area of the above
site.  does anybody know how to create that effect?

thanks a lot in advance.

michelle

..

They have used a three column layout with a graphic repeated on the Y axis.
Relatively easy to achieve using PaintShop Pro

Ian


--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.9/382 - Release Date: 04/07/2006

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] can't get my text to wrap!

[Ian Young]

This is my first time posting to this list, even though I have been a member
for a little over a year now. Hopefully I'm asking the question correctly,
and yes, I did check the archives before writing... so here goes.

I'm developing a site using templates in Dreamweaver. Right now I have an
optional area that is enclosed in a DIV tag. I want the non optional content
text to wrap around the optional DIV if the DIV is present, and if it's not,
I want the copy to just take up the space. Hence the wrap. (the optional div
is of a fixed size with an image and text).

Here is what the style sheet looks like for the two elements:
..
where #ndc-sub-06 is the optional block.
Does it matter that the optional block is placed absolutely? I tried
floating it, and all that happened was that the copy showed up OVER the
block instead of under it.

Any help would be greatly appreciated! Thanks so much!>>>

Difficult to say without seeing a link to the site.

Go on let's have a peek.

Ian

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.9/382 - Release Date: 04/07/2006

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] shadow

[michelle m]

hey, group.  i was wondering if anybody knows how to make the shadow
effect shown on this site:

http://www.robinsblog.com/11032005/css-multi-column-layout-resources/

i like the shadow effect on the sides of the content area of the above
site.  does anybody know how to create that effect?

thanks a lot in advance.

michelle
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] can't get my text to wrap!

[Melissa Carraway]

Hello all -

This is my first time posting to this list, even though I have been a member 
for a little over a year now. Hopefully I'm asking the question correctly, and 
yes, I did check the archives before writing... so here goes.

I'm developing a site using templates in Dreamweaver. Right now I have an 
optional area that is enclosed in a DIV tag. I want the non optional content 
text to wrap around the optional DIV if the DIV is present, and if it's not, I 
want the copy to just take up the space. Hence the wrap. (the optional div is 
of a fixed size with an image and text).

Here is what the style sheet looks like for the two elements:

#ndc-sub-06 {
position:absolute;
left:511px;
top:120px;
width:216px;
height:298px;
background-color: #cc;
}
#content {
position:absolute;
left:91px;
top:120px;
width:80%;
height:298px;

}
where #ndc-sub-06 is the optional block. 
Does it matter that the optional block is placed absolutely? I tried floating 
it, and all that happened was that the copy showed up OVER the block instead of 
under it. 

Any help would be greatly appreciated! Thanks so much!
-Melissa Carraway
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Border strip on leftnav

[Skip Knox]

http://webtest.boisestate.edu/templatedev/ 

I have a leftnav with dark blue background and a 9px lighter blue
stripe on its right. The leftnav actually has three components: logo at
the top, menu area below it, and a fade below that.

I keep running into problems with white space appearing as I change
font size in my browser. I suspect I'm going about designing it wrong.
Here's how I'm doing it now.

The logo has the lightblue stripe as part of the image. This is
optional, as I have a version of the logo without the stripe and I can
use a 9px border instead.

The menu uses a lightblue border-right of 9px.

The fade has the lightblue stripe as part of the image, because the
lightblue has to fade along with the darkblue. 

I've already got kludges in place to keep whitespace from appearing
between the three sections in the darkblue, but I can't seem to code or
kludge my way into keeping everything together. Just go to the site and
start sizing fonts and you'll see what I mean.

Ideally, someone tells me how to approach the whole problem differently
so that I don't have to have any negative margin kludges, but I'll take
whatever works at this point.

The stylesheet is here
http://webtest.boisestate.edu/templatedev/styles/main.css 



Skip Knox
Boise State University
[EMAIL PROTECTED]

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (no subject)

[Christian Montoya]

On 7/6/06, Austin, Darrel <[EMAIL PROTECTED]> wrote:
> I'm using a 3-column layout on our new site. To avoid the dreaded
> 'dropped column' problem in IE where if the total column widths are
> greater than the width of the browser, one or more of the column DIVs
> will jump down the page, I've set any element in the center column that
> may be too wide to get wrapped in a div set to 100% and to have
> overflow-scroll set on it:
>
> http://www.mncourts.gov/district/2/?page=60
>
> This works fairly well in both IE and Firefox.
>
> However, in Firefox, the scrollbar will appear and disappear no matter
> the specific width of the browser.
>
> For instance, at 600px, 610px, and 615px, you may see the scrollbar, but
> at 605px, 611px and 614px, it comes back.
>
> I assume that this is some sort of rounding issue in Firefox? Any fix
> for this?

Why not apply that fix to IE only and spare Firefox?  You could do:

html body div { fix }

html>body div { no fix }

-- 
-- 
Christian Montoya
christianmontoya.com ... portfolio.christianmontoya.com
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] (no subject)

[Austin, Darrel]

I'm using a 3-column layout on our new site. To avoid the dreaded
'dropped column' problem in IE where if the total column widths are
greater than the width of the browser, one or more of the column DIVs
will jump down the page, I've set any element in the center column that
may be too wide to get wrapped in a div set to 100% and to have
overflow-scroll set on it:

http://www.mncourts.gov/district/2/?page=60

This works fairly well in both IE and Firefox.

However, in Firefox, the scrollbar will appear and disappear no matter
the specific width of the browser.

For instance, at 600px, 610px, and 615px, you may see the scrollbar, but
at 605px, 611px and 614px, it comes back.

I assume that this is some sort of rounding issue in Firefox? Any fix
for this?

-Darrel
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Padding problem with tables to div conversion

[Els]

Tom Anthony wrote:

> Here is the dummy page just to show the problem in its
> simplest form:
>
> http://www.tomanthony.co.uk/css_padding/
>
> I want to adding 5px of padding to all the red boxes. I need
> the site to work in IE5.5/6, Safari, FF as a minimum.

Just add the 5px padding to the red boxes, but take out the 100% 
width on them.

> Any suggestions for the neatest  way to add the padding and/or
> otherwise tidy up (lose some 'inner' divs?) the layout would be
> really appreciated!

That depends on what you want to do with this layout, but the way 
it looks right now, I wouldn't lose any inner divs. Not if you 
want the 5px padding on both the wrappers and the red boxes 
anyway.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/ 


__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why the extra vertical space?

[Michael Landis]

On 7/6/06, Rick Pasotto <[EMAIL PROTECTED]> wrote:
> 
>
> These are nested DLs. (I'm using DLs because there is a possibility of
> additional info for each governor -- phone, quote, picture, etc.)
>
> As far as I can see the code for the two sections is identical yet the
> first has additional white space above the inner DL. Why?

Hi, Rick,

Because each div within the lists have "clear:both", they are clearing
the left navigation.

The reason this is happening is that clearing impacts everything
within the same block formatting context.[1] So as long as the stuff
inside content area is in the same context as the floated element, the
float will be impacted by any clearing done there.[2]

To keep the clears from interfering with the floats, you will need to
put them into different formatting contexts. The easiest way to do
this is to put the content area inside a float. Then the clears inside
the float only impact the elements within that float, and don't touch
anything outside. You might want to use one of the standard float
layouts[3] to isolate the floats in one column from the floats in
another.

HTH,

Michael

[1] http://www.w3.org/TR/CSS21/visuren.html#block-formatting
[2] http://www.w3.org/TR/CSS21/visuren.html#flow-control
[3] http://css-discuss.incutio.com/?page=FloatLayouts
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Padding problem with tables to div conversion

[Tom Anthony]

Hi everyone,

I am converting a site from tables to a pure CSS layout.

Now, I've managed to get close-ish to my desired layout but it is  
starting to get a bit out of hand.

Here is the dummy page just to show the problem in its simplest form:

http://www.tomanthony.co.uk/css_padding/

I want to adding 5px of padding to all the red boxes. I need the site  
to work in IE5.5/6, Safari, FF as a minimum.

Any suggestions for the neatest  way to add the padding and/or  
otherwise tidy up (lose some 'inner' divs?) the layout would be  
really appreciated!

Thanks. :)

-Tom
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site check please, esp. Mac & UNIX.

[Ingo Chao]

Mark Batty (Gmail) wrote:
>> This is due to the overflow:hidden; I am not sure if this is a bug. I 
>> think Safari needs a width in #cwrap. A problem, regarding your 
>> em-padding on these elements. A better understanding of the bug would 
>> give us a better solution.
> Do you think that setting #col1 to 99.9% or hiding the overflow: hidden
> from Safari would help or is it a more fundamental problem? 
> Unfortunately I can't test this :(

I think this represents your problem and shows what William mentioned:
http://www.satzansatz.de/safari/floatprecoverflow.html

The output in Fx is:

Float
Lorem ipsum dolor sit amet.

Safari shows:

Float
Lorem
ipsum
dolor
sit
amet.



http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>

http://www.w3.org/1999/xhtml";>






/**/





Float



Lorem ipsum dolor sit amet.





I found this bug as
Bug 5752: Width incorrect on overflow after float
http://bugzilla.opendarwin.org/show_bug.cgi?id=5752

Workarounds could consist in separating the float from the overflown 
container, or removing the float:left and using another property to 
enclose the floating children of .hnav, or applying a width to the #cwrap.

Ingo

-- 
http://www.satzansatz.de/css.html
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Column Blow Out

[Robert O'Rourke]

Steve LaBadie wrote:
> Robert,
>
> The cell expands the page and throws the entire table out of whack.  The
> cell is set to 150px in width, the images are 145px.  If I put content
> in the cell everything stays perfectly together.
>
>
>   
Which browsers have you tested this in so far? Sounds like  a 
padding/margin problem perhaps. As a work around for now just use an 
  but I can't be much more help without some code to look at.


__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Column Blow Out

[Conyers, Dwayne, Mr [C]]

Steve LaBadie ink wired:

> I have an issue where a table cell 
> blows out when I put images in it.

Other than making the image in question the background for the cell, you
might try creating a style that applies a set width to all images (equal to
or less than your table width).  The CSS should not set the height, however
-- this way the image resizes itself proportionately.  I've seen this in
guestbooks where the owner wants to avoid the "blown out" effect a huge
image can have on a table.

Hope that helps.

-- 
Dwacon
www.dwacon.com
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] bolded links not working in IE

[John Haas]

Thanks so much, I had a feeling it was some css weight type of issue.

Thanks again!

-John

Michael Landis wrote:


On 7/5/06, John Haas <[EMAIL PROTECTED]> wrote (about
http://www.manapedesign.com/21dems):

 


Now, if you got to "About Us" and look at the HTML source for that
secondary nav, you'll see that I have a class being dynamically inserted
into the  to mark the page you're currently on:
class="active"

For that active class, I have the link being bold.  This works fine in
Firefox, but alas, IE does not render those links as bold as they should.
   



Hi, John,

The reason has to do with your CSS order. Currently you have:

#secondary a.active {
font-weight:bold;
}
#secondary a:link {
font-weight:normal;
text-decoration:none;
}
#secondary a:visited {
font-weight:normal;
text-decoration:none;
}
#secondary a:hover {
font-weight:bold;
text-decoration:none;
}
#secondary a:active {
font-weight:bold;
text-decoration:none;
}

As it happens, pseudo-classes have the same weight as regular classes.
So all of these rules use one id, one element, and one class to
identify the element to aply the style to.

Since they all have the same weight, the browser will take the last
value identified for the property. For the .active link, it will take
the bold from the .active rule, then unbold it with the :link or
:visited rules.

If you want the .active rule to override the :link and :visited rules,
place it after the :link and :visited rules. Or change your selector
to include those pseudo classes, so that

a.active

becomes

a:link.active, a:visited.active

This can make it clearer that the bolding from the active class should
take precedence over the normal link styling.

HTH,

Michael
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



 

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page check please

[Lisa Ellington]

Hi Ian--

Seems to look ok but if I close my menu down to say,  650px wide, the  
menu disappears.
It looks fine at 800. Testing on Safari and  Firefox on a mac.

Lisa


On Jun 26, 2006, at 12:54 PM, Ian Young wrote:

> See what you think of this page, which has been converted from  
> table based
> template and JavaScript menu
>
> Seems to zoom in ok, but think it might be breaking at 800x 600  
> (according
> to browsercam).
>
> http://www.iyesolutions.co.uk/templates/vensite/navtest.html
>
> http://www.iyesolutions.co.uk/templates/vensite/styles.css
>
> Thanks anticipation.
>
> Ian
>
> **IMPORTANT*** 
> **
> ***
> This e-mail contains information which is confidential and may also be
> privileged. It is for the exclusive use of the intended recipient 
> (s). If you
> are not the intended recipient(s) please note that any form of,
> distribution, copying or use of this e-mail or the information in  
> it is
> strictly prohibited and may be unlawful. If you have received this  
> in error
> please inform us at the above address then delete the e-mail and  
> destroy any
> copies of it. Thank you.
>
> --
> No virus found in this outgoing message.
> Checked by AVG Free Edition.
> Version: 7.1.394 / Virus Database: 268.9.4/375 - Release Date:  
> 25/06/2006
> __
> 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 -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Column Blow Out

[Robert O'Rourke]

Steve LaBadie wrote:
> I have an issue where a table cell blows out when I put images in it.
> If I put text in it, the cell stays firm.  What suggestions are out
> there to lock the cell from blowing out when I put images in it?
>
>  
>
>   

What exactly do you mean by 'blowing out'? If its stretching to fit the 
image in then that's what table cells do. I guess you could make it a 
background image, depends on what it is you're aiming for.

As a suggestion off the top of my head try setting some dimensions on 
the table cell with ems and set overflow: hidden; on it but I doubt 
it'll work.

Got a test page or something we can see?

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Column Blow Out

[Steve LaBadie]

I have an issue where a table cell blows out when I put images in it.
If I put text in it, the cell stays firm.  What suggestions are out
there to lock the cell from blowing out when I put images in it?

 

Steve LaBadie, Web Manager
East Stroudsburg University
200 Prospect St.
East Stroudsburg, Pa 18301
570-422-3999
[EMAIL PROTECTED]  
http://www.esu.edu  

 

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] About replacing a structural table with colspan

[Robert O'Rourke]

> So I stumbled upon the zen garden, bought a book or two and am currently
> converting to css-ism.
>   
Heh, maybe css-ists will get tax-exempt status soon :P
> However, I don't see a solution to a particular problem I have already
> solved with the table, but cannot see a solution with css. Basically the
> problem of how to replace the equivalent of a "colspan".
>   
There isn't an 'equivalent' without going crazy with classes and extra 
markup. You have to think differently when using css for layout. Its 
more about making things flow rather than controlling them as tightly as 
a table does.
> You see, I have structural elements called "sections" and "rows". Any object
> (mostly form-input elements in these business applications) just placed on a
> "mask" appear one below the other.
>
> Example:
>
> Labels of objects are always in the same column:
>
>   Row1: |label 1:   | [input1 ]  |  label 2: | [input2 ]
> |
>   Row2: | Biglabel that | [input3 ]  | some other thing: | [input4 ]
> |
> |  breaks line:
>   Row3: 
>
>
> Rows with different number of elements are layouted like this:
>
>  Row1:  | label1: | [input1 ] |  label2: | [input2 ] |  label3: | [input3 ]
> |
>  Row2:  | label4: | [input4   ]
> |
>
>
> So the main question is, can I remove my structural table that lies around
> each "row" and replace this with a CSS neatly wrapping some div's, or should
> I better keep using the table until CSS2/3 and better tools become usable ?
>
>   
Sometimes for more complicated forms it's acceptable and still 
accessible to use a table, so long as the inputs are in a logical order 
i.e. in a row as opposed to columns of input sections and the labels 
correspond to the input ids correctly. Judging by the above examples 
this is the case. Seeing as you can't tell how how much text the labels 
contain or how many columns you need then a table is your best option 
for similar results cross-browser .

Alternatively if you really want it all layed out with css forget 
'columns' and 'rows' altogether and use fieldsets to group labels and 
inputs (this is really how it should be done). You can get fieldsets to 
stack up nicely using floats and a width in px/em/%.

This is a good example of CSS forms:
http://www.themaninblue.com/experiment/InForm/

> I could also provide a sample page, though believe
> me, you really don't want to take a close look at that HTML.
>   
Probably not ;)

What else is written out in columns, rows and sections besides forms?

hth, Rob
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] OT:Heading tags / Title content

[Michael Landis]

On 7/6/06, rollandburn <[EMAIL PROTECTED]> wrote:
> Hi all, this question isn't quite css but it is in the same realm.
> What is the ideal 'proper' content for the 'H' tags and title
> tags? or another way to ask.What is the best way to cascade
> the importance of the heading content to coincide with the importance
> level placed on the various tags?  In my example below, the  has
> image replacement so that text can't be seen, whereas h2,h3,h4 can be
> seen in the body of the page.



> Sofor example, would the  simply be "Sarsuke/Zelande VMS/
> Gold" instead of the whole string from top to bottom like I have it,
> or would the  simply be "Company Name" ?

Hi! Probably the best place to go for such an answer would be
http://webdesign-l.com, as they answer questions on all design topics,
including tag and presentation semantics. Other resources are
available on the Wiki at
http://css-discuss.incutio.com/?page=OffTopic.

HTH,

Michael
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check

[Mark Batty (Gmail)]

> On a Mac it renders ok in Firefox 1.5.0.4. But in Safari 1.3.2 all 
> content below the header and navigation appears in one continuous left 
> column, roughly 200px wide. In IE5, the latest news etc column to the 
> left, a long way below the main body text, and the lorem logo is 
> sticking outside its container.
> William
Ingo Chao also found issues in Safari, not sure how to deal with it yet, 
especially as I can't test it myself.  As for IE5 I was hoping to avoid 
it altogether! I suppose most or all of the IE5 issues would be solved 
with box model hacks :(

Thanks for the feedback William.

Mark.

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site check please, esp. Mac & UNIX.

[Mark Batty (Gmail)]

> This is due to the overflow:hidden; I am not sure if this is a bug. I 
> think Safari needs a width in #cwrap. A problem, regarding your 
> em-padding on these elements. A better understanding of the bug would 
> give us a better solution.
Do you think that setting #col1 to 99.9% or hiding the overflow: hidden
from Safari would help or is it a more fundamental problem? 
Unfortunately I can't test this :(

Thanks.

Mark.


__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] About replacing a structural table with colspan

[René Gallati]

Hello list,

my problem is a bit of a theoretical nature and requires quite some
explanation, so there's a quite verbose explanation of what I seek.

First of all, let me tell you that I am one of _them_. I'm a programmer, not
a graphic wizard, nor a designer. And conversely, what I do and put on the
web would only serve to show how it's not to be done. Lucky me, few things I
do have a visual appearance. But my current work does, and it's what leads
me here.

I have a quite complex piece of software, that takes models (database
schemas, workflows, mask descriptions) and creates a web application out of
it. These applications are generally company-internal webapps and nothing
that is served to a potentially huge crowd. Still it is, from the point of
view of an user, a normal web site/application. The significant part of this
software is, that the application developer building the web application,
has fewer control over the appearance of the web application. The html code
is generated, not written by a human. It must be styled by CSS and CSS
alone, influencing the html is not possible.

Good you may say, that's how you should use CSS - HTML for structure, CSS
for style. Alas, as it is the fault of many, I excessively used invisible
tables to layout the elements, because I simply didn't knew better at the
time. It works all fine, it layouts fine, but if you want to start applying
styles, the problem begins. The place where the relevant objects lie is
probably somewhere between 12 and 20 levels deep down the DOM tree. There's
basically a invisible table for everything, and in order to not move stuff
ahead, lots of border-collapses in the default CSS to prevent those 1px
indentations the invisible tables create.

Now, the system works, as I said and lots of applications have successfully
been developed with it. However now I am in the process of redesigning it,
make it easier to work with, and one of the shortcomings is this excessive
use of tables. So I went out to see if and how I can do it better. And I
quickly realized that the amount of css I knew was less than the tip of the
iceberg. I want to get rid of these structural, invisible tables. So I
stumbled upon the zen garden, bought a book or two and am currently
converting to css-ism.

However, I don't see a solution to a particular problem I have already
solved with the table, but cannot see a solution with css. Basically the
problem of how to replace the equivalent of a "colspan".

You see, I have structural elements called "sections" and "rows". Any object
(mostly form-input elements in these business applications) just placed on a
"mask" appear one below the other. If you put a row into the mask and then
the objects into the row, these objects are layouted horizontally (instead
of vertically). So far so good, I can do that. Now enter sections. Sections
don't do anything different, unless they contain rows. If so, they align the
objects within the rows according to each other. That is to say, they
enforce that for example the labels of the second object in the first row is
on the same column as the label of the second object in the second column.
It also creates a colspan, for example if the first row contains 2 objects
and the second only one, the second row's object is given a colspan, so it
can take all of the space.

Example:

Labels of objects are always in the same column:

  Row1: |label 1:   | [input1 ]  |  label 2: | [input2 ]
|
  Row2: | Biglabel that | [input3 ]  | some other thing: | [input4 ]
|
|  breaks line:
  Row3: 


Rows with different number of elements are layouted like this:

 Row1:  | label1: | [input1 ] |  label2: | [input2 ] |  label3: | [input3 ]
|
 Row2:  | label4: | [input4   ]
|


Now I've been searching a bit of course and I've seen all the layouts for 3
Column CSS designs and such. But remember, all these pages are generated by
the system. No human touch involved. I don't know that I can put the second
column 100px left because I don't know in the first place that the first
column is 100px wide. So I can never use absolute pixel offsets.

At the moment I process the rows, I do know how big the span is going to be,
so I could emit different css-style names for different behaviour. But how
do I go on in the CSS to make this right ? How do I ensure that the label
parts are always below each other for all rows within one section, when I
don't know in advance wheter I'll have at most 2 or 3 or 6 columns? Is this
actually possible to obtain currently with the CSS available in the
currently used browsers (without the use of some javascript in CSS hackery ?
) ?

I've seen the variant for a thumbnail photoalbum that is liquid and flows
around if the browser window is smaller. This I cannot do. If I have 4
objects in a row, I have to have 4 objects rendered in a row. I cannot break
around after 3 because space ran out. The structure is preset

[css-d] Why the extra vertical space?

[Rick Pasotto]

These are nested DLs. (I'm using DLs because there is a possibility of
additional info for each governor -- phone, quote, picture, etc.)

As far as I can see the code for the two sections is identical yet the
first has additional white space above the inner DL. Why?

(I have only looked at it in Mozilla so maybe it doesn't happen with
other browsers.)

-- 
"If you wish to prosper, let your customer prosper. This is a lesson
 it has taken you a very long time to learn. When people have learned
 this lesson, everyone will seek his individual welfare in the general
 welfare. Then jealousies between man and man, city and city, province
 and province, nation and nation, will no longer trouble the world."
-- Frédéric Bastiat (1801-1850)
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] fluid left & right hugging a fixed-width center

[Paul Novitski]

I've got a centered fixed-width block inside a resizable 
container.  I'd like to auto-fill the left & right margins with 
repeating background images.

Here's an illustration of the problem:
http://juniperwebcraft.com/test/test_stretch.html

One catch is that the blocks can't be allowed to overlap, as they've 
all got transparent image backgrounds and if they overlapped their 
drop-shadows would conflict.  Therefore I can't fudge it, 
overestimating the width of the side blocks to ensure that they slide 
underneath the centered image.  All two side blocks have to abut the 
middle block precisely.

I've got a work-around that looks good in Firefox & IE, splitting the 
centered block into two halves and using regular floats, but I'm 
still looking for something more elegant.

Suggestions?

Paul 

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] OT:Heading tags / Title content

[rollandburn]

Hi all, this question isn't quite css but it is in the same realm.   
What is the ideal 'proper' content for the 'H' tags and title  
tags? or another way to ask.What is the best way to cascade  
the importance of the heading content to coincide with the importance  
level placed on the various tags?  In my example below, the  has  
image replacement so that text can't be seen, whereas h2,h3,h4 can be  
seen in the body of the page.






Company Name - Atlay Cooperation Agreement Area Projects -  
Permit Areas - Sarsuke/Zelande VMS/Gold





   Company Name - Atlay Cooperation Agreement  
Area Projects - Permit Areas - Sarsuke/Zelande VMS/Gold



Atlay Cooperation Agreement Area Projects
Permit Areas
Sarsuke/Zelande VMS/Gold Area
...





Sofor example, would the  simply be "Sarsuke/Zelande VMS/ 
Gold" instead of the whole string from top to bottom like I have it,  
or would the  simply be "Company Name" ?

Thanks for explaining it to a DIY'er
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with vertical alignment.

[Eoin Maguire]

Hi,

I'm attempting to get a bit of text to fit vertically in a nice way in a
graphical background. It's a little complex so I've uploaded the offending
section complete with CSS. 

You can see it here:

http://www.miselva.com/css/cssproblem.html



I'm trying to get the 67% to sit on the same horizontal level as the black
text on the left. Any clues?

By the way, the CSS for ratingsBox is probably full of superfluous styles
but I've been trying so many different methods that it's just got clogged. 

Any help is appreciated. 

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need Help Centering

[Tony Watkins]

> Date: Wed, 5 Jul 2006 12:59:18 -0400
> From: "Donna Pfledderer @ Virtual Business Connection"
> <[EMAIL PROTECTED]>
> Subject: [css-d] Need Help Centering
> To: "Css-D" 
> Message-ID: <[EMAIL PROTECTED]>
> 
> I am trying to center this site
> http://www.jocoartistguild.com/index_dlp.html in the
> browser.
> 
> CSS http://www.jocoartistguild.com/CSS/style_joco_dlp.css
> 
> I found a thread about centering on the list but it's still
> not centered in the browser.
> 
> I'm not sure what I'm doing wrong and every time I change
> something, something else changes.
> 
> Thanks for any help!
> Donna Light Pfledderer


For your container try;

width: 645px;margin: 0 auto;

Your 0px margin is problematic here. You should also be able to eliminate
text-align: center;


__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] newbie question re: having two different link colors

[Zoe M. Gillenwater]

Scott Swabey wrote:
> Shirley Harshenin wrote:
>   
>> I am working on a page that has both light and dark backgrounds
>> therefore need two different colors for links (dark color link for
>> light bg, light color link for dark bg). HOW do I code that? I've
>> tried creating a new style (in CSS) but the main content style
>> over-rides it. :(
>> 
>
> Hi Shirley
>
> You will need to use the cascade to identify the elements you want to
> target. For example:
>
> [html]
> light background link
> dark background link
>
> [css]
> /* backgrounds */
> div#lightback { background-color: #fff; }
> div#darkback { background-color: #000; }
> /* links */
> #lightback a { color: #000; }
> #darkback a { color: #fff; }
>   

Shirley,

Just for more background on Scott's answer, what he is showing you are 
descendant selectors. They are very powerful and learning to use them 
makes your CSS a lot more lean. I highly recommend this tutorial on CSS 
selectors:
http://css.maxdesign.com.au/selectutorial/

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] List Content Hidden by List Background in IE

[Zoe M. Gillenwater]

Aaron Roberson wrote:
> Please take a look for yourself:
> http://www.whitehorsemedia.com/index.cfm
>   

Aaron,

Get rid of the relative positioning in the ul.products li rule. It's not 
needed, and it's triggering the bug.

As a side note, I don't think a list is the proper markup for that box. 
A div containing a heading, image, and paragraph is more appropriate.

Nice implementation of Inverness by the way. :-)

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Need Help Centering

[Laurie Davis-Covin]

Also might look into About.Com They usually have a workable solution.
http://webdesign.about.com/od/css/ht/htcsscenterliq.htm

-Laurie Davis-Covin

At 08:16 PM 7/5/2006, you wrote:
>X-BeenThere: css-d@lists.css-discuss.org

Donna Pfledderer @ Virtual Business Connection wrote:
 > I am trying to center this site
 > http://www.jocoartistguild.com/index_dlp.html in the
 > browser.
 > CSS http://www.jocoartistguild.com/CSS/style_joco_dlp.css
 > I'm not sure what I'm doing wrong and every time I change
 > something, something else changes.
 > Donna Light Pfledderer
Donna, things will go better for you if you let stuff just flow and
float in the order that it appears in the document-- rather than
attempting precise absolute positioning -- it does not work well for
laying out a page.
This is the basic problem you had with centering, and the seat of
related issues I did a quick, simple layout with one float to get you
started. You should be able to center this, now:
 .




Laurie Davis-Covin, Web Architect/Writer
NIST - 100 Bureau Drive
Admin. Building, Room E 220
Gaithersburg, MD 20899
Ph: 301-975-8027


__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check please

[David Laakso]

Erik Visser wrote:
> David Laakso wrote:
>   
>> Erik Visser wrote:
>> 
>>> http://beta.bartbleijerveld.nl/8/site/
>> p :: ie/opera/ff/moz
>> Crazy about all that white space. 
>> 
>
> too much you mean?
>   
I mean that I like all the white space.
>   
>> Might be nice to relieve some of the starkness, though, with a touch of color
>> here and there. 
>> 
>
> what is starkness?
>   
n : an extreme lack of furnishings or ornamentation [syn: bareness 
]
> the simple / clean / empty design is a wish of bart, the owner of the site
>
>   
>> I do not know exactly what is causing the problem in
>> ie-- page repeats vertically once, minus the text( v-rules show but no
>> headings, or text).
>> 
>
> should be fixed now
>
> is it?
>   
Yes, it is fixed now and looks fine in ie/6.0.
> Erik
>
>
>
>   
~dL

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site check

[William Gates]

Hi Mark,
On a Mac it renders ok in Firefox 1.5.0.4. But in Safari 1.3.2 all 
content below the header and navigation appears in one continuous left 
column, roughly 200px wide. In IE5, the latest news etc column to the 
left, a long way below the main body text, and the lorem logo is 
sticking outside its container.
William

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site check please, esp. Mac & UNIX.

[Ingo Chao]

Mark Batty (Gmail) wrote:
> 


In Safari, #cwrap shrinks-to-fit #col1 to a width of a word.

#cwrap { overflow: hidden; ... }
#col1 { width: 100%; ...}

This is due to the overflow:hidden; I am not sure if this is a bug. I 
think Safari needs a width in #cwrap. A problem, regarding your 
em-padding on these elements. A better understanding of the bug would 
give us a better solution.

Ingo

-- 
http://www.satzansatz.de/css.html
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check please

[Erik Visser]

David Laakso wrote:
> Erik Visser wrote:
>> http://beta.bartbleijerveld.nl/8/site/
>>
> xp :: ie/opera/ff/moz
> Crazy about all that white space. 

too much you mean?

> Might be nice to relieve some of the starkness, though, with a touch of color
> here and there. 

what is starkness?

the simple / clean / empty design is a wish of bart, the owner of the site

> I do not know exactly what is causing the problem in
> ie-- page repeats vertically once, minus the text( v-rules show but no
> headings, or text).

should be fixed now

is it?

Erik

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Anomalous rendering with a links

[Els]

Ian Young wrote:
> Good morning list,

Almost afternoon :-)

> Here's an interesting one
>
> Have a links surrounded by a div.
>
> The first link looks as required all others do not if they
> have url defined eg  Contact wrong
> Contact correct!!
>
> More bizarrely on another server (the test bed) it works ok.
> Same page same style.
>
> How it should look:
> http://www.iyesolutions.co.uk/templates/vensite/links.html
>
> How it shouldn't:
> http://www.venachar-lochside.com/links.html

In my Firefox, both links look exactly alike.
In my IE6, the second link has a one character wide indent on the 
last link in the list.
This is caused by lack of a closing  on the link before the 
last.

BTW - there are two sets of links on your page - one in the 
content, and one in the footer. Which one is causing you 
problems? In neither of the two sections I see an obvious 
difference in code between one version and the other, except for 
the missing  and obvously the different paths to the images 
and stylesheet.

> Now, I have never come across this before and the div works
> everywhere else on the site.

I don't see it not working.
On a sidenote though: why don't you mark up those links as lists? 
They are lists of links, so why not use a list instead of a 
series of paragraphs?

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/


__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site check please, esp. Mac & UNIX.

[Mark Batty (Gmail)]

Hi all, would you be able to check the following for me please, 
especially on Mac and UNIX.

The portfolio link (main nav at the top) has a page to check the 'you 
are here' effect, all other pages don't exist yet.





Although much of the design is controlled by the client, I would also 
appreciate any good or bad feedback on the design, i.e. style, colours, 
etc.; but please reply off-list to this design feedback request.

Thanks.

Mark
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Anomalous rendering with a links

[Ian Young]

> Now, I have never come across this before and the div works everywhere
else
> on the site.
>
> Any thoughts?

XHTML validation errors at the second page?

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.venachar-lochsi
de.com%2Flinks.html

Duh! I had validated the page but had then added another link.

It is now ok. However, the fact that the problem was not consistent and
worked on another website (same server not as I said before) made it all the
more perplexing.

Thanks for help.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.9/382 - Release Date: 04/07/2006

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Anomalous rendering with a links

[imprimerie-print]

Ian Young a écrit :
> Good morning list,
> 
> Here's an interesting one
> 
> Have a links surrounded by a div.
> 
> The first link looks as required all others do not if they have url defined
> eg  Contact wrong Contact
> correct!!
> 
> More bizarrely on another server (the test bed) it works ok. Same page same
> style.
> 
> How it should look:
> http://www.iyesolutions.co.uk/templates/vensite/links.html
> 
> How it shouldn't:
> http://www.venachar-lochside.com/links.html
> 
> Now, I have never come across this before and the div works everywhere else
> on the site.
> 
> Any thoughts?
> 
> Ian
Good morning Ian,

I don't see any difference between the 2 pages in FF 1.5.0.4 but there is a 
xhtml validation problem: end tags missing in your "RSPB - Bird of Prey 
Trail" link. Maybe once corrected, the other parts of the page will work 
correctly.

Regards,

Éric Vesque
http://www.affaire-imprimerie.com

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Anomalous rendering with a links

[david]

Ian Young wrote:

> How it should look:
> http://www.iyesolutions.co.uk/templates/vensite/links.html
> 
> How it shouldn't:
> http://www.venachar-lochside.com/links.html
> 
> Now, I have never come across this before and the div works everywhere else
> on the site.
> 
> Any thoughts?

XHTML validation errors at the second page?

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.venachar-lochside.com%2Flinks.html

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Weird attribute

[francky]

Skip Knox wrote:

>I can confirm that this is a font name. I actually saw it once. It was a
>very small font of fixed size that a designer used in a footer. But that
>was done in a graphic.
>
>Technically it should indeed have quotes around it, but in this case
>it's moot because hardly anyone's going to have that font anyway!
>  
>
Yes: double confirmed. Google "standard 07_55" **and first hit ...
http://www.miniml.com/fonts/font/standard_07_55/index.htm :-)

Greetings,
francky
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Anomalous rendering with a links

[Ian Young]

Good morning again list,

I should have said that it is the links at the bottom of the page which are
causing the problem.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.9/382 - Release Date: 04/07/2006

__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Anomalous rendering with a links

[Ian Young]

Good morning list,

Here's an interesting one

Have a links surrounded by a div.

The first link looks as required all others do not if they have url defined
eg  Contact wrong Contact
correct!!

More bizarrely on another server (the test bed) it works ok. Same page same
style.

How it should look:
http://www.iyesolutions.co.uk/templates/vensite/links.html

How it shouldn't:
http://www.venachar-lochside.com/links.html

Now, I have never come across this before and the div works everywhere else
on the site.

Any thoughts?

Ian
**IMPORTANT*
***

This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.9/382 - Release Date: 04/07/2006
__
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 -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/