Re: [css-d] Background-Image overrides background color

[Wade Smart]

w3school is at the top for so many searches.
It would be great if they would just clean up their site.
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005


On Sun, Jan 11, 2015 at 10:30 AM, Barney Carroll
 wrote:
> I'm amazed it took this long for a link to the W3 validator to creep into
> the conversation. Maybe if we keep at it the list archives will trump
> w3schools in search results?
>
> Regards,
> Barney Carroll
>
> barney.carr...@gmail.com
> +44 7429 177278
>
> barneycarroll.com
>
> On 11 January 2015 at 16:22, Tom Livingston  wrote:
>
>> It appears that the errors are for things that are not yet part of the spec
>> the validator is based on. I would not call that bad code.
>>
>>
>> On Sun, Jan 11, 2015 at 11:17 AM Philip Taylor 
>> wrote:
>>
>> >
>> >
>> > Tom Livingston wrote:
>> > > For someone at the OPs level, I'd not recommend a site with such a bad
>> > > reputation. He won't know if what he is reading is correct. While that
>> > site
>> > > may be improved as of late, why start learning at such a poorly
>> regarded
>> > > source. There are much more reputable places to learn the basics.
>> > >
>> > > Csstricks.com
>> > >
>> > > Moz sites
>> > >
>> > > Html5doctor
>> >
>> > I would personally treat with the greatest suspicion any site claiming
>> > to offer guidance on W3C standards that does not itself validate :
>> >
>> > http://validator.w3.org/check?uri=http://html5doctor.com/
>> >
>> > Philip Taylor
>> >
>> __
>> css-discuss [css-d@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 [css-d@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 [css-d@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] Top gap

[Wade Smart]

--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005


On Mon, May 13, 2013 at 4:01 PM, Brian M. Curran
 wrote:
> Hi!
> I can't get the last sentence -"More project samples can be found here" - on
> my portfolio page here:
>
> http://www.draftingservices.com/portfolio.html
>
> to have a gap between it and the table that is above it. Can anyone tell me
> why my padding css isn't working as I thought it should?
>
> Thanks,
> Brian
>
> __
> css-discuss [css-d@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/

You could put a  above it or you could add in
a margin-top: 10px to your  css.

Wade
__
css-discuss [css-d@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] Image and background colour changes on hover.

[Wade Smart]

 Montana (MT)

MT:hover {

background: url(states/mt-usa.gif) no-repeat;
width: 540px;
height: 350px;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;

}


This is just css. Its a hover. NO javascript needed at all.

Wade
__
css-discuss [css-d@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] printing parts of a page.

[Wade Smart]

Philippe

I finally got it figured out. Little testing helped out :D
__
css-discuss [css-d@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] printing parts of a page.

[Wade Smart]

Ive done that.  Sorry, i wasnt clear.

Only one div has a class of print and the rest are all hidden. Because
they do not print, what is there is just a large white gap.
___
Top of the page
{

 empty area

}

Div that I am printing.
___


 On the paper after printing, the empty area is just a large white
area. So in the large empty area are things like the header on the
page, the nav bar, some text I dont want printed.


--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005


On Thu, Feb 28, 2013 at 7:51 PM, Tom Livingston  wrote:
> Is there anything above the div that you need printed? If not, try a print 
> style that hides anything above the desired div or if nothing is above it, 
> make a print style to pull the div back up the page.
>
> HTH
>
> Sent from my iPhone
>
> On Feb 28, 2013, at 8:26 PM, Wade Smart  wrote:
>
>> I have a div, unfortunately down lower on the page,
>> that Im printing off. When it prints, it starts printing
>> about half way down the page. Short of creating another
>> page just to print from, is there a way to pull the data up
>> the page?
>>
>> wade
>> --
>> Registered Linux User: #480675
>> Registered Linux Machine: #408606
>> Linux since June 2005
>> __
>> css-discuss [css-d@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 [css-d@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] printing parts of a page.

[Wade Smart]

I have a div, unfortunately down lower on the page,
that Im printing off. When it prints, it starts printing
about half way down the page. Short of creating another
 page just to print from, is there a way to pull the data up
the page?

wade
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
css-discuss [css-d@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] Place LinkedIn, Facebook "likes" side-by-side?

[Wade Smart]

Hmmm   They are side by side.


--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005


On Mon, Jul 23, 2012 at 5:32 PM, Chris Morton  wrote:
> Please look at the bottom of www.eigen.com.
>
> How can I position the Facebook Like and LinkedIn Follow buttons
> side-by-side?
>
> The FB button utilizes some CSS for its positioning. Doing something
> similar for the LinkedIn Follow button didn't work (at least my
> implementation didn't.)
>
> Thanks
> __
> css-discuss [css-d@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 [css-d@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] "Lightbox" gallery with CSS

[Wade Smart]

On Tue, Sep 13, 2011 at 14:25, Chetan Crasta  wrote:
>>
>>
>>>
>> Here is one example:
>> http://www.cssplay.co.uk/menu/css3-keyframe-lightbox.html
>>
>>
> Here is another example that works in more browsers:
> http://www.cssplay.co.uk/menu/lightbox-click.html
> However, it did not work in Chrome 13 in Linux (could be a browser bug).
>
> Regards,
> Chetan Crasta
> __
> css-discuss [css-d@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/
>

Im on Ubuntu and I can see if you put your mouse over the
image and click and hold done the mouse button - it works.
Too bad that isnt working better.

Wade

-- 
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
css-discuss [css-d@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] validation error on closing tag

[Wade Smart]

On 05/30/2011 05:01 PM, Janis Rough wrote:

I'm getting an error upon validating this page.  It says end tag for
  is not closed.   Since I do have a  tag it is something
else probably with the meta tag but I'm not clear on what it is.
Thanks




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





#table1
{
height:100%;
}








Header






Navigation




Content






Footer

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





#table1
{
height:100%;
}








Header






Navigation




Content






Footer





   




__
css-discuss [css-d@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/


Well, that is the problem.

Since you have  you have to close it with 



--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
css-discuss [css-d@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] Centering Up Text

[Wade Smart]

On 01/28/2011 02:09 AM, 李硕 wrote:

Maybe this will help:

remove the "float:left" from the "#nav a.ot"
and add it to the "li" element immediately out of the "a" element
then add "display: table-cell;vertical-align: middle;text-align:
center;" to the "#nav a.ot"

otherwise, see this page I've made





Li Shuo

I had to look up that table-cell.
That is very cool. Thanks for showing me that :D

wade

--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
css-discuss [css-d@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] Centering Up Text

[Wade Smart]

http://theaterbartlesville.com/testing/Live/

Ive gone back and forth on this issue.
Originally this nav bar called for images to be used
but I used text instead. The text is at the top of the
li. I have tried a few things trying to get the text off
the top of the page and center it up.

Ive centered up the first one it  but I hate to
leave it like that.

Wade
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
css-discuss [css-d@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] Doubling of an element.

[Wade Smart]

http://theaterbartlesville.com/testing/Live/index.php?p=main

Im helping the local theatre fix a problem with their site.
The person they hired create a really nice design but left it 
unfinished.  So Im helping out.


So, above is the page.

What is supposed to look like is, this is the top nav bar. Its 145px 
tall 900 wide. The image is supposed to be on the left with the four 
other text links to the right. Its messed up more in Chrome than FF or 
Opera but basically, there are two logo links coming up and that is not 
in the code.


If you are using Chrome Developer tools or FireFox Tools, you'll see it 
says  and then another  after that. I cant figure out 
why that is coming up like that.


Wade
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
css-discuss [css-d@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] Keeping the footer at the bottom

[Wade Smart]

Im trying to do something that I know is done every day but for the life 
of me, I cant figure it out.

|___Top Div|
|  Middle Div__|
|---|--|
|..left.|..right...|
|   |  |
|--|
|...footer.|


Simple layout. Top div has the header, etc.
Middle div has a left and right div in it.
Bottom div has the footer.
I want the bottom div to be at the bottom with the text across the 
bottom regardless of whether the left div(nav) is as long as the right 
div(content). What it does right now is, the footer text ended up pushed 
to the left, under the left div when the right content is too long.

I dont have a page up yet... just playing around with an idea for a 
design for someone, but, how do you get that footer to stay at the 
bottom regardless?

Wade

-- 
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
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] Nav element is dropped in IE

[Wade Smart]

G. Sørtun wrote:
> Wade Smart wrote:
>> My friend called about her web site having an issue.
>> She said a button has dropped.
>>
>> http://www.bartlesvillehomefinder.net/
> 
> Zero out default margins and paddings on the ul...
> 
> ul {padding: 0; margin: 0;}
> 
> 
> regards
>   Georg


Thanks Georg. I was trying things like padding negative numbers. I 
forgot the KISS approach :D

Wade
-- 
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
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] Nav element is dropped in IE

[Wade Smart]

My friend called about her web site having an issue.
She said a button has dropped.

http://www.bartlesvillehomefinder.net/

If you look at this page in IE version 8, the Contact Us button
is dropped. I have been playing with it but Im not finding the solution
- just making it worse.

Wade
-- 
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
__
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] Creating css Tables with vertical text

[Wade Smart]

David Dorward wrote:
> 2009/5/30 Wade Smart :
>> 20090530 1600 GMT-5
> 
>> Im wanting to create a table to hold the soccer states for the adult
>> league (I play in). Im using a table to hold the data but, Im short on
>> horizontal space so I wanted to turn the text from horizontal to say
>> almost vertical on its side -- like in a spreadsheet.
> 
> Current CSS recommendations don't provide any way to achieve this.
> You'll need to look to CSS 3 drafts or SVG - neither of which enjoys a
> great deal of support on the WWW. (The other option is pictures of
> text)
> 

20090531 0945 GMT-5

Pictures are what I was thinking but, I wasn't sure if anyone had come 
up with a "better" way.

Thanks.. Pictures it is.

Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
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] Creating css Tables with vertical text

[Wade Smart]

20090530 1600 GMT-5

Im wanting to create a table to hold the soccer states for the adult 
league (I play in). Im using a table to hold the data but, Im short on 
horizontal space so I wanted to turn the text from horizontal to say 
almost vertical on its side -- like in a spreadsheet. Anyone doing this, 
..,done this?  I did some searching but Im not getting the right search 
time down as Im getting results but its not what Im looking for.

Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
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] Change background color

[Wade Smart]

David Laakso wrote:
> David Laakso wrote:
>> Wade Smart wrote:
>>>
>>> I have tried adding #navlist and various pre elements to teh .active 
>>> but I just cant seem to get the background to change when its active.
>>>
>>> Wade
>>>   
>>
>>
>>
>> Strip it to only the essentials and it will work (note: no class used).
>>
>> css
>> ul {padding: 0; margin: 0; }
>> ul li {list-style: none; }
>> ul li a {color: #fff; background: red; text-decoration: none;}
>> ul li a:hover { color:#000; background: lime;}
>> ul li a:focus, ul li a:active { background: fuchsia;color:#fff;}
>> html
>> stuff
>>
>>
>>
> 
> Hmm. I wonder if you are after something like this, instead?:
> css
> ul {padding: 0; margin: 0; }
> ul li {list-style: none; }
> ul li a {color: #fff; background: red; text-decoration: none;}
> ul li a:hover { color:#000; background: lime;}
> ul li a:focus, ul li a:active, b { background: fuchsia;color:#fff;}
> html
> 
> active stuff
> stuff
> 

20090528 2030 GMT-5

I got it finally. I had switched the elements around.:

#navmenu a {
   background-color: #3173B1;
   padding: 10px 10px;  
   color: #FF;
   text-decoration: none;
}

#navmenu a:hover {
   background-color: #55;
   color: #FF;
}   

#navmenu li .active {
  background-color: #55;
}

Thanks for the help :D

Wade

-- 
Registered Linux User: #480675
Linux since June 2005
__
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] Change background color

[Wade Smart]

Alan Gresley wrote:
> Wade Smart wrote:
> [..]
>> #navlist a:hover {
>> background-color:#55;
>> color:#FF;
>> text-decoration:none;
>> }
>>
>> .active { background-color: #55;}
>>
>>
>> I have tried adding #navlist and various pre elements to teh .active 
>> but I just cant seem to get the background to change when its active.
>>
>> Wade
> 
> 
> Hello Wade, I may be overlooking something but both the hover and active 
> states have the same background-color: #55.
> 
> 

20090528 1948 GMT-5

They do.

When you hover the background changes color.
When you click on it, and you are on the next page, it says that color, 
indicating which page you are on.

Wade

-- 
Registered Linux User: #480675
Linux since June 2005
__
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] Change background color

[Wade Smart]

20090528 1910 GMT-5

I have a php if statement to set my menu buttons as active:

if (ID == "home"){
   print'now ';
} else {
   print 'now ';
}


My css:
#navlist ul {
margin-left:0;
margin-top:5px;
padding-left:40px;
white-space:nowrap;
}

#navlist li {
display:inline;
font-weight:bold;
list-style-type:none;
}

#navlist a {
padding:10px;
}

#navlist a:link, #navlist a:visited {
background-color:#3173B1;
color:#FF;
text-decoration:none;
}

#navlist a:hover {
background-color:#55;
color:#FF;
text-decoration:none;
}

.active { background-color: #55;}


I have tried adding #navlist and various pre elements to teh .active but 
I just cant seem to get the background to change when its active.

Wade

-- 
Registered Linux User: #480675
Linux since June 2005
__
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] css list test message

[Wade Smart]

20090409 1636 GMT-6

Im just sending this to the list to see if any of my posts show up. I 
have sent 8 in the past month and none have showed (that I can see) on 
the list.

Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
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] CSS Image Rollover Problem

[Wade Smart]

Yazmin Media wrote:
> I'm working on a CSS rollover solution here:
> 
> http://www.slrgear.com/articles/is_1iswp/test.htm
> 
> My problem is that my hover image is not appearing when I hover over the
> rollover. The HTML file, the original image and the rollover image are all
> in the same directory. The file validates.
> 
> Would someone mind taking a look at the code and seeing what could possibly
> be the problem?
> 
> Thanks!
> Yazmin

20090402 1326 GMT-6

I think there are too many things in your css.
You have in .rollover your background url
but when the mouse moves to the image it disappears.

Try the following:

a { background: url ("/image/location.jpg");}
a:hover( background: url("/image/location2.jpg");}

-- 
Registered Linux User: #480675
Linux since June 2005
__
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] Transparent Rows

[Wade Smart]

Casey wrote:
> On Wed, Feb 18, 2009 at 4:43 PM, Wade Smart  wrote:
>> 20090218 1829 GMT-5
>>
>> Im editing a internal site for a client and they have this page where
>> they pull inventory and its very difficult to read. In the background
>> they have a faded company logo - it does not interfere with the viewing
>> - its focusing on each line of inventory.
>>
>> I was just thinking about using a alternating gray and white line for
>> each row. What I immediately discovered was it really messes up the
>> background image.
>>
>> What I was thinking was doing a transparent effect on each row.
>>
>> .even {
>>background-color: #E0E0E0;
>>opacity:0.5;
>>filter: alpha(opacity=50);
>>}
>>
>> That didnt work so my question is - can this ONLY work on a image and
>> now on a color?
>>
>> Wade
> 
> I actually ran into this same problem earlier today. What a
> coincidence. You can make two semitransparent PNGs (one white, one
> gray), and use them as background images for the rows.
> 
> -Casey

20090218 1905 GMT-5

I was actually just trying that out.

I figured out it was actually working in FF but not Opera - which is the 
browser this company uses. Too bad though as it looked decent if FF.

:D

Wade
-- 
Registered Linux User: #480675
Linux since June 2005

__
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] Transparent Rows

[Wade Smart]

20090218 1829 GMT-5

Im editing a internal site for a client and they have this page where
they pull inventory and its very difficult to read. In the background
they have a faded company logo - it does not interfere with the viewing
- its focusing on each line of inventory.

I was just thinking about using a alternating gray and white line for
each row. What I immediately discovered was it really messes up the
background image.

What I was thinking was doing a transparent effect on each row.

.even {
background-color: #E0E0E0;
opacity:0.5;
filter: alpha(opacity=50);
}

That didnt work so my question is - can this ONLY work on a image and
now on a color?

Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
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] Roll over highlight

[Wade Smart]

Tony Kay wrote:
> I am trying to set up a style that puts a 2 pixel border around a set  
> of images. Then when the image is rolled over, I want the border to be  
> 5 pixels. How is this done?
> 
> Thanks for any help.
> Tony

20081216 1425 GMT-5

a:hover { border: 5px solid;}


Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
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] [OT] Need Screenshot Please

[Wade Smart]

yahoo wrote:
>   Sorry about posting this here but I'm in desperate need of a  
> screenshot from someone using Konqueror on Linux.  If you can help,  
> please contact me off list.
> 
> Thank you,
> Frank

20081204 1848 GMT-5

Frank check out:
http://browsershots.org

It will show you your site on many different browsers on many different
OS's.

Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
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] on firefo, blue line around links

[Wade Smart]

Sandy wrote:
> 
> 
> Wade Smart wrote:
>> 20081113 1221 GMT-5
>>
>> I didnt build this site but I have been asked to fix the problem (as 
>> they are friends) but I cant find anything wrong code wise.
>>
>> www.questrealtybartlesville.com
>>
>> If you are viewing from Firefox 3.0.3 (and possibly other versions as 
>> well) the header graphic had a blue line around it. Its a link back to 
>> home from other pages. But this line shows up only on FF - not opera. 
>> Maybe IE but I dont have that on Ubuntu.
>>
>> Has anyone noticed this in their development and if so, what did you 
>> do to fix it?
>>
>> Wade
> 
> hi Wade,
> 
> Try adding
> 
> #header img{
> border : none
> }
> 
> to your styles.
> 
> Sandy

20081113 1948 GMT-6

Well I feel stupid. I didnt even think of the border.

Thanks Sandy.

-- 
Registered Linux User: #480675
Linux since June 2005
__
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] on firefo, blue line around links

[Wade Smart]

20081113 1221 GMT-5

I didnt build this site but I have been asked to fix the problem (as 
they are friends) but I cant find anything wrong code wise.

www.questrealtybartlesville.com

If you are viewing from Firefox 3.0.3 (and possibly other versions as 
well) the header graphic had a blue line around it. Its a link back to 
home from other pages. But this line shows up only on FF - not opera. 
Maybe IE but I dont have that on Ubuntu.

Has anyone noticed this in their development and if so, what did you do 
to fix it?

Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
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] Site Check

[Wade Smart]

[EMAIL PROTECTED] wrote:
> Here's a site I recently finished and it is up and running and I think it 
> works pretty good but I just want other eyes to look at it and see if there's 
> anything that needs fixing or could use enhancing:
> 
> http://www.golfteesgalore.com/
> 
> Christian Ziebarth

20081013 1745 GMT-6

Im using Opera 9.60 on Ubuntu 8.04 and your  at the top above
Congratulations! You have found your can not be seen. Same with the next
one. All I see are white boxes.

While not a css thing, where it says Item #18122 42077 Bag of 6 Pieces
w/ Ball Marker on the bottom right and side, I can barely read that on
my screen as its so dark.

Nice little video :)

Wade

__
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 Coding Ideas?

[Wade Smart]

Matthew Stoneback wrote:
> Good afternoon -
> 
> I hate to ask this but I have a dilemma I am hoping some more experienced
> CSS coders can help me with.  I was asked to help a local church in coding
> their website.  They have a designer who is producing all of the layout,
> unfortunately the designer is not making my job very easy.  The design so
> far is very graphic oriented.  The first file I was given to code was the
> "landing page."  I have attached a link to the two versions of it to this
> post (.jpg image).
> 
> http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page.jpg
> 
> http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page%20-%20Glow.jpg
> 
> The first image is how the design should look when you arrive to the site,
> the second image shows the "over" states (all of them are glowing at once).
> The over state will appear behind the text on hover.  Only the circle
> directly behind the text will glow.  I was thinking an image swap might be
> the anwser for this effect.
> 
> I started to code the site and got this far:
> http://dev.eddysound.com/dev/rrc/  It has an extremely slow load time due to
> the rather large circular image.
> 
> Basically, can anyone give me advice as to how they would go about laying
> this page out in valid CSS and XHTML?
> 
> If this is too far off topic for this list, please let me know or remove the
> post.
> 
> Thanks in advance for any help or guidence.
> 
> Matt Stoneback
> Owner, Eddy Sound, LLC.

20080730 1629 GMT-6

What you might look into is when in hover, showing a second image. Like, when
the mouse moves over the "before you attend" it switches the graphic out for
another one with the extra glowing circles.

Wade


__
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] Creating a family tree

[Wade Smart]

20080522 0844 GMT-6

Im working with a site developer locally with a large project. He has all these 
charts that will need to be put on an intranet site.

They are kinda like a family tree chart, like this:

  |--   
|-|
  |--
---
  |---
|-|
  |---

The farthest out to the right on top are two names which combine to say an off 
spring.. The same on the bottom. Those two off spring combine to a single 
(current generation) off spring.. and so on.

As there are literally hundreds of these to be done I was trying to think of a 
way that a single layout could be applied and pull data from a db to populate 
it. What Im stuck on is - how.

I was thinking: take a single div to hold it. On the right div I put a top and 
bottom div. Then have two lines of text in a  and then underline that. But I 
still need a left line and a line connecting in the middle.

Anyone done this or have any suggestions?

Wade
__
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] Gif and PNG with IE6

[Wade Smart]

David Hucklesby wrote:

> But if you use PNG-8 the transparency works fine. Semi-transparency
> displays as fully transparent in IE 5.x and 6 though.
> 
> We can't solve your problem without seeing the page, though. But
> I'll remind you that the path to a background-image is the path from
> the style sheet, not from the HTML page. (Except in Netscape 4.)
> 
> Cordially,
> David

20080506 1254 GMT-6

That answered some problems. I didnt create the graphics so I opened them in 
GIMP and changed them to gif interlaced. That solved the problem for a few of 
the graphics but it wont work on all of them - as some are transparent.

But that is ok - since that is not a css question - I think that this answered 
my questions to my problems.

Thanks

Wade
__
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] Gif and PNG with IE6

[Wade Smart]

20080505 19174 GMT-6

Did this list all of the sudden get very quiet? I havent received a message for 
many days now.

Anyway, Im using a background image on a page. One is a gif and the other a 
png. 
Neither are showing in IE6.

As I did not use IE Im not sure what would be the problem. Was it not able to 
show gif and png? Surely it was.

Wade



   
   

   
 

 
  This is the main content area.
 

 
   

   





.top-left, .top-right, .bottom-left, .bottom-right {
background-image: url('graphics/1280x18.gif');
/* background-image: url('corners1280x18.gif');  CHANGE: path and name of your 
image
background-image: url('900x20.gif'); */
height: 9px;   /* CHANGE: replace by the height of one of your corners (= 
1/2 height of the image) */
font-size: 2px;/* DNC: correction IE for height of the 's */
}
.top-left, .bottom-left {
margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right {
margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
}
.top-right {
background-position: 100% 0;/* DNC: position right corner at right side, no 
vertical changes */
}
.bottom-left  {
background-position: 0 -9px;/* CHANGE: replace second number by negative 
height of one of your corners */
}
.bottom-right {
background-position: 100% -9px; /* CHANGE: replace second number by negative 
height of one of your corners */
}
.inside {
/* border-left: 1px solid #C0;  YCC: color & properties of the 
left-borderline */
/* border-right: 1px solid #C0;YCC: color & properties of the 
right-borderline */
/* background: #EFEFEF;YCC: background-color of the inside */

border-left: 2px solid #008000;
border-right: 2px solid #008000;
__
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] Horizontial Nav wrapping in IE

[Wade Smart]

04162008 1126 GMT-6

I have horizontal navigation that uses graphic button backgrounds in a .
In IE the buttons are in vertical rows.

li {
display: inline;
}

#nav a {
margin: auto;
background: url("graphics/ButtonBackground.png"} no-repeat top left;
text-align: center;
}

#nav a:hover {
background: url("graphics/ButtonBackground.png"} no-repeat top right;
color: black;
}

When I do this without the background image it seems to work fine but with the 
background image it will not.

Wade
__
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] Text in a div is pushed to the Right and will not realign to the Left

[Wade Smart]

01252008 1723 GMT-6

Hello. My name is Wade and Im needing some help.

Im helping out to maintain a weather site located at :
http://74.135.47.164:8080/wx7.php

The css for this site is at :
http://74.135.47.164:8080/weather-screen.css

On this page to the right at the top you will see the temperature that
is large and bold. Under this is some smaller writing that lists the
last time the information was updated along with some other weather
related information. You'll notice that this information is crammed to
the right of the page. The code for this div is:

.subHeaderRight {

   color: #00;

   font-size: 109%;

   text-align: left;

   margin: 0;

   padding: 0.5ex 2ex;

}

When I change the text-align to right it only moves the text to the
middle of the div, the center of the page. But it moves ALL the text to
the middle - not allowing the text to be in one straight line. It
remains on two lines. The site owner wants the weather information in
that div to be in one line across the page, not crunched in the right side.

I have tried removing the values from this class and still cant get it
to move over. I would appreciate some help.

Something I will note is, this code was created by a distant fourth
party. A third party then modified it and it came into the hands of the
second party. That is the party Im trying to help. So Im just trying to
figure it out.


Wade

__
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/