Re: [css-d] Remove a:hover Background-color: Images

[PL]

Christian,
What are the rules regarding posting a link to a client's website on 
this forum? I would like to post it, but I am unsure about that.

This is the code for the top icon "logo" element on the top left page 
and the title on the top right page. This is happening on every page. 
(It is also happening to images used in a lightbox2 javascript in some 
pages but fixing this problem with the icon would help immensely)



These styles apply to this:
body {
margin: 0px;
text-align: center;
background-image:   url(../img/bodybg.jpg);
background-color:   #C8C8A2;
background-repeat:  repeat-x;
font-family:Trebuchet MS, sans-serif;
font-size:  14px;
line-height:20px;
}

#topcontainer {
width: 968px;
text-align: left;
margin: 0px auto;
border: 0px;
}

a   { color: #396552; text-decoration: none;}
a:visited   { color: #396552; text-decoration: none;}
a:hover {
color: #FFF;
background-color: #3D6554;
}

I wish I understood this better but I have reached a point where I am 
tripping over the CSS and drawing a blank. I can usually figure things 
out with brute force and experimenting. The more I experiment with this 
the less I understand. I even tried to just remove the background color 
from the a:hover. But then on other pages (where this also applies) the 
email links text color turned to white when hovered and the text just 
disappeared into the white background! So this bg color on the a:hover 
has to stay.

When you ask if there is padding, margin, line-height etc. set to the 
the  or  does  border="0" style="margin-left: -8px;" indicate 
this? What would I alter in this?
Thanks
Matoca

> if the anchor element containing the image would be exactly as big as
> the image, and the image's position would not be offset in any way, then
> there shouldn't be any green backfround color visible.
>
> Is there a padding set to  elements, or a margin to  elements,
> or line-height or anything else?
>
> Is there a link to the website to take a closer look at the problem?
>
> Best regards,
>
> Christian
__
css-discuss [cs...@lists.css-discuss.org]
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] Need to text to clear image

[Brian M. Curran]

Hiya All,

How come the text isn't clearing the image on my paper to cad page? My
website is draftingservices dot com.

 

Here's the code I used:

 

.textBoxRight

{

width: 420px;

float: right;

margin: 0 0 10px 10px;

padding: 5px;

border: 1px solid #000;

background: #fff;

font-size: x-small;

clear:both;

}

 

Sincerely,
Brian M. Curran | CAD Consultant



 

__
css-discuss [cs...@lists.css-discuss.org]
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] Remove a:hover Background-color: Images

[David Hucklesby]

On 7/24/10 1:00 PM, David Laakso wrote:
> PL wrote:
>> *I would like to add a global item to the style sheet that removes the
>> text decoration for a:hover on all images.*
>>
>> Matoca
>>
>
>
>
>
>
> Dunno. Long-shot?
> a:hover img {text-decoration: none!important;}
> Best,
> ~d
>
>
Another long shot:

img {
   vertical-align: bottom;
}
a img {
   border: 0;
}

Cordially,
David
--

__
css-discuss [cs...@lists.css-discuss.org]
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] where would i find help for this?

[David Laakso]

Matthew P. Johnson wrote:
> This is probably the wrong forum but maybe some here can guide to the
> correct fofum.
>
>  
>
> I am looking to do a photo gallery just like this and need some instruction.
>
>  
>
> http://www.stevezagorski.com/
>
>  
>
> Sincerely, 
>
>   







Try:
web design list 
It is in your best interest to /read and follow that list's policies/ 
before you post...

Best,
~d




-- 
desktop
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
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] here is a tricky one that has been killing me - ? for david l

[David Laakso]

Matthew P. Johnson wrote:
> Thank you David,
>
> May I use your design?
>
> How do I remove the color on either side of the image? The green-ish bits on 
> the left and right side of the graphic?
>
>   
>> If you view this web site on certain machines you get a space to the right
>> of the display. 
>>
>>  
>>
>> http://www.applegateelements.com
>>   
>> 
>
>
>
>
> 
>
>
>
>
>   




O.K.
Do whatever you want with or to it [ but don't blame me if it no longer 
works ].
This:
#header {
background : #b0c7b7 url(apple_files/header00.jpg) no-repeat center;
height : 207px;
}
Becomes this:
#header {
background :  url(apple_files/header00.jpg) no-repeat center;
height : 207px;
}
The color on either side of the image will then inherit background: 
#fff; from the html, body {...} declaration.

Best,
~d
PS Bottom posting is appreciated. It is a good idea to cc the list so 
others may offer their opinons and suggestions...





-- 
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
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] Remove a:hover Background-color: Images

[Christian Kirchhoff]

Hello,

if the anchor element containing the image would be exactly as big as 
the image, and the image's position would not be offset in any way, then 
there shouldn't be any green backfround color visible.

Is there a padding set to  elements, or a margin to  elements, 
or line-height or anything else?

Is there a link to the website to take a closer look at the problem?

Best regards,

Christian
Editura GmbH & Co. KG
Tempelhofer Damm 2 · 12101 Berlin
www.editura.de 
AG Berlin-Charlottenburg · HRA 43189 B · USt.Id. DE217180548
Geschäftsführer: Ralf Szymanski

Am 24.07.2010 21:20, schrieb PL:
> I inherited a website and am trying to sort through a lengthy (but
> probably well written) css style sheet for about 6 months. So far I have
> been able to solve most problems on my own.
>
> *I need help with a specific site-wide problem and ideally would like a
> global css solution.*
>
> There is text decoration on the a:hover that puts a background color
> green under the text and changes the text to white. It looks fine and I
> do not need to change that.
> a{ color: #396552; text-decoration: none;}
> a:visited{ color: #396552; text-decoration: none;}
> a:hover  {
>   color: #FFF;
>   background-color: #3D6554;
> }
>
> However, on all images with href (including the corporate icon image on
> every page) *the a:hover obviously causes a green bar to show up under
> all images.*
>
> In Firefox it is there, but not bothersome. In IE, it is causing a
> vertical page shift.
>
> Removing the a:hover from the style sheet negatively affects all green
> text on a white background when hovering and is an integral design of
> the website.
>
> *I would like to add a global item to the style sheet that removes the
> text decoration for a:hover on all images.*
>
> My internet searches have found multiple "solutions" and none of them
> seem straightforward. I think the answer maybe something like this:
> .aimg:hover
> and setting it to no text decoration. But this does require applying it
> to every icon, every image on many pages.
>
> I would like to post a url, but I am unsure if I can post a client's
> private url on this forum, there is nothing in the List Policies about this.
> Thank you for your help,
> Matoca
> __
> css-discuss [cs...@lists.css-discuss.org]
> 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-discuss [cs...@lists.css-discuss.org]
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] Remove a:hover Background-color: Images

[David Laakso]

PL wrote:
> *I would like to add a global item to the style sheet that removes the 
> text decoration for a:hover on all images.*
>
> Matoca
>   





Dunno. Long-shot?
a:hover img {text-decoration: none!important;}
Best,
~d


-- 
desktop
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
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] Remove a:hover Background-color: Images

[PL]

I inherited a website and am trying to sort through a lengthy (but 
probably well written) css style sheet for about 6 months. So far I have 
been able to solve most problems on my own.

*I need help with a specific site-wide problem and ideally would like a 
global css solution.*

There is text decoration on the a:hover that puts a background color 
green under the text and changes the text to white. It looks fine and I 
do not need to change that.
a{ color: #396552; text-decoration: none;}
a:visited{ color: #396552; text-decoration: none;}
a:hover  {
color: #FFF;
background-color: #3D6554;
}

However, on all images with href (including the corporate icon image on 
every page) *the a:hover obviously causes a green bar to show up under 
all images.*

In Firefox it is there, but not bothersome. In IE, it is causing a 
vertical page shift.

Removing the a:hover from the style sheet negatively affects all green 
text on a white background when hovering and is an integral design of 
the website.

*I would like to add a global item to the style sheet that removes the 
text decoration for a:hover on all images.*

My internet searches have found multiple "solutions" and none of them 
seem straightforward. I think the answer maybe something like this:
.aimg:hover
and setting it to no text decoration. But this does require applying it 
to every icon, every image on many pages.

I would like to post a url, but I am unsure if I can post a client's 
private url on this forum, there is nothing in the List Policies about this.
Thank you for your help,
Matoca
__
css-discuss [cs...@lists.css-discuss.org]
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] rss question

[tomo jacobson]

sorry, you are right, i shouldn't send it to css forum... my mistake.
anyway, i've just learnt that you need to add a link tag in the head
of your html and then it's enough to give the adress www.something.com
to f.ex. google reader, u don't need to give it precise address
www.something.com/feed.xml.
it looks like this:



i just thought you might find it useful.

regards,
Tomo
__
css-discuss [cs...@lists.css-discuss.org]
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] rss question

[JWN]

Afternoon Tomo

You wrote


> hi,
>
> i was wondering about rss. i made a file with rss for my website. i
> tried it with google reader: when i press add a subscription and give
> exact link for the rss file it's fine, but not when i just give it the
> link to the website. usualy you can do it with other websites. do you
> link it somehow through the index page, or what?
>
> thanks in advance
> 
> love from
> Tomo
>
> www.tomojacobson.blogspot.com


I'm not sure I understand your question, but you might get a better response 
from a list or forum that deals with RSS.  To find forums and lists that may 
prove useful, visit the CSS-D wiki "Off - Topic" page. [1]

The CSS-D wiki is a good place to look for tips, tricks, hacks (?)  and all 
things CSS. [2]  You can find a link at the bottom of each email you receive 
from the list.

You might also want to google / adding rss / [3].  There is a wealth of info 
online.

HTH

Jim Nannery
www.oldcurmudgeon.net



[1] http://css-discuss.incutio.com/wiki/Off_Topic
[2] List wiki/FAQ -- http://css-discuss.incutio.com/
[3] http://www.bing.com/search?q=adding+rss&locale=en-us&FORM=I7AW

__
css-discuss [cs...@lists.css-discuss.org]
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] rss question

[Gabriele Romanato]

Hi.
You have always to give the address of the RSS feed, not of your  
website.
RSS works this way: www.site.com/rss/
btw, this message is rather OT.

^^ Gabriele

http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)








__
css-discuss [cs...@lists.css-discuss.org]
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] here is a tricky one that has been killing me

[David Laakso]

Matthew P. Johnson wrote:
> If you view this web site on certain machines you get a space to the right
> of the display. 
>
>  
>
> http://www.applegateelements.com
>   











Keep it simple. Stand tall. Carry a big stick.

Best,
~d
PS Cursory checked in compliant browsers and IE 6/7 in window widths 640 
through 1680.














http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
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] rss question

[tomo jacobson]

hi,

i was wondering about rss. i made a file with rss for my website. i
tried it with google reader: when i press add a subscription and give
exact link for the rss file it's fine, but not when i just give it the
link to the website. usualy you can do it with other websites. do you
link it somehow through the index page, or what?

thanks in advance

love from
Tomo

www.tomojacobson.blogspot.com
__
css-discuss [cs...@lists.css-discuss.org]
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] new website - critics welcome

[tomo jacobson]

thanks a lot for all the tips!
it's very useful.

love from
Tomo

www.tomojacobson.blogspot.com



On Thu, Jul 22, 2010 at 11:41 PM, Duncan Hill  wrote:
> On Thu, 22 Jul 2010 14:09:33 +0100, tomo jacobson 
> wrote:
>
>
>> 2. i used TABLE and ALIGN attribute and TARGET attribute... TABLE and
>> ALIGN appears in the footer.
>> the footer is pretty crazy codewise, but i couldn't get it any other
>> way...
>> TARGET is my choice, i really would like to open links in a new window.
>
>> Tomo
>
> I've done a quick remake of your footer if you want to get rid of the table.
> It works down to around 815px wide and then it begins to wrap and so is
> partially hidden because of the fixed footer size.
> Two possible solutions to that, a) use an @media statement to change the
> footer parameters for a narrower viewport. b) as you are using html scaling
> of your images, dropping the size in the code to 'height="35" will allow a
> comfortable 800px viewport.
> http://redlemonarts.com/dev/strona/news.htm
> and the css file is
> http://redlemonarts.com/dev/strona/style.css
> there are no modifications to your existing css code, and the added rules
> are marked.
> HTML changes involve a couple of extra div's but that is still lighter
> weight than your table.
>
> Duncan
>
__
css-discuss [cs...@lists.css-discuss.org]
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] Sliding doors menu problem

[Ville Viklund]

  Hi,

I am having a problem with sliding doors menu; right side image is going 
over the left side image. I have tried various tutorials, but without 
any luck. The problem occurs in all browsers.

Example can be seen here http://turbolihis.kapsi.fi/projects/green/


home 
about us
services
portfolio
contact


.menu li{
 background: url(../images/layout/menubg_right.png) no-repeat right top;
 float: left;
 margin: 0 0 0 10px;
}
.menu li a{
 background: url(../images/layout/menubg_left.png) no-repeat left top;
 color: #fff;
 display: block;
 line-height: 35px;
 padding:0 10px;
 text-decoration: none;
}


Thanks for your help,

Ville
__
css-discuss [cs...@lists.css-discuss.org]
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] here is a tricky one that has been killing me

[Duncan Hill]

On Sat, 24 Jul 2010 07:30:50 +0100, Matthew P. Johnson   
wrote:

> If you view this web site on certain machines you get a space to the  
> right
> of the display.
>
>
> http://www.applegateelements.com

>
>
> you can see I use the same method to resize the header but I am getting a
> different result.
>
>
> Code (style="width: 100%; position: relative;") is we are looking at.

>
> Please help.

Your header seems to perform correctly, it is more likely that your  
navigation is in need of a little TLC to handle the "double shuffle"  
centering in terms of positioning and overflow handling.

As a note, you have a validation error simply because you have closed your  
stylesheet link using the XHTML tag closing I think.

Duncan
__
css-discuss [cs...@lists.css-discuss.org]
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] Using CSS comments for debugging

[Gabriele Romanato]

Hi!
Just a quick reflection on an useful feature of CSS comments:

http://onwebdev.blogspot.com/2010/07/using-css-comments-for-debugging.html

HTH ^^

Gabriele Romanato

http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)








__
css-discuss [cs...@lists.css-discuss.org]
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/