Re: [css-d] mysterious letter appearing in GECKO
I see it, I see it... Right under the div id=main tag I see a i all by itself. Cory -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Pasotto Sent: Thursday, May 15, 2008 2:04 PM To: css-d@lists.css-discuss.org Subject: [css-d] mysterious letter appearing in GECKO I also have a mysterious letter I've been unable to track down. http://monday6o.org/attend2.php It's the letter 'i' appearing just above the table and to the right of the menu column. It is not in the html. -- Where are we going, and what are we doing in this handbasket? Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ 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-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] mysterious letter appearing in GECKO
I should say that in Firebug it shows, but in the HTML it doesn't. Must be a space or some character that WORD put in or one of the oddities... Just backspace that table id=attend right up to the div id of main to remove it. Cory -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cory Shubert Sent: Thursday, May 15, 2008 2:11 PM To: Rick Pasotto; css-d@lists.css-discuss.org Subject: Re: [css-d] mysterious letter appearing in GECKO I see it, I see it... Right under the div id=main tag I see a i all by itself. Cory -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Pasotto Sent: Thursday, May 15, 2008 2:04 PM To: css-d@lists.css-discuss.org Subject: [css-d] mysterious letter appearing in GECKO I also have a mysterious letter I've been unable to track down. http://monday6o.org/attend2.php It's the letter 'i' appearing just above the table and to the right of the menu column. It is not in the html. -- Where are we going, and what are we doing in this handbasket? Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ 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-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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS writing style question
Hey list, question here on what is correct or not.
We have a document online and to get it to format correctly when printed
someone came up with this tag:
Inline
p style=page-break-after:always/p
But I have also seen it in a CSS file like this:
CSS
p{
page-break-before: always;
}
Is it correct inline to not have the ; after always? I always
thought you had to have it just as in the CSS structure?
Just trying to get some clarity on this.
Thanks,
Cory
__
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] list nav not working as needed
http://www.pixelagogo.com/codetest/ Ok, here is the code link. As I mentioned before, what I am trying to do is: 1. Have the selected or page the tabs are about white and not the background color 2. Have the two background images align on the bottom with the bottom of the tabs. Right now in IE6 they don't but on Firefox they do. Not sure why. The tabs, Hotel Overview, Room Types, Property Info and Good to Know all have content under them in white and I need this nav to work so that when you select one of them, the rest function as they do now but the one selected is just a white box or without a state I guess. thanks all, Cory From: Jim Davis [mailto:[EMAIL PROTECTED] Sent: Thursday, May 01, 2008 3:15 PM To: Cory Shubert Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] list nav not working as needed Cory, Can you upload your page to a server and send us the URL? Jim On Thu, May 1, 2008 at 12:58 PM, Cory Shubert [EMAIL PROTECTED] wrote: Trying again, looking for a few ideas on where to go... I am having a problem and can't seem to see the elegant solution. I have a simple ul list nav with rollover states. I need to have the selected state show without any background, just white, to blend in with the content below it. The nav was created in CSS and didn't have this look built in and I just can't seem to figure it out without wasting a ton of code to do it. I have tried to have a selected or non link style so that the background would just be white, but if the selected link is selected, then it doesn't need a ahref tag and thus breaks the CSS function... Any help would be greatly appreciated. __ 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] list nav not working as needed
Trying again, looking for a few ideas on where to go...
I am having a problem and can't seem to see the elegant solution. I
have a simple ul list nav with rollover states. I need to have the
selected state show without any background, just white, to blend in with
the content below it.
The nav was created in CSS and didn't have this look built in and I just
can't seem to figure it out without wasting a ton of code to do it. I
have tried to have a selected or non link style so that the background
would just be white, but if the selected link is selected, then it
doesn't need a ahref tag and thus breaks the CSS function...
Any help would be greatly appreciated.
HTML :
div id=tabsE
ul
lia href=# title=Hotel OverviewspanHotel
Overview/span/a/li
lia href=# title=Room TypesspanRoom Types/span/a/li
lia href=# title=Property InfospanProperty
Info/span/a/li
lia href=# title=Good to KnowspanGood to
Know/span/a/li
lia href=# title=Link 5spanHotel Slideshow/span/a/li
/ul
/div
CSS :
#tabsE {
width: 733px;
margin: -25px 0 0 0;
padding: 0;
position: relative;
}
#tabsE ul {
margin:0;
padding:0;
list-style:none;
width:auto;
float:right;
font:bold 11px Arial,Verdana,Helvetica,sans-serif;
}
#tabsE li {
display:inline;
margin:0;
line-height:1.5em;
}
#tabsE a {
float:left;
background:url(tableftE_1.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url(tabrightE_1.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -42px;
}
#tabsE a:hover span {
background-position:100% -42px;
}
Thank you,
Cory Shubert
__
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] list nav not working as needed
Yes, but it won't be until tomorrow... no server set up for this at present... I will have to stick it on my personal one and then send the link. Thank you, Cory From: Jim Davis [mailto:[EMAIL PROTECTED] Sent: Thursday, May 01, 2008 3:15 PM To: Cory Shubert Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] list nav not working as needed Cory, Can you upload your page to a server and send us the URL? Jim On Thu, May 1, 2008 at 12:58 PM, Cory Shubert [EMAIL PROTECTED] wrote: Trying again, looking for a few ideas on where to go... I am having a problem and can't seem to see the elegant solution. I have a simple ul list nav with rollover states. I need to have the selected state show without any background, just white, to blend in with the content below it. The nav was created in CSS and didn't have this look built in and I just can't seem to figure it out without wasting a ton of code to do it. I have tried to have a selected or non link style so that the background would just be white, but if the selected link is selected, then it doesn't need a ahref tag and thus breaks the CSS function... Any help would be greatly appreciated. __ 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] problem getting rollover nav to function as needed.
Hi all,
I am having a problem and can't seem to see the elegant solution. I
have a simple ul list nav with rollover states. I need to have the
selected state show without any background, just white, to blend in with
the content below it.
The nav was created in CSS and didn't have this look built in and I just
can't seem to figure it out without wasting a ton of code to do it. I
have tried to have a selected or non link style so that the background
would just be white, but if the selected link is selected, then it
doesn't need a ahref tag and thus breaks the CSS function...
Any help would be greatly appreciated.
HTML :
div id=tabsE
ul
lia href=# title=Hotel OverviewspanHotel
Overview/span/a/li
lia href=# title=Room TypesspanRoom Types/span/a/li
lia href=# title=Property InfospanProperty
Info/span/a/li
lia href=# title=Good to KnowspanGood to
Know/span/a/li
lia href=# title=Link 5spanHotel Slideshow/span/a/li
/ul
/div
CSS :
#tabsE {
width: 733px;
margin: -25px 0 0 0;
padding: 0;
position: relative;
}
#tabsE ul {
margin:0;
padding:0;
list-style:none;
width:auto;
float:right;
font:bold 11px Arial,Verdana,Helvetica,sans-serif;
}
#tabsE li {
display:inline;
margin:0;
line-height:1.5em;
}
#tabsE a {
float:left;
background:url(tableftE_1.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url(tabrightE_1.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -42px;
}
#tabsE a:hover span {
background-position:100% -42px;
}
Thank you,
Cory Shubert
http://www.worldagentdirect.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 and 5.5 issue with sidebar
Hi all, My website, http://www.pixelagogo.com is not acting correct in IE6 or 5.5 yet fine in all others tested. When I did a browser check, these are the two that are giving me fits. The issue is that the sidebar div doesn't align at the top as it does in all the other sections of the site. It is just this home page that is having the issues. I was using Firebug to try to see what is up but can't seem to find what is different on the home page vs. all the others that is causing this. If anyone can scan it and see what might be happening I would sure appreciate it. Thank you, Cory Shubert __ 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] SEO and CSS
If you site validates it means the code is clean and to the standards set by the W3C. That should be goal number one. If you website content contains your keywords and phrases you are paying for or are targeting, you have done all you can do and all you should expect CSS and XHTML to offer you. If you have a table or two, it won't hurt your SEO as long as the code validates. The bottom line is CSS and XHTML won't take away the need to market and promote your website, it will only make it that much easier. Cheers, Cory -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Wednesday, April 02, 2008 11:37 AM To: css-d@lists.css-discuss.org Subject: [css-d] SEO and CSS Are there any good resources on the best way to create a standards/accessible totally CSS website with maximum Search Engine Optimization? In other words, how can I create a site using only xhtml and css and ensure that it will be found in the search engines and at the highest possible listing? Thanks, Bryan **Planning your summer road trip? Check out AOL Travel Guides. (http://travel.aol.com/travel-guide/united-states?ncid=aoltrv0003000 016) __ 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-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] getting titles to appear under image - when hovering on animage map
Al, I have a question on this example you sent, just trying to
understand.
You posted this code in the backend of the example:
#wrapper {
936px;
margin: 0 auto;
overflow: hidden;
padding: 30px;
background-color: #F7F3E7;
width: 936px;
height: 220px; /*TEMPORARY*/
border: 1px solid #00;
}
What is the reason for having 936px; as the first rule, then a width:
936px later on? What does havging them both do?
Thanks,
Cory
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of tedd
Sent: Thursday, March 27, 2008 9:14 AM
To: css-d@lists.css-discuss.org
Cc: Al Sparber
Subject: Re: [css-d] getting titles to appear under image - when
hovering on animage map
At 10:14 PM -0400 3/26/08, Al Sparber wrote:
From: Stuart King [EMAIL PROTECTED] That's an awfully complex
approach. My advice would be to have each gallery image be a separate
image, use the ALT attribute properly, then carry the popup title as
the actual text of the link, embedded inside a span, which you would
show and hide using the a:hover pseudoclass... like this:
http://www.projectseven.com/csslab/images/hover/stuart-titles/
It's perfectly accessible because assistive readers will read the ALT
attribute and people with images disabled (very rare breeds) will see
the ALT attribute if they've set up their browser properly (if not,
they get exactly what they asked for).
--
Al Sparber - PVII
__
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] divs not centering in Firefox
Hi list memebers, maybe someone can help me figure out why this won't
work in Firefox but does in IE6.
This is splash page that is called via Java in a booking process..
CSS:
style type=text/css
#splash {
width:100%;
margin:0 auto;
margin-top:60px;
text-align:center;
}
#splash .box {
width:400px;
height:auto;
background:#112643;
border:solid;
color:#aab7ca;
border-width:1px;
text-align:center;
}
#splash .box p {
padding:5px;
}
.splashlogo {
padding:15px 0 0 0;
}
/style
XHTML;
div id=splash
div class=box
p class=font_phonePlease wait while we complete your
request.../p
p
object classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354
codebase=//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=7,0,19,0 width=200 height=200
param name=movie
value=../_masterfiles/wv/images/splash/earth_v2.swf /
param name=quality value=high /
embed src=../_masterfiles/wv/images/splash/earth_v2.swf
quality=high pluginspage=//www.macromedia.com/go/getflashplayer
type=application/x-shockwave-flash width=200 height=200/embed
/object
/p
pimg src=../_masterfiles/wv/images/splash/animation_1.gif alt=
name=ImgAnim width=144 height=20 border=0 id=ImgAnim //p
/div
p class=splashlogoimg
src=../_masterfiles/wv/images/splash/nwa_wv_white.gif alt=
width=225 height=43/ /p
/div
I know I have a Flash issue with validation, but I am working on that as
well.
Thanks,
Cory Shubert
__
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] divs not centering in Firefox
Yes, that is it.
Thank you very much.
C
From: Tim Palac [mailto:[EMAIL PROTECTED]
Sent: Thursday, February 21, 2008 11:34 AM
To: Cory Shubert
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] divs not centering in Firefox
Cory,
In #splash .box, replace text-align:center; with margin: 0 auto;.
This works for me in both Firefox and IE6/7.
Tim
AIM: TymArtist
www.timpalac.com
On Thu, Feb 21, 2008 at 11:17 AM, Cory Shubert
[EMAIL PROTECTED] wrote:
Hi list memebers, maybe someone can help me figure out why this
won't
work in Firefox but does in IE6.
This is splash page that is called via Java in a booking
process..
CSS:
style type=text/css
#splash {
width:100%;
margin:0 auto;
margin-top:60px;
text-align:center;
}
#splash .box {
width:400px;
height:auto;
background:#112643;
border:solid;
color:#aab7ca;
border-width:1px;
text-align:center;
}
#splash .box p {
padding:5px;
}
.splashlogo {
padding:15px 0 0 0;
}
/style
XHTML;
div id=splash
div class=box
p class=font_phonePlease wait while we complete your
request.../p
p
object classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354
codebase=//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=7,0,19,0 width=200 height=200
param name=movie
value=../_masterfiles/wv/images/splash/earth_v2.swf /
param name=quality value=high /
embed src=../_masterfiles/wv/images/splash/earth_v2.swf
quality=high
pluginspage=//www.macromedia.com/go/getflashplayer
type=application/x-shockwave-flash width=200
height=200/embed
/object
/p
pimg src=../_masterfiles/wv/images/splash/animation_1.gif
alt=
name=ImgAnim width=144 height=20 border=0 id=ImgAnim
//p
/div
p class=splashlogoimg
src=../_masterfiles/wv/images/splash/nwa_wv_white.gif alt=
width=225 height=43/ /p
/div
I know I have a Flash issue with validation, but I am working on
that as
well.
Thanks,
Cory Shubert
__
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-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] Markup for image URL in CSS rule
h4 {
background: transparent url(/images/windows-logo.gif) no-repeat
center center;
padding-left: 42px;
}
Question on markup code in CSS. I have seen markup as above, where the
image tag inside parenthesis has quotation marks and sometimes without.
Which is it, q.marks or not?
Thanks,
Cory
__
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] Layering of background images help
Cory Shubert wrote:
I have a site that is giving me grief. I want to have an image on top
of two different background images and I just can't seem to figure it
out.
Temp url: http://69.89.31.183/~pixelago/
Layering of images or any other elements can be done in many ways.
Support for multiple backgrounds is still a bit weak, so you'll have to
add, or reuse, a separate element. This separate element can be the
image itself (an img), or any element that can carry a background.
Note: IE6 show no top-navigation on your page.
regards
Georg
Georg,
Thanks again. Your code snips did get the job done. Now I can look at
it and try to figure out just what is going on and learn from it.
You mentioned that my top nav is not working in IE. I did check and
after validation it still won't show. I am pretty sure it did before I
was messing with the floating image issue, so maybe I screwed something
up? Works on Mac-Safari/Firefox and PC Firefox but IE6 is blank...
It lives inside both a id of navigation that might hold the key?
/* Navigation */
#navigation ul {
list-style-type: none;
list-style-image: none;
float: left;
margin-top: -42px;
padding: 0 0px 0 0;
}
#navigation li {
float: left;
}
#navigation li a:link, #navigation li a:visited {
float: left;
color: #565656;
display: block;
padding: 5px 10px;
margin-right: 1px;
border: 1px dashed transparent;
height: 24px;
font-size: 14px;
margin-top: 4px;
}
#navigation li a:hover, #navigation li a:active {
color: #6D9CC7;
background: #F5F5F5;
border: 1px solid #FF;
background-repeat: repeat-x;
font-size: 14px;
margin-top: 4px;
}
#navigation li.active a {
color: #55;
background-color: #ff;
}
Thanks,
Cory
__
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] Layering of background images help
You mentioned that my top nav is not working in IE.
Make it...
#wrapper2 #navigation ul {
list-style: none;
float: left;
margin: -42px 0 0 0;
padding: 0;
position: relative;
}
regards
Georg
Once again, thank you Georg. Spot on and it rocks.
What a powerful learning tool this list is, and one that I am thankful for
daily...
Cheers,
Cory
__
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] Layering of background images help
Hey list,
I have a site that is giving me grief. I want to have an image on top
of two different background images and I just can't seem to figure it
out.
Here are the details...
Temp url: http://69.89.31.183/~pixelago/
Image to layer on top: gif image that is transparent and 210x300px
My template is in WP and as such is in XHTML/CSS and PHP. I have two
different background images being called in the header of the page,
the top part that holds the navigation/website name and the red one
under it.
The CSS that is doing this is:
#header {
float: left;
width: 768px;
padding-bottom: 8px;
background: #FF;
clear: right;
background-image: url(images/header-bg.gif);
background-repeat: no-repeat;
padding-left: 0px;
height: 89px;
margin-top: 13px;
}
And the lower one is:
#navigation {
clear: both;
float: left;
width: 100%;
/*background: url(images/headers/rotate.php) no-repeat 0px
0px;*/
background: url(images/header.gif) no-repeat;
height: 220px;
}
You will see that I have the rotate.php commented out because I was
origninally going to have the lower section have the image built into
that image, but now I want it to float above both of them. If I can
also figure out to have it rotate on page refresh, that will just be
bonus.
So, I have tried to see where to add what to get this image of a skate
sit on the top right third of this page header, and it either breaks the
shell or goes behind the header images, but not on top. Z-index and all
other things I have found on the web just are not working. I don't know
if it because of the PHP or just my lack of understanding CSS...
Probobly that one... : ]
Thanks for the help and suggestions.
Cory
__
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] Layering of background images help
Great, thank you so much. I will dig into this and see what I can do.
I have not done a good job of validating yet, but that was next on the list
once I figured this out.
Thank you again for taking the time to help.
Cory
-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED]
Sent: Tuesday, February 19, 2008 11:13 AM
To: Cory Shubert
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Layering of background images help
Cory Shubert wrote:
I have a site that is giving me grief. I want to have an image on top
of two different background images and I just can't seem to figure it
out.
Temp url: http://69.89.31.183/~pixelago/
Layering of images or any other elements can be done in many ways.
Support for multiple backgrounds is still a bit weak, so you'll have to add, or
reuse, a separate element. This separate element can be the image itself (an
img), or any element that can carry a background.
You can then absolute position this element, or float it in a suitable position
and pull/push it into its proper place by its margins.
An example: http://www.gunlaug.no/tos/alien/cs/test_08_0219.html
...using float on a new element, a div #overlay, which is given its own
background. I didn't bother digging for your background, so don't know how that
one will behave.
When using floats this way the separate element(s) must be placed next to the
fix-sized elements it(they) should end up in front of, or else it'll be
impossible to know how far to push/pull it(them) to achieve a stable position.
I've added a 'margin-doubling on floats' fix ('display: inline;) for IE6, and a
'position: relative' for reliable stacking in front.
Note: IE6 show no top-navigation on your page.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check please
Hi all, I am throwing our new design out there for critique and suggestions. http://www.nwaworldvacations.com BLOCKED::http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, at least that is what we were trying for. I am sure many will lament our use of tables still, but some habits die hard. I am curious to learn how we might have done a better job with our CSS, i.e. better use of IDs or Classes, less nested, more nested... We did add some Ajax/JavaScript functionality that we didn't have in our previous designs, and are noticing slow page loads and would love to learn or hear of how others handle this better. The Las Vegas destination page is a particularly slow one due to the backend loading of all the hotels... then do a price find and it can take up to 22 seconds to return all the prices for each of them. This is something we are working on to fix/solve/adjust. Our team is small and we based much of our work on the few classes or seminars we have been able to attend as well as on Andy Budd's CSS Mastery. I am posting here to help us continue on that learning curve. Thank you all and I look forward to the suggestions and comments. Cheers, Cory MLT, Inc. __ 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] help with IE6/PC issue
Thank you, thank you, thank you... It is so great to have such a resource. Problem solved. Cheers, Cory -Original Message- From: Jim Nannery [mailto:[EMAIL PROTECTED] Sent: Wednesday, May 16, 2007 4:56 PM To: Cory Shubert; css-d@lists.css-discuss.org Subject: Re: [css-d] help with IE6/PC issue Afternoon Cory You wrote Hi list members. I am looking for some direction on what to look into that is causing my issue with this website; http://www.pixelagogo.com/dev/cf/index.html The code validates both CSS and XHTML and views perfect on PC- Firefox and Opera as well as Mac-Safari,Firefox and Opera... but in the PC and IE6 it weirds out. The issue is with the nav on the left side orange box. In IE6 it is squished and the background graphic behind the list items doesn't show. It must be something simple, but I am not sure where to start. Thanks all for the help, Cory Remove the xml prologue (?xml version=1.0?) preceding the xml doctype and IE 6 will behave The prologue is causing IE 6 to switch to Quirks Mode [1]. hth [1] http://en.wikipedia.org/wiki/Quirks_mode Jim Nannery www.sylvesterneal.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] help with IE6/PC issue
Hi list members. I am looking for some direction on what to look into that is causing my issue with this website; http://www.pixelagogo.com/dev/cf/index.html The code validates both CSS and XHTML and views perfect on PC- Firefox and Opera as well as Mac-Safari,Firefox and Opera... but in the PC and IE6 it weirds out. The issue is with the nav on the left side orange box. In IE6 it is squished and the background graphic behind the list items doesn't show. It must be something simple, but I am not sure where to start. Thanks all for the help, Cory __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS buttons and Form data
I am a new member to the forum, so Hi from the sunny state of Minnesota... I have an issue that I can't find any help for on the web, so I am trying to see if you can help me. I have designed CSS buttons that will scale in size and have background images in them. They are comprised of three divs: div class=button2 div class=button2_R div class=button2_L pa href=laquo; Back/a/p /div /div /div The button divs hold a graphic on each end to complete the rounded corner button with gradation that everyone seems to like. Anyway, my Java developers don't like them, and say that it makes it a problem for them to pass form data since they aren't regular form buttons or simple graphic buttons. Even though the W3C recommends this, CSs buttons that is, no where that I can find does anyone talk about CSS buttons and passing of form data and how to do it or if it is an issue. Do you have any idea on this or have read anywhere how to solve this? Thanks again all, Cory __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
