Flash menu reloads and therefore collapses
I have a site prototype at
http://www.olsonzaltman.com/prototype.
The menu is one I've customized using the coding brainwork of Ian
Kelleigh of www.freehandsource.com. Many thanks to him. My problem
is that shy of using frames, I can't get the menu to NOT reload
each time a link is clicked. The beauty of the menu is that it
stays open to aid in user-orientation. Is there a simply way around
this or does the solution involve major coding and a completely
flash-based site? Thanks. John
The elements on the page will reload on each page view, that
will restart the timeline of your flash menu. You can pass
variables back to the flash movie, but that is not an easy fix.
I'm not sure, but the folks at JumpEye may have a menu
component that could help. Check them out:
http://www.jumpeyecomponents.com/
2 easiest options:
Load content into iFrames.
(downside: not the best coding structure you could be using
and there is a good chance you could hurt their SEO)
Make menu files for each section. Load individual menus for
each section.
(downaide: pain the the ___ to update unless you use XML)
My vote would be to consider Javascript for this menu. There
are many accordion menu options that could be retooled and resemble
what you have here. It would also remove the iFrames, SEO and other
issues. I'm not a Flash snob, but there are compelling reasons not
to use it for menus.
cheers,
Ken
Similar Messages
-
Flash menu screen and related .swf "blank"?
Unable to always obtain Flash menu screen (and related .swf file). This is really odd! On some rare occassions it is possible to successfully create flash output but most times not. As the number of successes are rare, I can't analyse & determine what is going on (output to DVD & Blu-ray is fine but can't get flash)??
That sounds a little severe. Have you made any changes at all to your Mac - changed graphics cards or anything? Also, do you use a font management app like suitcase? If you do, have you turned off any of the fonts DVDSP uses as part of the system? I know it sounds odd, but this has caused all kinds of issues for people in the past and the only resolution was to turn on the system fonts again.
Have you run a hardware test (using the Apple hardware check disc that your mac came with)? I am no expert on any of this stuff, but check your graphics card... I had one with bad memory and many, many glitches started to appear which just got worse over time. Changed the graphics card and all was fine. -
Installed latest sec update and have flashing menu bar - cannot login
I also just installed the latest security update running 10.3.9 with a original 1ghz 17" powerbook.
Trying to boot afterwards I end up with a flashing menu bar and no disk icon on the desktop - obviously I can't login (set to single user)
Trying to repair permissions with a CD boot results in an "internal error" with the disk utility. Disk repair reports no problems. The program then cannot continue, and I have to hold the power button to get it to shut down.
Any ideas???
This is the LAST time I use the auto update!!!
17" powerbook 1ghz Mac OS X (10.3.9)
Mac OS X (10.4.2)Hey. I am having almost the exact same problem my menu bar is flashing and no HardDrive icon on the desktop!?
-
Loading Flash Menu in Background?
I've inherited a website with a huge (2.5MB) flash menu system and would like to know if there is an elegant way to load it in the background from maybe an intro page that redirects to the home page after a certain amount of time - or possible when the menu is done loading. Thanks in advance.
var mcl:MovieClipLoader=new MovieClipLoader();
var lo:Object={};
lo.onLoadInit=function(target){
// loading is complete. remove intro display
target.play();
mcl.addListener(lo);
this.createEmptyMovieClip("targetMC",this.getNextHighestDepth());
mcl.loadClip("yourmainswf.swf",targetMC); // put an empty keyframe at frame 1 of yourmainswf.swf and add a stop(); -
I don't want my flash menu to reload on every page
Hi everyone,
I have a website that I am working on where I have a menu
made in flash, the menu expands when you select a category item and
executes a hyperlink when you click on a particular item within the
category.
This hyperlink load a new page and reloads the flash menu
which causes the option pre-selected to get lost and you have to
select again the category item and item over an over again.
It is good to mention that I want to stay away from Frameset.
Is there a way to load a particular part of the site instead
of the while site, so my menu selection stays the same?
I read about <DIV ID=", BASE, REL and REV and they don't
seem to work for me. Is there a sample code that I can look at to
have better understanding of it?
Thank you in advance.A good way to make it so it does not reload on every page is
to make a IFrame and make the target link of the flash buttons go
to the Iframe ("
http://staggdesigns.com" ,
"_TARGETFRAME") that will work -
Next and Previous slide from Flash Menu
We are currently tasked with updating SAP training that was
created with OnDemand software. The current simulations have a
Javascript menu on each screen which provides various functions
including moving from current slide to next or previous slides.
When the existing movie is played and captured, we lose the
javascript menu functionality.
I have created a Flash Menu and have imported it to the newly
captured Captivate movie. All links on the menu work except Next
Slide and Previous slide.
The script I use for the button for the Next slide is as
follows:
this.next_btn.onRelease =function(){
this._parent._parent..nextFrame();
Also I have tried substituting for nextFrame "play" and for
the target path "_root" for the first "_parent."
The variables "rdcmndNextFrame" and "rdcmndPrevious" do not
work unless you are using a playback bar, which detracts from the
simulation.
Has anyone ever created this type of functionality? It seems
that it would be straight forward. It is most likely a target path
issue. The captivate movie is the container for the flash menu. To
access the captivate movie timeline and move to the next or
previous slide is what I really need.
Help!I resolved the issue by selecting to use a playback bar and
then in the Flash file setting the visibility of the playback bar
to "0". -
Right click context menu is not working in flash player 10 and above
In right click custom context menu i have create like "A" if i click "A" i have attached one movie clip in that movie clip right click, i have custom context menu like "Remove A" this is working fine in flash player 9 and below. But flash player 10 and above fisrt "A" is working fine but in that movieclip clip right click "Remove A" is not working Please guide me regarding this issue.
Thanks in Advance
Surendran SThe problem is that Google has an onmousedown attribute added to the links that modify a link if you click or right-click a result link to make the link point to a safe browsing check on the Google server.<br />
You can see that if you hover a link and you will notice that after you have (right) click a link the the URL changes to www.google.com/url?xxxxx.
You can use this bookmarklet to remove the onmousedown attributes.
<pre><nowiki>javascript:(function(){var e=document.querySelectorAll('*[id="search"] a[onmousedown]'),E,i;for(i=0;E=e[i];i++){E.removeAttribute('onmousedown')}})()</nowiki></pre> -
Horizontal Spry Menu and Header Collapse in Browser
If you look at this webpage in anything other than IE (specifically Safari), the header and spry menu are kind of collapsed into about a 600px frame, as opposed to the designated 800px area. Any thoughts on why this is happening? It looks fine in IE however... hmmm
Thanks
SeanDer nevermind. Answered my own question by opening my eyes.
Thanks
Sean -
Flash Menu, HTML content and Z-index
I have a flash menu that needs to overlap HTML content. I have already done this by using a negative margin on the HTML content and setting the flash menu to transparent.
The problem is all the HTML links that are 'underneath' the Flash menu do not function. I tried changing the Z-index but that did not work because then the menu goes behind the text. Are there any other solutions?
Thanks."robot88888888" <[email protected]> wrote...
> You may want to look at this:
>
http://meyerweb.com/eric/css/edge/menus/demo.html
>
> You may want to stay away from pure CSS menus until
there is better
> browser support. Or if you prefer to use the menus you
have, you
> should consider making the top-level links go to a page
which allows
> vistors to click on your other links. For example, if
you click the
> Calendar option, it should bring you to a page which has
links to the
> Jan., Feb., etc. pages.
>
> Right now neither of your drop-down menu structures work
in IE6 for
> Windows...which I would assume is your primary audience.
Well, there's always a way to make so-called "pure" CSS menus
a bit
cleaner :-)
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
Al Sparber
PVII
http://www.projectseven.com
"Designing with CSS is sometimes like barreling down a
crumbling
mountain road at 90 miles per hour secure in the knowledge
that repairs
are scheduled for next Tuesday". -
I have .swf files with closed captioning that are
incorporated into a flash mx menu. The closed captioning text does
not display (the bar displays) when played in the flash menu
(neither do the tool tips on the nav bar).
Any ideas/suggestions?You said...
quote:
The much bigger obstacle is that when I export a Captivate
project that incorporates full-motion recordings with static slides
displaying a text caption to Flash and then to .mov, I lose the
full-motion recordings: they are replaced with a blank white or
black screen (whatever the background color is set to be). The
audio is gone too. I don't know what is causing this, but I would
really appreciate any help you could lend me concerning this.
I don't have a solution -
maybe someone else here does - but would offer an
observation ...
Keeping in mind that I avoid monkeying with my own Captivate
projects in Flash because of the various inconsistencie, some of
which you have seen ... I am hopeful that the Captivate team does
something to address the handling of full-motion slides. We all
know that they are created as AVI clips which are then converted to
SWF as separate slides, so it seems logical to me that there must
be a way to offer the source, that is, the AVI or a FLA either of
which would then be handled separately inside Flash (for those who
like to do their tinkering in that environment).
In the meantime, you might try to change the timing of the
(errant) full-motion slide a bit. Like, perhaps add or subtract a
tenth of a second to it or otherwise change its properties so that
the import doesn't end up as a blank. Just thinking out loud in
trouble-shooting mode... come to think of it, when the project is
published to SWF/HTM, each full-motion slide is published as a
separate SWF file. Would it be possible to publish the project,
then try to bring that SWF back into Captivate as an animation?
It's late here and I'm getting into fuzzy-thinking time, so if that
doesn't make sense, it wouldn't surprise me. -
I loaded LR CC and it open flashes the welcome screen and then NOTHING. Uninstalled and reloaded and same thing happen. ! !
CC applications close immediately after launch
-
Flash cs3: how to make moving/scrolling photo menu left and right?
http://media.moma.org/subsites/2008/miro/flashsite/index.html
- click continue, then relative size link
How can I do this with lash cs3: how to make moving/scrolling
photo menu left and right?
When you move left and right and paintings move. and when you
click on a painting, you see the the title and it links to another
page on the site.scene_mc start at x = -550... x wide is 2164 px
now I have this and its working...
navL_mc.addEventListener(MouseEvent.MOUSE_OVER, navL_Over);
navL_mc.addEventListener(MouseEvent.MOUSE_OUT, navL_Out);
function navL_Over(e:MouseEvent){
if(scena_mc.x == 0){
scena_mc.x == 0;
else if(scena_mc.x <= -10){
scena_mc.x += 10;
navL_mc.addEventListener(Event.ENTER_FRAME, runL);
function runL(e:Event):void{
if(scena_mc.x == 0){
scena_mc.x == 0;
else if(scena_mc.x <= -10){
scena_mc.x += 10;
function navL_Out(e:MouseEvent){
navL_mc.removeEventListener(Event.ENTER_FRAME, runL);
navR_mc.addEventListener(MouseEvent.MOUSE_OVER, navR_Over);
navR_mc.addEventListener(MouseEvent.MOUSE_OUT, navR_Out);
function navR_Over(e:MouseEvent){
if(scena_mc.x == -1164){
scena_mc.x == -1164;
else if(scena_mc.x >= -1154){
scena_mc.x -= 10;
navR_mc.addEventListener(Event.ENTER_FRAME, runR);
function runR(e:Event):void{
if(scena_mc.x == -1164){
scena_mc.x == -1164;
else if(scena_mc.x >= -1154){
scena_mc.x -= 10;
function navR_Out(e:MouseEvent){
navR_mc.removeEventListener(Event.ENTER_FRAME, runR); -
Navigate to HTML anchor from flash menu
Hi,
I would like to navigate to an html anchor from a flash menu.
I use navigateToURL(“#anchorName”,
“_self”). It work fine in IE 7, Firefox 2 and 3 but in
safari the page reload. How can I prevent safari from reloading the
page ?
Thank you !I have solved the problem by using the externalInterface and
a javascript function with window.location.hash. -
A mic doesn't work. Adobe Flash Player camera and microphone exceptions are different. Please, help!
Hello!
The trouble began in Google Hangouts on Air. When I'm in conference room I read that my mic doesn't work. I checked settings, chose "default" one time and my microphone name another time. Both variants don't help. On the right end of an address bar I read this message: "this page has been blocked from accessing your camera and microphone". I clicked it, chose "Allow", after reloading the problem returns. Then I went to Chrome exceptions and allowed my mic on the site.
In Chrome exceptions menu I read this: "Adobe Flash Player camera and microphone exceptions are different". Though I chose "Allow" in Chrome I can't do it Fllash Player. I did all the instructions which are given to solve audio problems, but it didn’t help. I also wanted to allow excess for my mic on “Website Privacy Settings Panel”, but I can’t find https://plus.google.com in the list to allow (attach a screenshot). I’m out of ideas what else to do. Please, help!Hello!
The trouble began in Google Hangouts on Air. When I'm in conference room I read that my mic doesn't work. I checked settings, chose "default" one time and my microphone name another time. Both variants don't help. On the right end of an address bar I read this message: "this page has been blocked from accessing your camera and microphone". I clicked it, chose "Allow", after reloading the problem returns. Then I went to Chrome exceptions and allowed my mic on the site.
In Chrome exceptions menu I read this: "Adobe Flash Player camera and microphone exceptions are different". Though I chose "Allow" in Chrome I can't do it Fllash Player. I did all the instructions which are given to solve audio problems, but it didn’t help. I also wanted to allow excess for my mic on “Website Privacy Settings Panel”, but I can’t find https://plus.google.com in the list to allow (attach a screenshot). I’m out of ideas what else to do. Please, help! -
Make a logo over lap menu bar and slideshow
Hi!
I want to have the logo of my page overlapping the menu bar and the slideshow.
Below is a picture og how the site layout looks now and the code.
Can anyone please help me out.
Thanks in advice,
Simon
Code
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--[if lt IE 7 ]> <html class="ie6" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>#</title>
<meta name="description" content=" add description ... " />
<meta name="keywords" content=" add keywords ... " />
<!-- //////// Favicon //////// -->
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- //////// Css - stylesheets //////// -->
<link href="_layout/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="_layout/style-print.css" rel="stylesheet" type="text/css" media="print" />
<!-- //////// jQuery //////// -->
<script src="_layout/js/jquery-1.5.2.min.js" type="text/javascript"></script>
<!-- //////// DD_belatedPNG - png fix for IE6 //////// -->
<!--[if IE 6 ]>
<script src="_layout/js/pngfix/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
<![endif]-->
<!-- //////// Cufon - font Replacement //////// -->
<script src="_layout/js/cufon/cufon.js" type="text/javascript"></script>
<!-- //////// Tipsy - tooltips //////// -->
<script src="_layout/js/tipsy/jquery.tipsy.js" type="text/javascript"></script>
<link href="_layout/js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" />
<!-- //////// prettyPhoto - lightbox //////// -->
<script src="_layout/js/prettyphoto/jquery.prettyPhoto.js" type="text/javascript"></script>
<link href="_layout/js/prettyphoto/css.prettyPhoto.css" rel="stylesheet" type="text/css" />
<!-- //////// Validity - form validation //////// -->
<script src="_layout/js/validity/jquery.validity.js" type="text/javascript"></script>
<link href="_layout/js/validity/css.validity.css" rel="stylesheet" type="text/css" />
<!-- //////// Cycle - content slider //////// -->
<script src="_layout/js/cycle/jquery.cycle.all.min.js" type="text/javascript"></script>
<!-- //////// Tabify - create tabs //////// -->
<script src="_layout/js/tabify/jquery.tabify-1.4.js" type="text/javascript"></script>
<!-- //////// Accordion - create accordions //////// -->
<script src="_layout/js/accordion/jquery.accordion.js" type="text/javascript"></script>
<!-- //////// Custom Js //////// -->
<script src="_layout/js/scripts.js" type="text/javascript"></script>
<script src="_layout/js/plugins.js" type="text/javascript"></script>
<style type="text/css">
<!--
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: none;
color: #2eabeb;
a:active {
text-decoration: none;
-->
</style><noscript>
<link href="_layout/style-nojs.css" rel="stylesheet" type="text/css" />
<div class="nojs-warning"><strong>JavaScript seems to be Disabled!</strong> Some of the website features are unavailable unless JavaScript is enabled.</div>
</noscript>
<div id="wrap">
<div id="header">
<div class="img"><a href="#"><img src="_layout/images/Logo.png" /></a> </div>
<ul id="menu">
<li><a href="#" class="drop"></a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3>Some Links</h3>
<ul>
<li><a href="#">ThemeForest</a></li>
<li><a href="#">GraphicRiver</a></li>
<li><a href="#">ActiveDen</a></li>
<li><a href="#">VideoHive</a></li>
<li><a href="#">3DOcean</a></li>
</ul>
</div>
<div class="col_1">
<h3>Useful Links</h3>
<ul>
<li><a href="#">NetTuts</a></li>
<li><a href="#">VectorTuts</a></li>
<li><a href="#">PsdTuts</a></li>
<li><a href="#">PhotoTuts</a></li>
<li><a href="#">ActiveTuts</a></li>
</ul>
</div>
<div class="col_1">
<h3>Other Stuff</h3>
<ul>
<li><a href="#">FreelanceSwitch</a></li>
<li><a href="#">Creattica</a></li>
<li><a href="#">WorkAwesome</a></li>
<li><a href="#">Mac Apps</a></li>
<li><a href="#">Web Apps</a></li>
</ul>
</div>
<div class="col_1">
<h3>Misc</h3>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">Illustration</a></li>
<li><a href="#">More...</a></li>
</ul>
</div>
</div>
<!-- End 4 columns container -->
</li>
<!-- End Home Item -->
<li><a href="#" class="drop">Projects</a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3>Some Links</h3>
<ul>
<li><a href="#">ThemeForest</a></li>
<li><a href="#">GraphicRiver</a></li>
<li><a href="#">ActiveDen</a></li>
<li><a href="#">VideoHive</a></li>
<li><a href="#">3DOcean</a></li>
</ul>
</div>
<div class="col_1">
<h3>Useful Links</h3>
<ul>
<li><a href="#">NetTuts</a></li>
<li><a href="#">VectorTuts</a></li>
<li><a href="#">PsdTuts</a></li>
<li><a href="#">PhotoTuts</a></li>
<li><a href="#">ActiveTuts</a></li>
</ul>
</div>
<div class="col_1">
<h3>Other Stuff</h3>
<ul>
<li><a href="#">FreelanceSwitch</a></li>
<li><a href="#">Creattica</a></li>
<li><a href="#">WorkAwesome</a></li>
<li><a href="#">Mac Apps</a></li>
<li><a href="#">Web Apps</a></li>
</ul>
</div>
<div class="col_1">
<h3>Misc</h3>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">Illustration</a></li>
<li><a href="#">More...</a></li>
</ul>
</div>
</div>
<!-- End 4 columns container -->
</li>
<!-- End 5 columns Item -->
<li><a href="#" class="drop"></a><!-- Begin 4 columns Item -->
<div class="dropdown_4columns"><!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"> </a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#">NetTuts</a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
</ul>
</div>
<div class="col_1">
</div>
</div><!-- End 4 columns container -->
</li><!-- End 4 columns Item -->
<li><a href="#" class="drop"></a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#">Area </a></li>
<li><a href="#"> </a></li>
<li><a href="#">l</a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#">Pt</a></li>
<li><a href="#">s</a></li>
<li><a href="#">t</a></li>
<li><a href="#"></a></li>
<li><a href="#">Sn</a></li>
<li><a href="#">s</a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<br />
<ul>
<li><a href="#">t</a></li>
<li><a href="#">Pn</a></li>
<li><a href="#">Sn</a></li>
<li><a href="#">s</a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#">Pt</a></li>
<li><a href="#">I</a></li>
<li><a href="#">st</a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
</div>
<!-- End 4 columns container -->
</li>
<li><a href="#" class="drop">Sales Support</a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#">i</a></li>
</ul>
</div>
<br />
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
</ul>
</div>
</div>
</li>
<li><a href="#" class="drop"></a>
<!-- Begin 4 columns Item -->
<div class="dropdown_4columns">
<!-- Begin 4 columns container -->
<div class="col_4">
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3></h3>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
</div>
<li class="menu_right"><a href="#" class="drop">Main</a>
<div class="dropdown_1column align_right">
<div class="col_1">
<ul class="simple">
<li><a href="#"><strong></strong></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</div>
</li>
</ul>
<div class="row slideshow-container no-print fixed">
<div id="slideshow-index">
<ul>
<li>
<div class="slidetext">
<h2>Proin porttitor<br /> pulvinar risus nec</h2>
<p>Sed interdum eleifend mollis. Proin quis lectus libero. Integer eu lectus erat, id aliquet risus.
Vivamus vitae mollis purus. Fusce id diam at purus sodales mollis. <a href="#">more</a></p>
</div>
<img src="images/slider/1.jpg" width="948" height="400" alt="" /> </li>
<!-- end slide 1 -->
<li>
<img src="images/slider/2.jpg" width="948" height="400" alt="" />
<div class="slidetext">
<h2>Curabitur<br /> sed sollicitudin orci.</h2>
<p>Nunc eu tellus sed felis vestibulum pulvinar sed ac enim. Quisque tincidunt urna id arcu egestas
a rhoncus purus molestie erat eget nunc varius. <a href="#">more</a></p>
</div>
</li><!-- end slide 2 -->
<li>
<img src="images/slider/3.jpg" width="948" height="400" alt="" />
<div class="slidetext">
<h2>Suspendisse vest<br /> pretium laoreet</h2>
<p>Aliquam erat volutpat. Maecenas tincidunt porta hendrerit. Sed quis tristique nulla. Fusce volutpat
lobortis tellus sed tincidunt consequat egestas a elementum dolor. <a href="#">more</a></p>
</div>
</li><!-- end slide 3 -->
<li>
<img src="images/slider/4.jpg" width="948" height="400" alt="" />
<div class="slidetext">
</div>
</li><!-- end slide 4 -->
</ul>
<div id="index-slideshow-pager"> </div>
</div><!-- end #slideshow -->
<!-- ////////////////HERTIL ER ALT RETT ///////////////////////////////////////////////////////////////////////////////////////// ////////////////// -->
<div id="content">
<table width="948px" height="40px" margin="margin: auto 6px auto 6px">
<tr>
<td><a href="#"></a></td>
<td><a href="#"></a></td>
<td><a href="#"></a></td>
</tr>
</table>
<br />
<div class="venstre" style="width: 530px; margin: auto 6px auto 40px;">
<h2>Heading</h2>
<p>
Text </p>
</div>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</div><!-- end #content -->
<!-- ///////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////// -->
</div><!-- end #header -->
</div><!-- end #wrap -->
<!-- KOPIER HERFRA ORGINALE FININI/////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////// -->
<div style="background: url(images/footer.png) no-repeat; position: bottom; margin: auto 6px 40px 6px; color: #ffffff;">
<div id="fot" style="width: 940px; float:center; text-align: left; margin-left: 40px; margin-right: 40px; padding-top: 25px; color: #ffffff;">
<table style="border: 0px;">
<tr style="border: 0px;">
<td width="146px" style="border: 0px;">
*table*
</table>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<!-- analytics code here -->
<!-- /TIL HIT////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////// -->
</body>
</html>
CSS:
/* =RESET
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym, address,
big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,d t,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:;border:0;outl ine:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-a lign:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{ border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:b efore,q:after{content:""}blockquote,q{quotes:""""}
/* =GENERAL
div.img
margin-left:6px;
z-index:200;
body, ul, li {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
text-align:left;
#menu {
list-style:none;
width:870px;
margin:0px auto 0px 44px;
height:40px;
padding:0px 20px 0px 20px;
z-index:100;
/* Background color and gradients */
background: #636363;
background: -moz-linear-gradient(top, #636363, #353535);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), to(#353535));
#menu li {
float:left;
display:block;
text-align:center;
position:relative;
padding: 4px 10px 4px 10px;
margin-right:5px;
margin-top:5px;
border:none;
z-index:100;
#menu li:hover {
border: 1px solid #777777;Thanks Nancy,
However, two new issues appeared when I added the float, both the text in the menu and the image slider is now too far left.
See image below.
Maybe you are looking for
-
I installed Firefox 4 and it flat out is not working. What should I do?
I installed FF4 and it does not work. I can see the search window and the firefox symbol, and I can type in entries, but when I press the enter key or hit the search arrow, there is no reaction or response. The screen remains as is.
-
Prevent assignment of personnel in maintenance order operation
Dear Gurus, Is it possible to block or give a error message when I try to assign in a maint order operation a person assigned in the workcenter who has been marked absent through SAP HR module. Suppose in HR module the person (personnel no.) has be
-
Hi All, How to Map the qualified fields in the qualified tables if the qualifier for that field is set to YES, because such fields are not reflected in the<b> import manager </b> for mapping only the fields whose qualifier is set to NO are visible.Th
-
After Dell uninstalled my Adobe Premiere Elements 9 I cannot reinstall it nor any other Adobe
I recently ran into a problem with my Adobe Photoshop Elements 9 and in the course of trying to reinstall a missing MSVCRT.dll file they uninstalled my Adobe Premiere Elements 9. Now I cannot reinstall it. I keep getting an unable to contact the Wind
-
tonight i have upgraded my Ipad2 to ios 6 by it's own wifi,after compete downloading and installation the wifi password is not accepted by ipad2,i have tested so many times and i entered password correctly.please help