Re: [css-d] Remove a:hover Background-color: Images
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)
div id=topcontainera href=index.phpimg src=img/Logo.png
alt=Company Name width=205 height=51 border=0
style=margin-left: -8px; title=Company Name//a
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 a or img 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 a elements, or a margin to img 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/
Re: [css-d] Need to text to clear image
On Sun, 25 Jul 2010 02:49:01 +0100, Brian M. Curran
br...@draftingservices.com wrote:
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;
}
http://draftingservices.com/paper_to_cad.html
If you remove the float, the div will take its place in the normal float.
That means you won't need the clear:both; as well.
Less=More ??
You can adjust the horizontal positioning with your margins.
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/
Re: [css-d] Remove a:hover Background-color: Images
Hi Matoca,
take a look at this page:
http://www.css-discuss.org/policies.html
There it says:
If you're asking for help with a problem, then remember this: A
description of your problem is good. A URL to a page showing your
problem is much, much better.
And:
Do not send attachments to the list. Ever. Put whatever you were going
to attach on a Web site and post the URL instead.
Usually people put a link to the problematig page or site and a link to
the css file (if it is a single file).
So feel free to post that link, it will help everybody to analyze your
problem and maybe find a solution.
Best regards,
Christian
Editura GmbH Co. KG
Tempelhofer Damm 2 · 12101 Berlin
www.editura.de http://www.editura.de
AG Berlin-Charlottenburg · HRA 43189 B · USt.Id. DE217180548
Geschäftsführer: Ralf Szymanski
Am 25.07.2010 08:19, schrieb 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)
div id=topcontainera href=index.phpimg src=img/Logo.png
alt=Company Name width=205 height=51 border=0
style=margin-left: -8px; title=Company Name//a
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
thea orimg 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 toa elements, or a margin toimg 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-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] Inline Style
How do you style the following using inline style:
p:first-letter
{
color:#ff;
font-size:xx-large;
}
HTML is as follows:
p
You can use the :first-letter pseudo-element to add a special effect to the
first character of a text!
/p
I want the style to be inside of p
Thank you.
_
http://clk.atdmt.com/UKM/go/19780/direct/01/
We want to hear all your funny, exciting and crazy Hotmail stories. Tell us now
__
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] Inline Style
John Dick wrote:
How do you style the following using inline style:
p:first-letter
{
color:#ff;
font-size:xx-large;
}
HTML is as follows:
p
You can use the :first-letter pseudo-element to add a special effect to the
first character of a text!
/p
I want the style to be inside ofp
Well, as far as I can see, it can be inside of p ... /p
but not inside of p. In other words :
p
span style=color:#ff; font-size:xx-largeY/spanou can use the
:first-letter pseudo-element to add a special effect to the first character of
a text!
/p
but perhaps I'm missing something.
Philip Taylor
__
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] Inline Style
On Sun, Jul 25, 2010 at 11:09 AM, John D xfs...@hotmail.com wrote:
It works and I can live with it for now. I am restricted because of
restrictions imposed by Google Sites. See my previous message.
Thanks for the wonderful trick.
Regards,
If you are trying to create a teaching situation with free websites
for the students would it not be somewhat satisfying to use a style
section in your html document embedded in the body?
Obviously this will not validate. But it does allow students to use
standard class and id definitions.
The transition from inline style to proper use of an external css
style sheet is not trivial. However, the transition from embedded
styles to external css style sheet might be an easy one.
Not sure precisely what you are trying to accomplish. But for a
teaching environment it might be better.
I don't use google pages so I don't know if they will accept a
style/style section.
style type=text/css
p.testfl:first-letter {
color:#ff;
font-size:xx-large;
margin-right: -6px;
}
/style
p class=testflThis is a text./p
pThis is more text/p
Regards,
Claude Needham
__
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] Inline Style
I don't use google pages so I don't know if they will accept a style/style section. Just tried it and it says my page contains unsafe material and will be removed. So it doesn't work unfortunately. Regards, __ 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] Inline Style
John D wrote: Well, you can, but not using a pseudoelement and inline CSS. Why would you be restricted to inline CSS? Because Google Websites (http://sites.google.com) does not allow editing of headers to introduce external style sheets or header styles. That is the problem. It is a free site and there are no Ads so ideal for students. Uploading of files is also not allowed. Hmm, ideal is not a word I would use for Google sites. The last time I tried to create a site there, there were over 80 uncorrectable errors (all due to Google), at which point I abandoned any hope of ever being able to successfully host a site there. On re-checking today, I see there are still 77 uncorrectable errors, so I cannot in all honesty recommend Google sites to anyone. Philip Taylor __ 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] Sliding doors menu problem
On Sat, Jul 24, 2010 at 9:03 AM, Ville Viklund ville.vikl...@gmail.comwrote:
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/
ul class=menu
li class=activea href=#home /a/li
lia href=#about us/a/li
lia href=#services/a/li
lia href=#portfolio/a/li
lia href=#contact/a/li
/ul
.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
The problem is simply that your image (menubg_left.png) is transparent behid
it, so you can see the edge of the other image (menubg_right.png).
All I can suggest is that you play in photoshop and match the gradient on
the header_bg.png image with the menubg_left.png so that theres no
transparency.
Best,
Alex Mitchell
alex.mitch...@gumware.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-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] :: opera mini/5.1 ::
Let's play. This is a first pass [trust me, it ain't easy :-) ]: Sanyo Mirro SCP3810 for BoostMobile. Software: Opera Mini/5.1. uri signature link mobile css Line 490 through 688 http://chelseacreekstudio.com/site/css/sisu.css Opera Mini Simulator http://www.opera.com/mobile/demo/ Fairly close to rendering of the above handset with the exception that the portfolio images are a consistent width in my handset... Best, ~d -- 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/
