Sliding background problems

Hi,
I came across this really beautiful website...
http://www.isseymiyake.co.jp/
On the menu page the background images slide up as you hover
over the links going downwards (I understand how to get this done
on my own) but as you hover over the links going back up, the
background images slide downwards in the opposite direction (this I
have no idea how to do). Please take a look at the site if you
don't understand what I'm talking about.
I want to create this kind of background animation but i have
figured out only the half of it. Is it possible to have the
timeline animate backwards for this kind of animation? or should
this be done with actionscript?
Any help would be great. Thanks in advance.
Jimmy

Try these tutorials:
http://www.flash-creations.com/notes/dynamic_slidingviewer.php
http://www.kirupa.com/developer/mx/infinite.htm

Similar Messages

Sliding background banner in fluid grid layout

Hello all...
Hope someone can help me. Kind of new to programming and dream weavers fluid grids. But I've started working on a website and encounted a problem.
How do you implement a sliding background banner in the fluid grid design?
PS: My design looks like this and I plan to use a javascript slider for the banner (don't mind the danish language) :

the logo, menu, headlines and slider navigation is placed on top of the slider.
This is going to fail for several reasons.
#1 FGLayouts resize as do the foreground images inside them. However, menus & headlines don't resize. They stay the same size regardless of viewport unless you invoke your own special CSS media queries to change them.
#2 Background images don't re-size to layout.
#3 To have a slider appear behind your logo, menu and headines, you'll need to layer elements with absolute positioning. And as we all know from multiple discussions on this forum, absolute positioning doesn't work well in Responsive layouts because eventually everything becomes a jumbled mess.
The best advice, keep your slider separate from your site menu and headlines. You'll have fewer problems that way.
Nancy O.

Sliding background image to navbar

I've seen a few sites that implement a sliding background
image in horizontal menus, that "catches" up to the cursor as you
move left or right across the menu, then hovers behind the cursor
when it's static.
Anyone give me a clue as to how this is implemented or point
me at a tutorial ?
cheers

Try these tutorials:
http://www.flash-creations.com/notes/dynamic_slidingviewer.php
http://www.kirupa.com/developer/mx/infinite.htm

Simple button background problem

Good day,
I'm new to flex and MXML. I've gone through the initial difficulties of getting familiar with the IDE and programming language. Now that this is done, I'm really starting to enjoy it.
I'm currently facing what is probably a basic problem. I've created an MXML Button component. When I instanciate it somewhere in another component, it comes up with a weird square background under my button, like this :
My button is a single line component, like this :
<s:Button label="Measure" skinClass="skins.MeasureDistanceSkin" width="70" height="25" click="OnClick(event);" creationComplete="Init(event);" />
My button instanciation line looks like this :
<MeasureButton map="{map}" left="110" top="42" width="80" height="33" id="MyButton" />
Can anyone give me a hand with this?
Thanks,
Bruno

You couldn't have made trillions of buttons that work using that code in AS3. It would have to be something more like the following to work in AS3...
stop();
btn_page2.addEventListener(MouseEvent.CLICK, gotoPage2);
function gotoPage2(e:MouseEvent):void {
gotoAndPlay(99);
Switched places in the btn_page2 line and changed Void (AS2) to void (AS3)

Dynamic SELECT conditions in background - problem

Hello,
I faced a strange problem. I have function module which uses dynamic conditions in SELECT statement. Everything works fine in foreground processing, but in background the function gives no values. You can find a piece of code below. It's a bit long but as mentioned - works fine in foreground, so seems to be non-coding error...   I'd be thankful for any ideas...
data: itwa_where_cond(72) occurs 20 with header line,
       wa_where_cond(72) type c,
clear: itwa_where_cond[], itwa_where_cond.
move 'BZOBJ = ''0''' to wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND KADKY >= ''' l_date_start '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND KADKY <= ''' l_date_end '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND MATNR = ''' wa_matwrk-matnr '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND WERKS = ''' wa_matwrk-werks '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate 'AND KOKRS = ''' pi_kokrs '''' into wa_where_cond.
append wa_where_cond to itwa_where_cond.
if not pi_freig is initial.
    clear wa_where_cond.
    concatenate 'AND FREIG =''' pi_freig '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_tvers is initial.
    clear wa_where_cond.
    concatenate 'AND TVERS = ''' pi_tvers '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_klvar is initial.
    clear wa_where_cond.
    concatenate 'AND KLVAR = ''' pi_klvar '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_feh_sta is initial.
    clear wa_where_cond.
    concatenate 'AND FEH_STA = ''' pi_feh_sta '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_kkzma is initial.
    clear wa_where_cond.
    concatenate ' AND KKZMA = ''' pi_kkzma '''' into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
SELECT * FROM KEKO into corresponding fields of table it_keko
                                         WHERE (itwa_where_cond).
Regards,
Grzegorz

hI,
TAKE THIS CODE... HOPE IT WORKS FOR YOU....
clear: itwa_where_cond[], itwa_where_cond.
move `BZOBJ = '0'` to wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND KADKY >= '` l_date_start `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND KADKY <= '` l_date_end `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND MATNR = '` wa_matwrk-matnr `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND WERKS = '` wa_matwrk-werks `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
clear wa_where_cond.
concatenate `AND KOKRS = '` pi_kokrs `'` into wa_where_cond.
append wa_where_cond to itwa_where_cond.
if not pi_freig is initial.
    clear wa_where_cond.
    concatenate `AND FREIG = '` pi_freig `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_tvers is initial.
    clear wa_where_cond.
    concatenate `AND TVERS = '` pi_tvers `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_klvar is initial.
    clear wa_where_cond.
    concatenate `AND KLVAR = '` pi_klvar `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_feh_sta is initial.
    clear wa_where_cond.
    concatenate `AND FEH_STA = '` pi_feh_sta `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
if not pi_kkzma is initial.
    clear wa_where_cond.
    concatenate `AND KKZMA = '` pi_kkzma `'` into wa_where_cond.
    append wa_where_cond to itwa_where_cond.
endif.
SELECT * FROM KEKO into corresponding fields of table it_keko
                                         WHERE (itwa_where_cond).
REGARDS
SIDDARTH

Spry vertical menu background problem in IE

The background of the <li> items show as white on the spry menu items here. http://www.steveelson.com/index.html. Menu items are .pngs, but I've used the iepngfix.htc fix, but still have the problem in IE 8 and 9. So I assume it's a css problem, but can't figure it out.

Save a copy of the css file as you have altered it, but under a new name. You might want to save a copy of your menu, too, so you'll have something to refer to. Then delete your menu widget and re-insert it.
You will most likely be very surprised at how easy it is to style it up (referring from time to time to your saved, former stylesheet).
If your page works without your menu, you should be successful inserting your menu to it.
Beth

Spry horizontal menu: submenu background problem in IE7

Hello,
I am using the Spry horizontal menu in this website: http://www.isis-papyrus.com
It works perfectly on all current version browsers, but in IE7 the white submenu background only shows behind the actual text for each link and not to the border of the submenu box.
I modified the css to allow for dynamic sizing for each submenu (see below).
Any suggestions would be greatly appreciated.
Best, Oliver
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
cursor: default;
width: auto;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: auto;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 100%;
clear:left;
    float: none;
background-color: transparent;
    color: #fff;
white-space: nowrap;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: 100%;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #339999;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #fff;
padding: 0.4em 0.8em;
color: #339999;
text-decoration: none;
white-space: nowrap;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #fff;
color: #339999;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #339999;
color: #fff;
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Thank you so much for your quick answer Beth!
You solved half my problem!
I added the bg-color to the li and ul styles of the submenus (css below) and now the white background shows correctly in IE7.
The only thing I still would like to resolve: The hover style for the menu items (inverse bg and text colors) only works for the actual text of the link and not for the entire width of the submenu box.
Any suggestions?
Thank you again.
Best, Oliver
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
cursor: default;
width: auto;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: auto;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 100%;
clear:left;
    float: none;
background-color: #fff;
     color: #fff;
white-space: nowrap;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: 100%;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #339999;
background-color: #FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #fff;
padding: 0.4em 0.8em;
color: #339999;
text-decoration: none;
white-space: nowrap;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #fff;
color: #339999;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #339999;
color: #fff;
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Gradient Background problems

I have Enterprise version 8.1 installed on my machine and I am using it to reverse engineer some Java code. I would like to generate a few graphics in eps format, and I am having serious problems with the size when I export them as svg and translate them to eps. So, I want to turn off some of the background gradients, etc.
When I go to the UML Advanced options and enter the "Set Glocal Colors and Fonts" I can change the "packagelightgradientfill" and "BackgroundColor" to white from the lime green color (for example on a deployment diagram. If i click on OK or apply, I get a message asking if I want to change the other items. After about 10 second, the colors revert back to their normal green values. Is this something wrong with my installation?

Your installation is fine, the capability to change gradient background was not implemented in 8.1. If you try the UML module in NB6.0 (currently in Milestone 9) you will be able to simply turn on/off gradient for all elements, Advanced options -> UML -> Diagrams -> Gradient Background. The gradient start / stop color is still not customizable.

Menu Background Problem

I'm using a Quicktime video as the Background to my iDVD menu. It looks great in the Preview, but when I burn to the disk, it results in a badly digitized image.
What's the problem? The Quicktime file is 720x480 so it shoud be full TV resolution.
How do I ensure a 1:1 quality ratio from the preview to the finished disk?
My Encoder is set for "Best Quality" but it doesn't seem to make any difference.

I'm using a Quicktime video as the Background to
my
iDVD menu. It looks great in the Preview, but when
I
burn to the disk, it results in a badly digitized
image.
What's the problem? The Quicktime file is 720x480
so
it shoud be full TV resolution.
... but on the TV set, the image has been mpg-2
compressed and mpg-2 compression is NOT lossless!!!
What CODEC did you use when you made the Quicktime
background movie?
How do I ensure a 1:1 quality ratio from the
preview
to the finished disk?
You can't because of mpg-2 compression.
My Encoder is set for "Best Quality" but it
doesn't
seem to make any difference.
Actually, despite the names Apple has given the two
compression modes, for content under 60 minutes on a
single-layer disc, 'BEST PERFORMANCE' gives better
quality than the so called 'Best Quality' mode. Only
use 'Best Quality' when the length of your content
requires it.
F Shippey
I appreciate the response; I'm new to this whole thing. I'm not sure what the CODEC is, but I know when I watch the DVD, on TV or on a computer, the image is badly digitized.
How can I create a broadcast quality menu with iDVD? It works fine with a still image, but everytime I throw a clip in there, it's horrible. This is especially frustrating because the iDVD sample menus have movie clips in the background that look great before and after burning.

Desktop background problems: 27" iMac/Mission Control

I've just installed a 27" iMac running 10.8 with 16 GB RAM. I use 4 desktops at a time with different backgrounds in each. When changing between e.g. desktops 2 and 3, via CTRL-right-arrow, Mission Control annoyingly flashes the desktop 1 background before replacing it with the desktop 3 background.
I have replicated the problem on the other 27" iMac's I have access to, and with a variety of desktop backgrounds (e.g. only the Apple provided ones)
and with various amounts of RAM (8 GB to 16GB). It is a consistent problem on all 27" iMac's running 10.8 as far as I can see.
Mission Control handled multiple desktop backgrounds flawlessly under my previous set up (iMac 21"/10.7).
Does anyone know how to fix this behavior?

I've just installed a 27" iMac running 10.8 with 16 GB RAM. I use 4 desktops at a time with different backgrounds in each. When changing between e.g. desktops 2 and 3, via CTRL-right-arrow, Mission Control annoyingly flashes the desktop 1 background before replacing it with the desktop 3 background.
I have replicated the problem on the other 27" iMac's I have access to, and with a variety of desktop backgrounds (e.g. only the Apple provided ones)
and with various amounts of RAM (8 GB to 16GB). It is a consistent problem on all 27" iMac's running 10.8 as far as I can see.
Mission Control handled multiple desktop backgrounds flawlessly under my previous set up (iMac 21"/10.7).
Does anyone know how to fix this behavior?

Sliding Panels Problem: Content panels with different width?

I'm trying to create the exact same behaviour as this Argentinian Photographer have done:
http://germansaezphoto.com/music/radiohead/
I've read and used the files in your tutorial: http://www.adobe.com/devnet/dreamweaver/articles/sliding_panel.html
and searched the forum but couldn't find an answer.
I'm almost there. The problem is that I have 6 test photos that are of the same height (and the same height as the slidingpanel view port) but different in width. If I set the class .SlidingPanelsContent to the same width as the largest picture(i.e. panel) then it creates a white space until the next pic starts. And If I set the width to the same as the smallest picture then it crops the other ones.
Here is the div in the index file:
<div class="SlidingPanels" id="panelwidget">
<div class="SlidingPanelsContentGroup">
    <div class="SlidingPanelsContent" <img src="images/panel-2.jpg" width="645" height="430" /></div>
    <div class="SlidingPanelsContent" <img src="images/panel-1.jpg" width="594" height="430" /></div>
<div class="SlidingPanelsContent" <img src="images/panel-3.jpg" width="645" height="430" /></div>
<div class="SlidingPanelsContent" <img src="images/panel-4.jpg" width="645" height="430" /></div>
<div class="SlidingPanelsContent" <img src="images/panel-5.jpg" width="645" height="430" /></div>
<div class="SlidingPanelsContent" <img src="images/panel-6.jpg" width="594" height="430" /></div>
</div>
</div><br />
<a href="#" onclick="sp1.showFirstPanel();">First Panel</a> | <a
    href="#" onclick="sp1.showPreviousPanel();">Previous Panel</a> |
<a href="#" onclick="sp1.showNextPanel();">Next Panel</a> | <a href="#"
    onclick="sp1.showLastPanel();">Last Panel</a>
<script type="text/javascript">
var sp1 = new Spry.Widget.SlidingPanels("panelwidget");
</script>
And here is the classes in the css:
.SlidingPanels {
     position: relative;
     float: left;
     width: 1000px;
     height: 430px;
     padding: 0px;
     border: none;
.SlidingPanelsContentGroup {
     position: relative;
     float: left;
     width: 10000px;
     margin: 0px;
     padding: 0px;
     min-height:0;
     border: none;
.SlidingPanelsContent {
     width: 645px;
     height: 430px;
     float: left;
     overflow: hidden;
     margin: 0px;
     padding: 0px;
     border: none;
In the css file before the .SlidingPanelsContent class Adobe states that they in their default implementation has set the width to the same as the view port to ensure that only one panel at a time can be viewed within the view port. But I want the opposite.
How do I solve this?

It seems to me that if you have all different width images, you will want to remove the width from the content pane. That should allow the images to butt up next to each other without either extra white space (for smaller images) or cropping (of larger images). Saenz's photos are in divs with a class of .panelfoto that has the definition of float: left; width: auto;
I have not played around a lot with sliding panels, but it seems reasonable to me that that would work.
You have probably already read and digested this page: http://labs.adobe.com/technologies/spry/articles/sliding_panels/index.html
You know, if you really want something very close to what the example site looks like, look into his code and imitate it.
It does not appear that every move of the pane goes the same distance, and I'm not sure what controls that, but I see some of his images moving part-way, exposing part of the next, and so forth, instead of a complete image change each time. Using different width photos will do that partly, of course.
Beth

Tab menu background problem

I am using the spry tabbed menu and currently I have the
background image of the entire header section set to a repeating
image. I left the tabbed menu div background color and image blank
so that the header section will come thru. It works fine in IE 7
but in FF the tabbed menu adds a white background... here is the
link to the test page...
http://afm.geofoam.com/homepage.asp
Any suggestions?

Hi,
Try to add a fixed height for the header container. I added
for this css rule: .thrColFixHdr #header the height:105px and seems
to work also in FF.
Please let us know if this fixes your problem
Diana

Continued background problem

First, let me thank the two gentlemen who took time to look
at my previous post on this problem. As suggested, I renamed the
background jpg taking out the space which had previously resulted
in a 20% sign in the code. Dreamweaver automatically repointed the
pages to the renamed jpg. But ------- no luck. Same problem.
So, I decided to make another page with nothing on it but a
short text in color and a standard colored background instead of a
jpg image background. I was shocked to see that the page shows up
on the net as plain white with black text.
Here is the code for the trial page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">

</style></head>
<body>
<span class="style1">This is text.
</span>
</body>
</html>
Here is the url: www.lonestarfold.com - go to the shipping
button. That takes you to the new trial page.
Still puzzled in Texas. Any suggestions??

I get a 403 error when trying to access your website...
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Proud GAWDS Member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================
"arstart" <[email protected]> wrote in
message
news:eb4l7q$er4$[email protected]..
>
> First, let me thank the two gentlemen who took time to
look at my previous
> post on this problem. As suggested, I renamed the
background jpg taking
> out
> the space which had previously resulted in a 20% sign in
the code.
> Dreamweaver
> automatically repointed the pages to the renamed jpg.
But ------- no
> luck.
> Same problem.
>
> So, I decided to make another page with nothing on it
but a short text in
> color and a standard colored background instead of a jpg
image background.
> I
> was shocked to see that the page shows up on the net as
plain white with
> black
> text.
>
> Here is the code for the trial page:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>Untitled Document</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <style type="text/css">
> 
> </style></head>
>
> <body>
> <span class="style1">This is text.
> </span>
> </body>
> </html>
>
> Here is the url: www.lonestarfold.com - go to the
shipping button. That
> takes
> you to the new trial page.
>
> Still puzzled in Texas. Any suggestions??
>

Lightbox background problem

When I put a Lightbox Display Composition at the bottom of the page the background is black at the top of the picture (it appears to be putting the picture in the center of the browser) and once you scroll down to see the caption and the rest of the picture the background is no longer black. It only happens on Lightboxes toward the bottom of the page. See below of the examples.
First picture is when you click and open the lightbox.
Then scroll down you see this:
I put a black box because the Caption is white text. If you scroll up it looks like this:
If you don't scroll all the way down to the bottom of the page it works fine:
As soon as you scroll down past a certain point the Lightbox displays at the bottom and toward the bottom have the same problem with the black not filling the screen. How do I fix this?
By the way this seems to only be a problem in Chrome. Works fine in IE and Firefox.
June 19, 2013
This is still happening in Chrome.
Go to http://rheaknives.com/available.html
in Chrome. Click on the knife in the bottom right corner. Scorll down on the picture and it works fine. BUT if you scroll to the bottom of the page and then click the same picture and scroll down on the picture this happens.
Notice the bottom is not blacked out.

Anyone...help?

Spry Menubar-background problem

Hi,
I have tried to search for this problem, and though I have
found others with the same problem, there have been no answers
(probably so obvious I missed it and they figured it out.) And I
did update the Spry Menubar to the latest version.
The Spry Horizontal menubar works fine on Firefox, but on IE
7 the background is white as well as the submenus, not the intent.
The alignment and size is fine, just the designed background colors
don't work (on the menu itself, I want a transparent background, on
the submenus it is #777079.)
Website:
September
Entertainment Website
Style Sheet spry:
Spry
CSS
Thank you in advance for any help you can give me.
Cheers,
Janell

Hi,
Just found the problem for anyone that is having the same
thing happen. It is the hack at the bottom of
"SpryMenuBarHorizontal.css":
BROWSER HACKS: the hacks below should not be changed unless
you are an expert
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the
slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: fff;
Where it says: "background:fff;" change it to whatever you
need, in my case, "background: transparent;"
Voila!!
Cheers,
Janell

Sliding background problems

Similar Messages

Maybe you are looking for