How do I insert a spry bar?
Hi, I'm designing my 1st website and I started it in photoshop cs5.5. I imported my site into Dreamweaver cs5.5 and uploaded it to my server. The problem I'm having is that when I try to insert a drop down menu bar, I get gaps within my page. How do I fix this? *Help Please* The URL for my site is: http://www.coriemoment.com
and this is my coding:
<html xmlns="http://www.coriemoment.com"
<head>
<title>The Official Corie Moment Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="=container"
<body bgcolor="#FFFFFF" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" margin:0;>
<!-- Save for Web Slices (home.psd) -->
<table id="Table_01" width="1281" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6">
<img src="images/index_01.png" width="1280" height="220" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="220" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_02.png" alt="" width="414" height="548"></td>
<td rowspan="3">
<object width="564" height="423"><param name="movie" value="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3" type="application/x-shockwave-flash" width="564" height="423" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
<td colspan="3">
<img src="images/index_04.png" width="255" height="89" alt=""></td>
<td rowspan="4">
<img src="images/index_05.png" width="46" height="548" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="89" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/video_03-07.png" width="1" height="336" alt=""></td>
<td rowspan="3">
<img src="images/index_07.png" width="34" height="459" alt=""></td>
<td>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
/*put your twitter id that people use to reply to you below. Mine is mhorning. If you only want to see the Tweets that you have Tweeted, then delete the part below that says- OR to:coriemoment */
search: 'from:coriemoment OR to:coriemoment',
/*this is the duration in terms of seconds*/
interval: 30000,
/*this is the title you want on your tweets*/
title: 'Corie Tweets',
subject: 'Send us your comments',
/*setting width to 'auto' will adjust the width of your tweetbox to whatever is set on your div. You can change this to something like 500px if you want*/
width: 'auto',
height: 212,
theme: {
shell: {
/*this will change the background color of your tweetbox. It is currently yellow*/
background: 'body p, body img, body embed, body object, body video{opacity:1 !important}',
/*this will change the color of the text in your background*/
color: 'fac935'
tweets: {
/*this will change the background color behind your tweets. It is currently white*/
background: 'body p, body img, body embed, body object, body video{opacity:0.2 !important}',
/*this will change the color of the text in your tweets. It is currently black*/
color: '#000000',
/*this will change the color of anything that is hyperlinked in your tweet. It is currently blue*/
links: '#1985b5'
features: {
scrollbar: false,
loop: true,
live: true,
behavior: 'default'
}).render().start();
</script></td>
<td>
<img src="images/spacer.gif" width="1" height="302" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_09.png" width="220" height="157" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_10.png" width="566" height="123" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="123" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Please see here http://forums.adobe.com/thread/1166609.
Really annoying when there are multiple posts for one query
Similar Messages
-
How do I insert a nav bar I made in photoshop into dreamweaver?
I have spent days making a roll-over navigation bar in photoshop and saved for web with slices,
but however I try to insert it into my webpages, (either as a library item or otherwise - not that I really know what I'm doing!)
It is always a greyed out mess once pre-viewed in browser!?
Can anybody help??Copy & Paste this code into a new, blank document (in code view, of course). SaveAs test.html and preview in browsers. Now examine the CSS and HTML code in DW. The navigation element is not complex at all. And you can easily change links inside Dreamweaver without ever opening Photoshop.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>3-Equal height columns</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<style>
html {
font: 13px/22px Helvetica, Arial, sans-serif;
color: #333;
background: #577867;
body {
margin: 75px auto;
width: 1000px;
border: 0.5em outset #FFF;
background-color: #111;
/**rounded borders**/
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
/**box shadow**/
-moz-box-shadow: 5px 5px 25px #333;
-webkit-box-shadow: 5px 5px 25px #333;
box-shadow: 5px 5px 25px #333;
/**layout**/
header {
color: #FFF;
text-align: center;
/**top menu**/
nav {
width: 90%;
margin: 10px auto;
color: #CADFEB;
font-size: 18px;
font-weight: bold;
nav li {
list-style: none;
display: inline;
border: 1px solid #DDD;
nav li a {
text-decoration: none;
color: #FFF;
background: green;
padding: 0 4%;
/**change color on mouseover/click**/
nav li a:hover, nav li a:active, nav li a:focus { background: red }
/**content**/
section {
margin: 0;
display: table-row;
aside {
margin: 0;
display: table-cell;
width: 20%;
background-color: #CADFEB;
color: #325C74;
article {
margin: 0;
display: table-cell;
background-color: #FFF;
footer {
color: #FFF;
min-height: 45px;
/**text styles**/
h1, h2 {
font-size: 20px;
padding: 0 20px;
line-height: 24px;
h3, h4 {
font-size: 16px;
line-height: 18px;
padding: 0 20px;
h4 { color: #990000 }
p { padding: 0 20px; }
</style>
</head>
<body>
<header> <h1>3-Equal Height Columns</h1>
</header>
<nav>
<ul>
<li><a href="#">nav 1</a></li>
<li><a href="#">nav 2</a></li>
<li><a href="#">nav 3</a></li>
<li><a href="#">nav 4</a></li>
<li><a href="#">nav 5</a></li>
<li><a href="#">nav 6</a></li>
<li><a href="#">nav 7</a></li>
</ul>
</nav>
<section>
<aside> <h2>Left Aside </h2>
<p>Qui dolorem ipsum quia dolor sit amet, dicta sunt explicabo. Eaque ipsa quae ab illo inventore veritatis vel illum qui dolorem eum fugiat sed ut perspiciatis unde omnis. </p>
<h2>Heading 2 </h2>
<p>Qui dolorem ipsum quia dolor sit amet, dicta sunt explicabo. Eaque ipsa quae ab illo inventore veritatis vel illum qui dolorem eum fugiat sed ut perspiciatis unde omnis. </p>
</aside>
<article> <h2>Main Article</h2>
<p>Tested and works in Firefox, Chrome, Safari, Opera and modern IE browsers.</p>
<p>Duis aute irure dolor ut enim ad minim veniam, ullamco laboris nisi. Lorem ipsum dolor sit amet, ut labore et dolore magna aliqua. Sunt in culpa velit esse cillum dolore consectetur adipisicing elit.</p>
</article>
<aside> <h2>Right Aside</h2>
<p>Qui dolorem ipsum quia dolor sit amet, dicta sunt explicabo. Eaque ipsa quae ab illo inventore veritatis vel illum qui dolorem eum fugiat sed ut perspiciatis unde omnis. Consectetur, adipisci velit, nam libero tempore, iste natus error sit voluptatem. Et expedita distinctio. Qui in ea voluptate nisi ut aliquid ex ea commodi consequatur? Quo voluptas nulla pariatur? Aut odit aut fugit, nemo enim ipsam voluptatem cumque nihil impedit quo minus.</p>
</aside>
</section>
<footer> <p>Footer</p>
</footer>
</body>
</html> -
How to insert a space-bar in the Muse CC master slide page property metadata
I'm using the latest version of Muse CC and need to know how to insert a space-bar in the master slide page property metadata page title suffix area
I found it. If anyone else has this problem press the shift and \ at the same time on a standard windows keyboard.
-
How can I insert an existing ApDiv into a tab in the Spry Tabbed Panel?
I have 5 of them all containing nested Apdiv within nested ApDivs (a long storie ) that I would like to insert into 5 tabs in the Spry Tabbed Panel.
Please help."Hi Gramp,I realize I have made hard work for myself but I really don't know any better. I also realize now that taking on this project may have been a mistake :-)I taught myself how to use the design side of Dream Weaver. These five ApDivs were created in the content area of the spry tool and it worked fine. (yes a lot of work though)For the first time I looked at the code side. I wanted to try to bring a peace of code from another page for something unrelated and when it didn't work I took it out and without noticing, deleting a line from the Spry tool.Of course like a classic newbe I was working without a backup copy so here I am. Loosing hours of tedious work and on the verve of tears :-)I do have some questions though. My APDiv
What does "apDiv1" stands for and what does "My APDiv" stands for?Is the only thing I have to do is changing this line for my five ApDivs and paste it in the appropriate places in the code? Thanks again,Gilaad
Date: Sat, 16 Jun 2012 20:39:07 -0600
From: [email protected]
To: [email protected]
Subject: How can I insert an existing ApDiv into a tab in the Spry Tabbed Panel?
Re: How can I insert an existing ApDiv into a tab in the Spry Tabbed Panel?
created by Altruistic Gramps in Spry Framework for Ajax - View the full discussion
You have really made hard work for yourself by using APDiv's. I suppose it can be done, but I would not. To answer your question, I have create an example as per#apDiv1
My APDiv
Content 2
Tab 1
Gramps
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4498679#4498679
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4498679#4498679. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Spry Framework for Ajax by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746. -
How to access "Insert Bar" by keyboard in Dreamweaver CS5.5
Hi All,
Now I need to support Section 508 compliance, but I don't find how to access "Insert Bar" by keyboard.
For Examlpe: The focus be in "INSERT", but it doesn't move to other operations(red color) by keyboard.
Could you help me to resolve the problem or give any information?
Thanks,
DennisHy Dennis, here are some shortcuts for DW
Keyboard Commands
PC Shortcut
Mac Shortcut
Create a new document
Control+N
Command+N
Open an existing document
Control+O
Command+O
Save an open document
Control+S
Command+S
Close an open document
Control+W
Command+W
Close all open documents
Control+Shift+W
Command+Shift +W
Exit/Quit Dreamweaver
Control+Q or Alt+F4
Command+Q or Opt+F4
Undo
Control+Z or Alt+Backspace
Option+Delete
Redo
Control+Y or
Control +Shift+Z
Command+Y or Command+Shift+Z
Cut
Control+X or
Shift+Delete
Command+X or
Shift+Delete
Copy
Control+C
Command+C
Paste
Control+V
Command+V
Paste special
Control+Shift+V
Command+Shift+V
Select all
Control+A
Command+A
Find and replace
Control+F
Command+F
Open the Preferences panel
Control+U
Command+U
Show/hide rulers
Control+Alt+R
Command+Option+R
Show/hide guides
Control+;
Command+;
Show/hide visual aids
Control+Shift+I
Command+Shift+I
Show/hide grid
Control+Alt+G
Command+Option+G
Edit page properties
Control+J
Command+J
Refresh Design view
F5
F5
Make selected text bold
Control+B
Command+B
Make selected text italic
Control+I
Command+I
Apply paragraph formatting to selected text
Control+Shift+P
Command+Shift+P
Apply heading formatting (H1–H6) to selected text
Control+1 through 6
Command+1 through 6
Add new paragraph
Return
Return
Add a line break <BR>
Shift+Return
Shift+Return
Insert a nonbreaking space
Command+Shift+Spacebar
Command+Shift+Spacebar
Move object or text
Drag selection to new location
Drag selection to new location
Copy object or text
Control-drag selection to new location
Option-drag selection to new location
Select a word
Double-click
Double-click
Select a row or text block
Triple-click
Triple-click
Insert image
Control+Alt+I
Command+Option+I
Insert table
Control+Alt+T
Command+Option+T
Run a spell check
Shift+F7
Shift+F7
Open the Help window
F1
F1
Zoom in
Control+=
Command+=
Zoom out
Control+-
Command+-
Preview in primary browser
F12
Option+F12
Preview in secondary browser
Shift+F12 or Control+F12
Command+F12
Live View
Alt+F11
Option+F11
Freeze JavaScript
F11
F11
Inspect
Alt+Shift+F11
Option+Shift+F11
Code Navigator
Control+Alt+N
Command+Option+N
Get
Control+Shift+D
Command+Shift+D
Put
Control+Shift+U
Command+Shift+U
Check in
Control+Alt+Shift+U
Command+ Option+Shift+U
Check out
Control+Alt+Shift+D
Command+ Option+Shift+D
Hope it helps
brezplačna izdelava spletnih strani -
Please help me with spry bar menu
I have laid out my page with the div tags in Dreamweaver. I defined the different sections by putting colors in them until i am ready to put stuff into them however when i insert the spry menu bar into my navigation section, the area below it is behaving like a drop down box of color. What i mean is that the area below which is supposed to stretch from left to right as a single box is now broken up by a different color box the width of the spry bar and goes down to the next box. When i preview it in the browser the page appears normal. How can i get rid of the intruding box in dreamweaver.
HI
I am practicing for the webmaster design course pratical exam. The web page i will be asked to construct will consist of a home page with two or three other pages pages in the site it will have to link to. I know how to do most of the steps individualy but i do not know in what order some of them are done. What i mean is this. ... after setting up the root folder..images..laying out the divs .. i would like to know ... at what point do i do the various things like, set up a styles folder...make a template... make the other pages of the site ..etc. I think i am able to do nearly all of these things but not sure in what order they should be done so the site will work.
I have reached the point where i have established the site and layout, i.e. the wrapper, logo, navigation,header,bodycontent,right and left columns, clearbar, footer. i would like someone to list the sequence i should follow after this. I am praticing on a trial CS5.5 which seems to simplfy to a freat extent what we learned on the course because it is a later version. The version we used on course was CS4 and if the pratical is in this version then i will need to know how it is done in this format.
Date: Sun, 22 Jan 2012 17:45:18 -0700
From: [email protected]
To: [email protected]
Subject: Please help me with spry bar menu
Re: Please help me with spry bar menu created by Nancy O. in Dreamweaver - View the full discussion
If this only happens in DW Design View, use Live View or turn off your CSS display.
View > Style Rendering > un-tick Display Styles.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4157994#4157994
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4157994#4157994. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746. -
How to get externally made nav bar css into dreamweaver
How do I insert 'purecssmenu' made nav bar into dreamweaver? I have a zip file with just the interactive nav bar in it. There used to be an insert nav bar but that seems to have vanished in cs6 presumably because Adobe want you to use Spry!!!
I am completely new to this game but it is not helpful to be constantly told that you should learn coding.
I just want to make 1 tiny personal site. Any constructive help would be very much appreciated.Sorry you're having such a terrible time not only getting the navbar to work, but interpreting the help here. (That's what it is... help, only you really didn't give us a lot to go on)
You need to do one of two things if you'd like people to stop "guessing" what's wrong with your page.
1.Upload your page to your server and post the URL here so others can download the source code and analyze it.
or
2. Copy and paste your ENTIRE page of code here so it can be seen, downloaded and viewed in someone else's Dreamweaver on their computer. Something like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Generated by Pure CSS Menu.com : Free CSS Drop Down Menu Generator</title>
<meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." />
</head>
<body bgcolor="#ffffff">
<!-- Start PureCSSMenu.com STYLE -->
<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
margin:0px;
list-style:none;
padding:0px 2px 2px 0px;
background-color:#333333;
background-repeat:repeat;
border-color:#cccccc #111111 #111111 #cccccc;
border-width:1px;
border-style:solid;
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
display:block;
zoom:1;
float: left;
ul.pureCssMenu ul{
width:155.4px;
ul.pureCssMenu li{
display:block;
margin:2px 0px 0px 2px;
font-size:0px;
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#333333;
border-width:1px;
border-color:#333333;
border-style:solid;
text-align:left;
text-decoration:none;
padding:2px 5px 2px 10px;
_padding-left:0;
font:normal 12px Trebuchet MS,Tahoma;
color: #cccccc;
text-decoration:none;
cursor:default;
ul.pureCssMenu span{
overflow:hidden;
ul.pureCssMenu li {
float:left;
ul.pureCssMenu ul li {
float:none;
ul.pureCssMenu ul a {
text-align:left;
white-space:nowrap;
ul.pureCssMenu li.sep{
text-align:left;
padding:0px;
line-height:0;
height:100%;
ul.pureCssMenu li.sep span{
float:none; padding-right:0;
width:3px;
height:100%;
display:inline-block;
background-color:#cccccc #111111 #111111 #cccccc; background-image:none;}
ul.pureCssMenu ul li.sep span{
width:100%;
height:3px;
ul.pureCssMenu li:hover{
position:relative;
ul.pureCssMenu li:hover>a{
background-color:#377D9F;
border-color:#377D9F;
border-style:solid;
font:normal 12px Trebuchet MS, Tahoma;
color: #FFFFFF;
text-decoration:none;
ul.pureCssMenu li a:hover{
position:relative;
background-color:#377D9F;
border-color:#377D9F;
border-style:solid;
font:normal 12px Trebuchet MS, Tahoma;
color: #FFFFFF;
text-decoration:none;
ul.pureCssMenu li.dis a {
color: #666 !important;
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
ul.pureCssMenu ul img {width:16px;
height:16px;
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
display:block;
background-image:url(./images/arr_white.gif);
background-position:right center;
background-repeat: no-repeat;
padding-right:12px;}
ul.pureCssMenu li:hover>a>span{ background-image:url(./images/arrv_white.gif);
ul.pureCssMenu a:hover span{ _background-image:url(./images/arrv_white.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
</style>
<!-- End PureCSSMenu.com STYLE -->
<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="index.html">Home Page</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Product Info</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">What is New?</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Menu Features</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Free Online Generator</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">100% Pure CSS Menu</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">No Javascript Required</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Multi Level Submenus</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Search-Engine Friendly</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Advanced Styling</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Horizontal & Vertical</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>How To Use</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">1. Select Template</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">2. Customize Items</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">3. Download Zip</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Supported Browsers</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Windows OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Chrome</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Mozilla</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Opera</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Netscape Navigator</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>MAC OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Unix/Linux OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Konqueror</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Templates</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 1</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 2</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 3</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 4</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 5</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 6</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">FAQ</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Contact Us</a></li>
</ul>
<a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- End PureCSSMenu.com MENU -->
<!-- (c) 2009, PureCSSMenu.com -->
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
Based on your reply, and the troubles you had just getting the domain, I'll have to assume that you can't upload the page, so be a dear, and paste your code here so we can actually see it and troubleshoot it for you.
Let's see if we can get that egg boiled, eh? -
How do you add a Spry Collapsible Panel Group?
How do you add a spry Collapsible Panel Group? When I go to
the Insert -> Spry there is only a Spry Collapsible Panel
option, not group. Do I have to download an update? Is there
something wrong with my install?
I appreciate any help.Hi Lithium,
The Spry features in Dreamweaver are a subset of the total
features in the Spry framework. The CP Group is not an option in
the Insert Bar, but it is pretty simple to write the code for it.
I am sure you have seen the sample for it:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html -
How do I get my menu bar at the top of the page with no gaps?
How do I get my menu bar at the top of the page with no gaps? Whenever I move it there is a huge gap at the top of the page which I cant seem to get rid of, i posted about this before but none of the suggestions seemed to work for me. i'm not very good with css so im not really sure where to find the problem. There are generally gaps everywhere which looks at absolute mess, no clue how they got there and why, there is a huge gap underneath my menu bar too which wasnt there before. how do i get rid of this too? its probably some padding a or margin but no clue where.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="style2.css" rel="stylesheet" type="text/css" />
<!--embedded styles for this page only-->
<style type="text/css">
body {
margin:0;
padding:0;
font: 1em/1.5 "Lucida Sans", "Lucida Sans Unicode";
#wrapper {
width: 1064px;
margin: 0 auto; /**with width, this centers page on screen**/
background: #FFF;
text-align:center;
.clearing {
clear:left;
height:px;
width: 100%;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"> <a href="home.html"><img src="_Business_Cards/banner copy.jpg" alt="banner" width="1064" height="374" align="top" /></a>
<!--begin menu -->
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="home.html">Home</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Lingerie</a>
<ul>
<li><a href="#">Camis & Nightslips</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">Garter Belts & Girdles</a>
<ul>
<li><a href="#">Tops</a></li>
<li><a href="#">Bottoms</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</li>
<li><a href="#">Sets</a></li>
<li><a href="#">Knickers</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Swimwear</a>
<ul>
<li><a href="t-shirt shop.html">Bikini</a></li>
<li><a href="t-shirt shop.html">Tankini</a></li>
<li><a href="t-shirt shop.html">One-Piece</a></li>
<li><a href="#">Monokini</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Men's</a>
<ul>
<li><a href="#">Boxer's</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Extras</a>
<ul>
<li><a href="#">Bags</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Dancewear</a>
<ul>
<li><a href="#">Leotards</a></li>
<li><a href="#">Crop Tops</a></li>
<li><a href="#">Hotpants</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="clearance.html">Clearance</a></li>
<li><a href="pastpro.html">Gallery</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
<h2> </h2>
<div id="thumbs" width="192"><!--end wrapper -->
<p align="center"><!-- Begin DWUser_EasyRotator -->
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 1064px; height: 561px; position:relative; text-align: left;" data-erConfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-87-105-108-108-105-97-109 -47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-10 1-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1, autoplayDelay:3000, autoplayStopOnInteraction:false}" data-erName="HomepageSlideshow" data-erTID="{zp7zmhgwl9549847691831}">
<div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
<li>
<img class="main" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" alt="One-Off Triangular Soft Bra & High-Waist Knicker Set" />
<img class="thumb" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" />
<span class="title">One-Off Triangular Soft Bra & High-Waist Knicker Set</span>
</li>
<li>
<img class="main" src="slideshowpictures/thong ebay.jpg" alt="Pink + Aqua Thongs (Part of Nightslip and Thong set)" />
<img class="thumb" src="slideshowpictures/thong ebay.jpg" />
<span class="title">Pink + Aqua Thongs (Part of Nightslip and Thong set)</span>
</li>
<li>
<img class="main" src="slideshowpictures/DSC_7405z.jpg" alt="Floral High-Waist Lace Panel Knicker" />
<img class="thumb" src="slideshowpictures/DSC_7405z.jpg" />
<span class="title">Floral High-Waist Lace Panel Knicker</span>
</li>
<li>
<img class="main" src="slideshowpictures/DSC_0018 copy.jpg" alt="Navy Blue Velvet High-Waist Bikini Set" />
<img class="thumb" src="slideshowpictures/DSC_0018 copy.jpg" />
<span class="title">Navy Blue Velvet High-Waist Bikini Set</span>
</li>
<li>
<img class="main" src="slideshowpictures/DSC_7420.jpg" alt="Pink & Aqua Nightslips (Part of Nightslip & Thong set)" />
<img class="thumb" src="slideshowpictures/DSC_7420.jpg" />
<span class="title">Pink & Aqua Nightslips (Part of Nightslip & Thong set)</span>
</li>
<li>
<img class="main" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" alt="Black Floral Bandeau & Lace Girdle Set" />
<img class="thumb" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" />
<span class="title">Black Floral Bandeau & Lace Girdle Set</span>
</li>
<li>
<img class="main" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
<img class="thumb" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" />
<span class="title">Aqua Polka-Dot High-Waist Bikini</span>
</li>
<li>
<img class="main" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" alt="Maroon Velvet Bikini High-Waist Bottoms" />
<img class="thumb" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" />
<span class="title">Maroon Velvet Bikini High-Waist Bottoms</span>
</li>
<li>
<img class="main" src="slideshowpictures/floral ebay.jpg" alt="Floral/Multi Bikini High-Waist Bottoms" />
<img class="thumb" src="slideshowpictures/floral ebay.jpg" />
<span class="title">Floral/Multi Bikini High-Waist Bottoms</span>
</li>
<li>
<img class="main" src="slideshowpictures/DSC_0096 copy9.jpg" alt="Purple & Champagne Bandeau Bikini Tops" />
<img class="thumb" src="slideshowpictures/DSC_0096 copy9.jpg" />
<span class="title">Purple & Champagne Bandeau Bikini Tops</span>
</li>
<li>
<img class="main" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
<img class="thumb" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" />
<span class="title">Aqua Polka-Dot High-Waist Bikini</span>
</li>
<li>
<img class="main" src="slideshowpictures/DSC_73612.jpg" alt="Matching Orange/White Lace Crop Top & Thong Set" />
<img class="thumb" src="slideshowpictures/DSC_73612.jpg" />
<span class="title">Matching Orange/White Lace Crop Top & Thong Set</span>
</li>
<li>
<img class="main" src="slideshowpictures/logo h copy.jpg" alt="Logo" />
<img class="thumb" src="slideshowpictures/logo h copy.jpg" />
<span class="title">Logo</span>
</li>
</ul>
</div>
<div data-ertype="layout" data-ertemplateName="NONE" style=""> <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}">
<div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
<div class="erimgMain_slide">
<div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
</div>
</div>
<div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
<div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
</div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;">
This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com.
<br /><br />
Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds.
<br /><br />
<a style="color:#FFF;" href="#" class="erabout_ok">OK</a>
</div>
<noscript>
Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
</noscript>
<script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
</div>
</div>
<!-- End DWUser_EasyRotator --></p>
</div>
<hr align="center" size="10" noshade="noshade" class="clearing" color="#999999" />
<img src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_mc_vs_dc_ae.jpg" alt="PayPal Acceptance Mark" width="192" height="38" border="0" align="right" />
<div align="left">
<p><a href="#" onclick="javascript:window.open('https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside', 'olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=500');">Copyright © Hannah-Rose 2013 > <a href="about.html">About</a> > <a href="terms and conditions.html">Terms & Conditions </a></p>
<!-- PayPal Logo --><!-- PayPal Logo --><!-- PayPal Logo --><!-- PayPal Logo --></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>@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
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 64em;
margin-bottom: 0px;
margin-left: auto;
margin-top: 0px;
margin-right: 0px;
/* 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: 8em;
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: 8.2em;
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: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin-top: -5%;
margin-right: 0;
margin-bottom: 0;
margin-left: 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: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #FFF;
color: #333;
text-decoration: none;
font-family: Pristina;
font-size: 21px;
font-weight: normal;
padding-right: 0.75em;
padding-left: 0.75em;
padding-top: 0.5em;
padding-bottom: 0.5em;
/* 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: #33C;
color: #FFF;
/* 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: #FFF;
color: #666;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
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; -
How do I insert a picture into iMovie regardless of aspect ratio
When I insert a picture, i either have the choice of cropping the picture or having black bars on the sides. How can I insert a picture into imovie and not be dictated based on the aspect ratio. thanks
Klaus1 wrote:
Must be one of the wonderful improvements introduced in iMovie 11.
nope, never.
look:
example #1: a 1:1 pic in a 16:9 screen
option A bars l/r
option B cat-off
example #2: a wiiiide screen pic in a 16:9 screen
option A bars t/b
option B catcut off
and you don't want kitty look like that:
(1:1 aspect ratio distorted to make fit onto a 16:9 screen) -
I've imported the spry bar for from the David Powers Tutorial, the 2.0 widget for the Bayside Pulse website, I have styled it in my own design, done every thing he said everything fine, I added the fifth top level menu button to the menu bar Cafe Citrus, but in my case Inspections, I took out all the stuff I did not want and put in all the stuff I did want, everything still going great, Checked it in live view looked good, saved it, and then went back to live view and there was an extra button on the end with nothing in it, I have tried to get rid but I cant sort it, not a clue. Can any one help please?
@Jeffrey
I received your PM with the link to your site.
Because you are using SpryMenuBar v2.0 and have probably styled the bar within the Widget Browser, once applied to your document it becomes a nightmare for newbies to make any styling changes.
In your case, you have (or the Widget Browser) as constructed the menu bar to use the MenuBar and an overriding MenuBarRightShrink classes as per
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarRightShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
The style rules for MenuBarRightShrink makes the menubar float right with a width of auto as per
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
The above style rules are contained within a style sheet called consultant_cs5.css
When we now look to see how the stylesheets are loaded, we see the following
<link href="consultant_cs5.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
This means that any rules targetting the same selectors in consultant_cs5.css will be overridden by those in SpryMenuBasic.css. Line 31 in SpryMenuBasic.css says
.MenuBar {
float: left;
width: 100%;
So now, instead of a right floating auto width menubar we have a left floating menubar covering the full width of the div.
If you swap the two stylesheets so that SpryMenuBasic.css loads before consultant_cs5.css, you will find that the situation is reversed and that the menubar will again be an auto width.
Gramps -
How do I keep the Spry menu fixed to the bottom of the header div?
I have created a horizontal Spry menu bar using Dreamweaver CS4 but the problem is, I can't figure out how to make it be in the right position at the bottom of the header div. In Design View it is too far below the header background graphic, in Live View it cuts off the bottom of the header graphic, and it also looks higher or lower in Safari and Firefox.
I'm sure it's very simple, but how can I control them menu on the y-axis and keep the menu fixed to the bottom of the header div? Is there a way to float it to the bottom?
I really appreciate any help or advice anyone can give me on how to get a stationary menu bar.Below is an example of a fixed-header & footer layout with jQuery smooth scrolling. I did not use a separate scrolling div because mobile users have lots of trouble with them.
View source to see the code.
http://alt-web.com/TEMPLATES/FixedLayout.shtml
You need 4 basic things:
jQuery latest core library,
jQuery easing.js,
jQuery anchor.js, inside the <head> of your document
jQuery function code, near the bottom of your document.
That's all there is to it.
Nancy O. -
How do I add a spry Collapsible Panel Group?
How do you add a spry Collapsible Panel Group? When I go to
the Insert -> Spry there is only a Spry Collapsible Panel
option, not group. Do I have to download an update? Is there
something wrong with my install?
I appreciate any help.Could someone at least tell me if they are able to add a Spry
Collapsible Panel Group from the Insert -> Spry menu? -
How I can insert a menu in my portuguese version of Dreamweaver?
How I can insert a menu in my portuguese version os Dreamweaver? In the "Inserir" mode there is not a "Spry" way!
Use a jQuery menu like Superfish, or you can purchase an extension like the ones offered by Project VII
http://plugins.jquery.com/superfish/
http://www.projectseven.com/products/index.htm -
Original Question:
We use CS3 and have created a school website using the sprybar in Dreamweaver as our navigation bar. We have uploaded the spry assets folder and everything works great except for when we make changes to the sprybar, such as adding links. Currently, we have to update the navigation bar by copying the html and then opening and pasting the html into every page in the site, which is more than 100 pages. How do we make the sprybar automatically update whenever we make edits or changes to the sprybar?
We have tried creating the sprybar as a library item and it doesn't work unless it's a problem with Dreamweaver on the local computer communicating with the file on the server. We have played around with using the "include file" command.
As the site continues to get larger, this gets to be a much bigger problem. Any help is greatly appreciated.
Previous Answer Given:
http://foundationphp.com/tutorials/sprymenu/ssi.php
Current Question:
Ok, so we tried doing what was in the above tutorial. It all looks good on the dreamweaver side (I think...the spry bar doesn't show but it is replaced with a php icon). Is there something that needs to be done on the server side? Someone told me the server needed to be "activated" for php. What does this mean?
If php is not an option for us, is there another way to solve this issue?Jmonday1 wrote:
> Alright guys I am kind of a newbie when it comes to
dreamweaver (I was always a
> fan of golive because of its simplicity). Anyways I am
running Dreamweaver Cs3
> and an older version of the spry scripts (1.4 because I
can't get the updater
> to work on my mac for whatever reason). Anyways I have
my bar layed out as I
> want and it looks great. the problem is it is invisible
in IE. I think its
> probably a filter setting but i'm not sure where its
at... I will attach a
> link, and if you guys want me to post the code I will I
know thats a lot to
> look at though. Any help would be greatly appreciated.
Sorry, not sure what this issue is, but you should try asking
in the Spry forums:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Also, just because you can't install the Spry updater
extension doesn't mean that you can't use the updated Spry files
(which may even help resolve the issue). Get the latest versions of
the files here:
http://labs.adobe.com/technologies/spry/home.html
Open the Download zip file and look for the widgets/menubar
folder, it'll contain the latest .js and .css files. The default
1.6.1 files in that package work in IE7, so it may be the specific
CSS that you're using for your page. SO you may want to rebuild
from the latest .js and .css files and apply your styling changes
and test while your doing that.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert
Maybe you are looking for
-
Scaner problem - HP LaserJet M1536dnf MFP
HP LaserJet M1536dnf MFP Wire LAN connected. There are two stations working with the same MFP. On one - everythink works fine. On second - not. Drivers are the same: 61.101.98561 IP address of printer is the same. Both on Win7. Issue is that MFP is p
-
Help on accessing the Phonebook in SE P910i
Hi guys, I have created a midlet that will send an SMS...In other mobile such as in Nokia 6101 it can accessed the phonebook using TextField.PHONENUMBER.... While on SE K700i it can accessed the Phonebook but when I pressed the SEND Command it doesn'
-
CopyRights problem with "expires at the fixed time" uat mode
Dear all I found a problem with rights parameter When I use rights parameter in uat mode or umt mode it can't be work with this two modes($uat and $umt) and I found a document in adobe jp the document says "only uat mode works well with expire functi
-
Hi all, I created a Jsp page and I stored my images in the dist-->images folder and by using the following code <% String image = componentRequest.getWebResourcePath() + "/images/image.gif"; %> <img src="<%=image%>"> I try to display the images in th
-
NAS and Verizon's MI424WR wireless router
I want to get a NAS drive for my home network but am very computer dumb. I have 1 wireless desktop, 2 laptops, 2 smartphones, and 1 android tablet that would be sharing the content of the NAS drive. What I want to know is can I just get a NAS and p