Re: [css-d] Ampersands showing

[David Laakso]

Kim Brooks Wei wrote:
> In my sidebar, code for open and closing parentheses are rendering up 
> as ampersands. What might be the reason for this? In the copy area 
> [my main text area], symbol code renders as normal.
>
>
> Kimi
>
>   

What is the URL of the page in question?




-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Ampersands showing

[Kim Brooks Wei]

Hi People,

In my sidebar, code for open and closing parentheses are rendering up 
as ampersands. What might be the reason for this? In the copy area 
[my main text area], symbol code renders as normal.

Thanks as always . . .
Kimi

-- 
This email sent by
Kimi Wei
http://thewei.com
201-475-1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[Martin Möller]

>> David Laakso  wrote:
> Georg? Face it. Georg Sortun can fix anything.
Well, hes the MacGyver of CSS ;-)

Alan Gresley wrote:
> You will need to make this image much longer (wider than #box2).
> http://www.savespam.com/testcase/image/bg_footer_bite_color1.png
> and apply it to the background of the #box2 div.

You mean a making construct towards a "Sliding Doors" Footer Solution?
Iam gonna try that.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[Alan Gresley]

Martin Möller wrote:
> David Laakso  wrote:
>> Best I can do is this.
>> 
>> If it does not "cut it " for you, we're both gonna need a 'pro' to resolve
>> the issue (s).
>> As ever,
>> Quasimodo
> 
> ah you changed the bg colo on the img divr to background:#236B7A none
> repeat scroll 0 0; that would work if the footer would never move
> further down. unfortunately it does *sigh*. the previous content box
> has variable length.
> thank you david - i wonder if maybe Georg has an idea how to tackle
> that css footer?


You will need to make this image much longer (wider than #box2).

http://www.savespam.com/testcase/image/bg_footer_bite_color1.png


and apply it to the background of the #box2 div.


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo

http://www.wearechange.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[David Laakso]

Martin Möller wrote:
> David Laakso  wrote:
>   
>> Best I can do is this.
>> 
>> If it does not "cut it " for you, we're both gonna need a 'pro' to resolve
>> the issue (s).
>> As ever,
>> Quasimodo
>> 
>
> ah you changed the bg colo on the img divr to background:#236B7A none
> repeat scroll 0 0; that would work if the footer would never move
> further down. unfortunately it does *sigh*. the previous content box
> has variable length.
> thank you david - i wonder if maybe Georg has an idea how to tackle
> that css footer?
>
>   


Georg? Face it. Georg Sortun can fix anything.


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[Martin Möller]

David Laakso  wrote:
> Best I can do is this.
> 
> If it does not "cut it " for you, we're both gonna need a 'pro' to resolve
> the issue (s).
> As ever,
> Quasimodo

ah you changed the bg colo on the img divr to background:#236B7A none
repeat scroll 0 0; that would work if the footer would never move
further down. unfortunately it does *sigh*. the previous content box
has variable length.
thank you david - i wonder if maybe Georg has an idea how to tackle
that css footer?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[David Laakso]

Martin Möller wrote:
> David Laakso wrote:
>   
>> I think you may want to validate the above document; and, more important,
>>  count on another member of the list for a solution to the problem at hand
>> as I have no clue.  Sorry.
>> 
>
> Thanks David i appreciate that and iam sorry, i saved the Document
> with FF and uploaded it as Testcase2. Seems like some errors ended up
> by FF(Firebug Styles i guess)
> Anyway, i fixed that and added a Gradient Background Image to better
> visualize that case.
>
> http://www.savespam.com/testcase2/
>
>   



Best I can do is this.

If it does not "cut it " for you, we're both gonna need a 'pro' to 
resolve the issue (s).
As ever,
Quasimodo


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[Martin Möller]

David Laakso wrote:
> I think you may want to validate the above document; and, more important,
>  count on another member of the list for a solution to the problem at hand
> as I have no clue.  Sorry.

Thanks David i appreciate that and iam sorry, i saved the Document
with FF and uploaded it as Testcase2. Seems like some errors ended up
by FF(Firebug Styles i guess)
Anyway, i fixed that and added a Gradient Background Image to better
visualize that case.

http://www.savespam.com/testcase2/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[David Laakso]

Martin Möller wrote:
> Hi David,
>  thanks thats close but the tricky part which i meant is the PNG Image needs
> to "bleed" through that Background Color/Image of the Body. I intend to use
> a Gradient Image as Background not just a single Color.
> So #footer and #box1 cant have a Background-Color. Tough.
>
> What do you think?
>
> http://www.savespam.com/testcase2
>
>
>
>   




I think you may want to validate the above document; and, more 
important,  count on another member of the list for a solution to the 
problem at hand as I have no clue.  Sorry.





-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[Martin Möller]

Hi David,
 thanks thats close but the tricky part which i meant is the PNG Image needs
to "bleed" through that Background Color/Image of the Body. I intend to use
a Gradient Image as Background not just a single Color.
So #footer and #box1 cant have a Background-Color. Tough.

What do you think?

http://www.savespam.com/testcase2/


David Laakso wrote:
> Something like this, maybe..?
> 


> Martin Möller wrote:
>>
>>  heres something iam a bit stuck on also especially to make it cross
>> browser safe
>> and id like to hear your opinion on it.
>>
>> Description:
>>
>> ? Solution for IE6
>>
>> Testcase:  http://www.savespam.com/testcase/
>>
>> Martin
>>
>





-- 
Mit freundlichen Grüßen
With kind regards

Martin Möller
Hallerwiese 4
90419 Nürnberg

Telefon: +49(0)911-2017999 | Mobil: +49(0)179-9151652
E-Mail: [EMAIL PROTECTED] | Internet: http://www.ceusnet.de
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css photo gallery with hover thumbnails

[Thierry Koblentz]

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of jasmin
> Sent: Sunday, August 31, 2008 2:44 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] css photo gallery with hover thumbnails
> 
> Hi,
> 
> 
> 
> I have a question re a photo gallery that contains thumbnail images that
> enlarge when the mouse hovers over the thumbnails.  Is it possible to
> display one of these enlarged images when the page is first loaded so that
> the image is displayed rather than none at all?  Below is a link to a test
> page & css code:

You can display a background image in #container, it will be hidden by the
larger pics when they show.


-- 
Regards,
Thierry | http://www.TJKDesign.com




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] css photo gallery with hover thumbnails

[jasmin]

Hi,

 

I have a question re a photo gallery that contains thumbnail images that
enlarge when the mouse hovers over the thumbnails.  Is it possible to
display one of these enlarged images when the page is first loaded so that
the image is displayed rather than none at all?  Below is a link to a test
page & css code:

 

Thank you,

 

Jasmin

 

 

http://www.cityplanqld.com.au/testpages/grnslps4.htm

 

 

 

.gallerycontainer{

position: relative;

left: 120px;

bottom: -310px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

}

 

.thumbnail img{

border: 0px solid white;

margin: 0 0px 0px 0;

text-align: center;

 

}

 

.thumbnail:hover{

background-color: transparent;

}

 

.thumbnail:hover img{

border: 0px solid white;

}

 

.thumbnail span{  /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 4px;

left: -500px;

border: 1px solid gray;

visibility: hidden;

color: black;

text-decoration: none;

text-align: center;

}

 

.thumbnail span img{  /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

 

}

 

.thumbnail:hover span{  /*CSS for enlarged image*/

visibility: visible;

top: -320px; 

left: -100px;

 z-index: 50;

 

}

 

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tricky CSS Footer Problem

[David Laakso]

Martin Möller wrote:
>  heres something iam a bit stuck on also especially to make it cross
> browser safe
> and id like to hear your opinion on it.
>
> Description:
>
> ? Solution for IE6
>
> Testcase:  http://www.savespam.com/testcase/
>
> Martin
>   



Something like this, maybe..?


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't make table cell behave

[Alan K Baker]

- Original Message - 
From: Ingo Chao 
To: Alan K Baker 
Cc: css-d 
Sent: Sunday, August 31, 2008 6:30 PM
Subject: Re: [css-d] Can't make table cell behave

> #stopbox table td { vertical-align:top; }
> at least in Fx3

> Ingo

> -- 
> http://www.satzansatz.de/css.html
> http://www.dolphinsback.com

Hi Ingo.

You da man. 

I thought I was missing something fundamental. Just needed it pointing out. :-)

I guess I just spend too long trying to get rid of tables and forget how to 
actually use them.

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't make table cell behave

[Ingo Chao]

Alan K Baker wrote:
> ...
> The page is at: http://www.webbwize.co.uk/Test_Area/OwenJones/stoplist.html
> and the stylesheet is at: 
> http://www.webbwize.co.uk/Test_Area/OwenJones/stylesheet.css
> 
> I want the first line of text in every  to be top aligned rather than as 
> it is now, with a lot of white space where the content is less than the  
> with the most content.
> I've tried various CSS 'solutions' with no success. Perhaps I'm missing 
> something fundamental. :-)

#stopbox table td { vertical-align:top; }
at least in Fx3

Ingo

-- 
http://www.satzansatz.de/css.html
http://www.dolphinsback.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Can't make table cell behave

[Alan K Baker]

Hi all.

I'm rebuilding a site for a friend and I'm having a problem getting text 
aligned in a table cell.

The page is at: http://www.webbwize.co.uk/Test_Area/OwenJones/stoplist.html
and the stylesheet is at: 
http://www.webbwize.co.uk/Test_Area/OwenJones/stylesheet.css

I want the first line of text in every  to be top aligned rather than as it 
is now, with a lot of white space where the content is less than the  with 
the most content.
I've tried various CSS 'solutions' with no success. Perhaps I'm missing 
something fundamental. :-)

The original at: http://theatreorgans.com/owenjones/stoplist.html aligns 
properly but is such a mess, has no styling and won't validate, I had to start 
again.

There may be a better way of achieving the effect without the use of s 
using CSS alone and if someone can point out a solution, I'd be grateful.

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Even more extra white space after applying IE 5.5/6 hack

[Gunlaug Sørtun]

Reg Reading wrote:
> After applying an IE hack to remove extra white space in my 
> navigation bar, even more extra white space appears as IE pushes down
>  the first paragraph to sit under the image that is floated to the 
> right in the Main 'Div' of the page.
> 
> www.ukcrugby.co.uk

Replacing the IE-only fix you have there with the following, will do...



In short: your original IE hack targeted too many anchors, including the
one in #main. Mine are targeting only the elements that need correction
in older IE. I included 'quirks mode page-centering' and corrected a few
other minor details for old IE for good measure.

Example 

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Even more extra white space after applying IE 5.5/6 hack

[Reg Reading]

After applying an IE hack to remove extra white space in my navigation bar,
even more extra white space appears as IE pushes down the first paragraph to
sit under the image that is floated to the right in the Main 'Div' of the
page.

www.ukcrugby.co.uk

Any help on getting the page to display correctly in IE 5.5/6 would be
greatly appreciated

Thanks

Reg Reading
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Tricky CSS Footer Problem

[Martin Möller]

Hey List,
 heres something iam a bit stuck on also especially to make it cross
browser safe
and id like to hear your opinion on it.

Description:

- The Content Div is centered and fixed width.
- The Footer Div streches to the Browser Window size.
- Inside the Footer i need to have an area which is centered just like
the Content Box
- That Footer has a Gray Line that is supposed to strech as well
* here comes the tricky part*
- Inside that Gray Line i "need" to have a Half-Transparent Image
which makes shine through the "Body Color"! (youll see in the
testcase)
- I was able to accomplish that BUT the next Step is:
? I need to have that Half Transparent Image "centered and Left
aligned to the Wrapper" (not fixed to the left Browser Window like
now)
? The Gray Background Line on both sides of the Half-Transparent Image
"still stays always streched" to the Browser Window just like now.
? Solution for IE6

Testcase:  http://www.savespam.com/testcase/

Hope you guys can give me some insights. :)

Best Regards,
Martin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/