Re: [css-d] Background-Image overrides background color
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 barney.carr...@gmail.com 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 tom...@gmail.com 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 p.tay...@rhul.ac.uk 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] Image and background colour changes on hover.
a id=MT href=index.phpspan Montana (MT)/span/a
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] Top gap
-- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Mon, May 13, 2013 at 4:01 PM, Brian M. Curran br...@draftingservices.com 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 br / above it or you could add in a margin-top: 10px to your h3 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] printing parts of a page.
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/
[css-d] printing parts of a page.
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] printing parts of a page.
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 tom...@gmail.com 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 wadesm...@gmail.com 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/
Re: [css-d] Place LinkedIn, Facebook likes side-by-side?
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 salt.mor...@gmail.com 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
On Tue, Sep 13, 2011 at 14:25, Chetan Crasta chetancra...@gmail.com 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 /head tag
On 05/30/2011 05:01 PM, Janis Rough wrote:
I'm getting an error upon validating this page. It says end tag for
head is not closed. Since I do have a/head tag it is something
else probably with the meta tag but I'm not clear on what it is.
Thanks
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=content-type
content=text/html;charset=utf-8 /
style type=text/css
#table1
{
height:100%;
}
/style
/head
body
table id=table1
tr
td colspan=2
div class=header
Header
/div
/td
/tr
tr
td
div class=navigation
Navigation
/div
/td
td
div class=content
Content
/div
/td
/tr
tr
td colspan=2 style=vertical-align: bottom
div class=footer
Footer
/div
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=content-type
content=text/html;charset=utf-8 /
style type=text/css
#table1
{
height:100%;
}
/style
/head
body
table id=table1
tr
td colspan=2
div class=header
Header
/div
/td
/tr
tr
td
div class=navigation
Navigation
/div
/td
td
div class=content
Content
/div
/td
/tr
tr
td colspan=2 style=vertical-align: bottom
div class=footer
Footer
/div
/td
/tr
/table
/body
/html /td
/tr
/table
/body
/html
__
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 head you have to close it with /head
--
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
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 http://ffb-all.com/my-test/vertical-middle-a.html 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
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 br / 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.
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 ullia/li and then another a 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
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
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
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
David Dorward wrote: 2009/5/30 Wade Smart wadesm...@gmail.com: 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
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/
[css-d] Change background color
20090528 1910 GMT-5
I have a php if statement to set my menu buttons as active:
if (ID == home){
print'li class=activea href=navMenu.phpnow/a/linbsp;';
} else {
print 'lia href=navMenu.phpnow/a/linbsp;';
}
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/
Re: [css-d] Change background color
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/
Re: [css-d] Change background color
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
ullia href=#stuff/a/li/ul
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
ul
libactive stuff/b/li
lia href=#stuff/a/li
/ul
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/
[css-d] css list test message
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
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/
[css-d] Transparent Rows
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] Transparent Rows
Casey wrote:
On Wed, Feb 18, 2009 at 4:43 PM, Wade Smart wadesm...@gmail.com 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/
Re: [css-d] Roll over highlight
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
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/
[css-d] on firefo, blue line around links
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] on firefo, blue line around links
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/
Re: [css-d] Site Check
[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 h3 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?
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
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 p 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
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
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
div id=left
div class=top-left/div
div class=top-right/div
div class=inside
div class=gap-saver/div
div id=left-content
This is the main content area.
/div
div class=gap-saver/div
/div
div class=bottom-left/div
div class=bottom-right/div
/div
.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 div'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
04162008 1126 GMT-6
I have horizontal navigation that uses graphic button backgrounds in a li.
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
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/
