HTML - I'm Looking For Some Slide-out Type Of Menus?

I want to have multiple banners appear every couple seconds like a slide show. Here is my website. (http://www.dubcityfilms.com) The banner is the one with the cars on it. I want to have 5 or so different ones that randomly switch. Can someone help me with this?


Thanks.

Well, im using a cool slider to make the page slide to the designated anchor-name.

In this case I want the page to slide down to the contact info, when the contact button is clicked at the top.

Problem is, that that button is located inside the header.php file... and the browser reacts strange whenever its pressed.

HTML Code:

<div class="g-contact"><a href="#aanpak" rel="" id="anchor1" class="anchorLink" title="Contact">Contact</a></div>

when clicked it should slide smoothly down to:

HTML Code:

<a name="aanpak" id="anchor1"></a>

Please have a look at the situation here. Thanks.

I think I kinda know how the coding is thinking... but I wouldnt have the slightest clue how to make it act like I want it to.
Help much appreciated, cheers.

Hi all,

I would like to display the left 2/3rds of an image, and then immediately pan to the right to switch the view to the right hand side 2/3rds of that image. How can I do this? I've tried the marquee keyword, but that starts with a blank space then slides in the whole image. I want to start with the left 2/3rds then pan to the right 2/3rds then stop.

See here for an example:
http://www.pinecrestmaine.com/gorham.htm

Any ideas how this is done?

Thanks,
Sandi

I have a CD that has a slide show of a fashion show. How can I add this slide show to my web site so that by just clicking on a designated word the slide show will begin?

Much appreciated,

Jaymom

Hi there, you might remember me from this thread. (which was resolved by Mandarin, thanks you!)

Now Im back with another, kind of the same thing:

"Click -> Locate page -> & then slide down?"

Allow me to explain:
So ive got this header.php right. And the header file is included at every page.

All the links in the header.. link to 1 file. (diensten.php)
BUT, each link links to different areas within that file...

So what I would like to achieve is that when a link in the header is clicked, it slides down to the correct page-area.

Porblem is.... after clicked, is doesnt even go the right page.
I think the smooth slider jquery-plugin is interfering someway.

I already laid down the groundwork inside the header.
Please have a look here.

Would my wish be possible? Or should I just lay it to rest?

Thanks.

I have a tabbed content box using jQuery, but I want to show HTML upon loading that is not one of the actual tabs. Here is my code so far.

Code:

  <div id="tabs_container">
  <ul id="tabs">
      <li><a class="imgrep exceed" href="#tab1">tab1</a></li>
      <li><a class="imgrep fun" href="#tab2">tab2</a></li>
      <li><a class="imgrep envelope" href="#tab3">tab3</a></li>
      <li><a class="imgrep love" href="#tab4">tab4</a></li>
      <li><a class="imgrep ceo" href="#tab5">tab5</a></li>
      <li><a class="imgrep embrace" href="#tab6">tab6</a></li>
      <li><a class="imgrep shoes" href="#tab7">tab7</a></li>
      <li><a class="imgrep celebrate" href="#tab8">tab8</a></li>
  </ul>
  </div>

  <div id="tabs_content_container">

<!-- code I want to show as the default slide -->

  <div class="tab_content" style="display: block;">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #00a7d1;">Our Recipes for Success</span></p>
     <p class="inside_p">Whether it's a simple assignment or basic interaction with one of the members, our goal is not to just be good, but be better than great.</p>
  </div>
  </div>
<!-- end default code -->

<!-- Tab 1 -->
  <div id="tab1" class="tab_content">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #00a7d1;">Exceed Expectations everyday.</span></p>
     <p class="inside_p">Whether it's a simple assignment or basic interaction with one of the members, our goal is not to just be good, but be better than great.</p>

  <ul id="ingredients">
      <li>ingredients:</li>
      <li>2 determination</li>
      <li>1 positive attitude</li>
      <li>2 self-motivation</li>
      <div id="logo-blue"></div>
  </ul>
  </div>
  </div>

<!-- Tab 2 -->
  <div id="tab2" class="tab_content">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #d18c02;">Have fun.</span></p>
     <p class="inside_p">We get to do the unthinkable - work and have a good time. We share that philosophy through. Fun is what makes it so invaluable.</p>

  <ul id="ingredients">
      <li>ingredients:</li>
      <li>1 passion</li>
      <li>3 positive attitude</li>
      <li>1 goofyness</li>
  </ul>
  </div>
  </div>
... more tabs...

Hi,

I'm building a web site for someone. At the top of the page is the logo and some flowing lines going from left to right on screen.

If you look he http://www.chrisvanochten.com/clients/voicecontrol/ and start resizing your browser window then you would see the content at the bottom moves along so that it is always in the center.

The problem I have is that the image on the top will not do this. This is because it's a background image. I want the image to be positioned so that the logo is above the latest news section. I have tried using a normal image and aligning it to the center (scroll down on the page above for this) but the image is always anchored to the left of the screen if the image is larger than the browser window.

Is there anyway to set the background image so that it is anchored in position and that it will run off both the left and right hand side of the screen (as opposed to just the right hand side)?

Hi,
I like to show picture like a slide show like below link
http://www.giftedpenguin.co.uk/

PLease tell me how to do that,do i need to do j-script or something?
thanks

This slide show, which I like the functions of, show the size of the show by the side of the photo.

Is there a way, other than changing all pictures to about the same size that I can keep the slide show uniform?

show at link below

TIA

http://www.nomagicneon.com/customerphotos.html

Hello,
I am in the very early stages of redesigning our home page. The drop down menus at the top of the page fall behind our rotating (slideshow) images.

http://jaxpubliclibrary.org/new-home3.html

Z-index does not work to correct this problem.

I'd appreciate any help you can give me. Thank you. Linda

hi all im after advice on the best way to create a vertical slide show that only changes on a page refresh

the images will be shown with a negative film as a frame that is repeated vertically



then i will use php code to show a random image inside the frame

so, which will be best using the frame as a repeated background image then having a div with the image overlapping this or manually displaying a large image that i have repeated in photoshop.

Hi there,

Im ( the friend who tested it on her pc ) having trouble with a function, would appreciate any help with this since on my PC all works flawlessly. Even on the browser on she has (Chrome)..

OK SCRAP THE ABOVE

I just updated my Chrome version.. (seems I need to check the browser version in order to make it update) to the same she has: 12.0.742.112

Annnd.. what do you know. Im having the same issue with my site now.
So, chrome 10 -> no problems at all. I update... and, the terror starts.

Please, have a look at this website here.

The backgrounds may take a while to load.. thanks for your patience.

It seems that the page, that needs to slide in from the right.
Is having a z-index issue? But their z-index is the highest, so it cant be that.

Please have a look at the IE's and FF's for how it should react.

I appreciate any input, suggestions or help given!

I am trying to add a popup menu to a button on my header that will have two options. I added a hotspot to the button image in Fireworks and made the menu etc, but when I place it in my html page nothing happens. Below is the line of code that displays my button.

<a onmouseover="image2.src ='images/Header/OurServices_On.png';" onmouseout="image2.src='images/Header/OurServices_Off.png';" href="OurServicesIndivid.htm" target="_top"><img src="images/Header/OurServices_Off.png" name="image2" width="129" height="22" border="0"></a></TD>

PS The button image is 'OurServices_On' or "OurServices_Off", basically the "On" button is shaded darker and it will apear when you hover over it.

On a secondary note, I tried to add a popup menu with the dreamworks hotspot tool. I can add the hotspot fine, but everytime I hit "Ok" on the add-popupmenu dialog box, I get a error that states the following. Anyone know the answer to either of these problems?

I'm trying to incorporate drop down menus into a template to clean things up a bit but I can't figure out how. Here's the code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Bayside Baptist Church</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<style type="text/css">
<!--
.style1 {font-weight: bold}
.style2 {
color: #94A652;
font-size: 19px;
}
.style5 {font-size: 18px; color: #94A652; }
.style6 {
font-size: 11px
}
-->
</style>
</head>

<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1>Bayside Baptist Church</h1>
</div>


<div id="nav">
<div id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Ministries</a></li>
<li><a href="index.html">Calendar</a></li>
<li><a href="index.html">Connect</a></li>
<li><a href="index.html">FAQ</a></li>
<li><a href="index.html">Pictures</a></li>
<li><a href="index.html">Contact</a></li>

</div>

</div>

</div>
<div id="headline">
<div id="photo"><div>
<img src="images/pic_1.jpg" width="618" height="254" alt="Pic 1">
</div></div>
<div id="search-news">
<h2 class="downcast">Sermons</h2>
<div id="news-box">
<p class="style1"> 01.11.09</p>
<p><strong>01.04.09</strong></p>
<p><strong>12.28.08</strong></p>
</div>

<h2 class="downcast">News &amp; Events</h2>
<div id="news-box">
<h3><a href="#">12.21.08</a></h3>
<p> Join us at the <strong>Christmas Program</strong> for a time filled with music...</p>
<p class="more"><a href="#">more</a></p>
<h3><a href="#">12.24.08</a></h3>
<p>Come to the <strong>Christmas Eve Candlelight Service</strong> to celebrate...</p>
<p class="more"><a href="#">more</a></p>
</div>
</div>
<div class="clear"></div>
</div>
<div id="body">
<div id="body-left">
<h2 class="style2">Welcome to Bayside</h2>
<p class="style6">Our purpose at Bayside is to help people of all ages experience the fullness of life that God has made available through a personal relationship with Jesus Christ.* Simply put, we gather in faith, serve in love, and proclaim hope as we love God and love people.* We hope you will join us; we look forward to getting to know you.</p>

<p class="more">&nbsp;</p>
<h2 class="style5">Services</h2>
<img src="images/welcome.gif" alt="" width="150" height="114" class="left" />
<p class="style6">Our <strong>9:15 service</strong> combines contemporary worship music and traditional hymns with a relevant message from Scripture that has real life-changing application to provide a complete worship experience.* We would enjoy having you join us on a regular basis as we seek to encourage one another to live out the truths of the Bible in our daily lives.**</p>
<ul class="plussbullets">
<li><a href="#">Kids Corner</a></li>
<li><a href="#">Teen Studies</a></li>
<li><a href="#">Christian Education Hour</a></li>
</ul>
</div>
<div id="body-right">
<h2 class="style5">Sermon Series</h2>
<p><img src="images/3129504889_fcc5646ba4.jpg" alt="" width="321" height="56" /><span class="style6">Our purpose at Bayside is to help people of all ages experience the fullness of life that God has made available through a personal relationship with Jesus Christ.* Simply put, we gather in faith, serve in love, and proclaim hope as we love God and love people.* We hope you will join us; we look forward to getting to know you.</span></p>
<p>&nbsp;</p>
<p class="more">&nbsp;</p>
<h2 class="style5">Pictures</h2>
<div id="gallery">
<a href="#"><img src="images/gal_1.jpg" width="101" height="96" alt="Gal 1"></a>
<a href="#"><img src="images/gal_2.jpg" width="114" height="96" alt="Gal 2"></a>
<a href="#"><img src="images/gal_3.jpg" width="112" height="96" alt="Gal 3"></a> </div>
</div>
<div class="clear">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
</div>
<div id="footer">
<p>Bayside Baptist Church - 3915 N 16th Street - Superior, Wisconsin 54880 - 715.394.6002</p>
</div>
</body>
</html>


And here's a live sample:

http://www.baysidesuperior.org/Bayside

I'm using Dreamweaver cs3, looked at some tutorials but can't figure it out. What would you guys suggest?

Hello,

I have started working for a company, and with little experiance i am gradually tecaching myself how to HTML in ordwer to update our website.

I've got to the point where i need some help. So please if you could help me in the most basic language that would be great.

How can i create a drop down menu or navagation bar. vertically

The website in question is www.hyspeedbroadband.com

I would also like it to stay in the same style as it already is.

As a little side question also. I changed the navagation bars position, now when you click on different pages the navagation bar does not underline which page you are on. If I could have some assisstance on how that can be corrected that would be great to.

Thank you for any help and replys