Moving div to front
The tabsh div and navbar div should always be shown behind
the other divs. The navimager and navimagel divs should always be
shown in the front. In Opera browsers (list below) the navimager
and navimagel are shown behind the other divs.
How can I move these two divs to the front? Thanks
#navimagel {
position:relative;
width:85px;
height:115px;
z-index:1;
left: 13px;
top: 0px;
clear: left;
float: left;
#navimager {
position:relative;
width:239px;
height:90px;
z-index:3;
left: 250px;
top: 0px;
float: left;
Browser list with OS:
Opera 7.54u2 Windows XP
Opera 8.5.0 Windows XP
Opera 7.23 Windows 2000 Professional
Opera 8.5.0 Windows 2000 Professional
Opera 8.5.0 Macintosh OSX 10.4
Opera 7.5.4u1 Macintosh OSX 10.4
Opera 7.5.4u1 Macintosh OSX 10.3
Opera 8.5.0 Macintosh OSX 10.3
Opera 8.5.0 Linux Fedora Core 4
Webpage:
http://www.villa-corti.com/menus.htm
Code:
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
#navimagel {
position:relative;
width:85px;
height:115px;
z-index:1;
left: 13px;
top: 0px;
clear: left;
float: left;
#navimager {
position:relative;
width:239px;
height:90px;
z-index:3;
left: 250px;
top: 0px;
float: left;
#logo {
position:relative;
width:238px;
height:73px;
z-index:2;
left: 100px;
top: 46px;
float: left;
/*- Menu Tabs H--------------------------- */
#tabsH {
float:left;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
#tabsH ul {
margin:0;
padding:10px 10px 0 94px;
list-style:none;
#tabsH li {
display:inline;
margin:0;
padding:0;
#tabsH a {
float:left;
background:url("tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
#tabsH a span {
float:left;
display:block;
background:url("tabrightH.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
#tabsH a:hover {
background-position:0% -42px;
#tabsH a:hover span {
background-position:100% -42px;
/*- Images for divs--------------------------- */
/* purple navigation */
#navbar {CLEAR: both; background:url("navtile.gif") repeat-x
left top;
background-color: #9933CC; MARGIN: 0px; WIDTH: 760px;
#navbar UL {
PADDING-LEFT: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
#navbar LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
PADDING-BOTTOM:
0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
#navbar A:link {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 5px; COLOR:
#ccc; LINE-HEIGHT: 10px;
PADDING-TOP: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
#navbar A:visited {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM: 5px; COLOR:
#fff; LINE-HEIGHT: 10px;
PADDING-TOP: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
#navbar A.active:link {
TEXT-DECORATION: underline
#navbar A.active:visited {
TEXT-DECORATION: underline
#navbar A:hover {
TEXT-DECORATION: underline
</style>
</head>
<body>
<div id="navimagel"><img
src="images/lake3.jpg"></div>
<div id="logo"><img src="images/lodgeadog.jpg"
/></div>
<div id="navimager"><img
src="images/dog1.jpg"></div>
<div id="tabsH">
<ul>
<li><a href="#"
title="home"><span>home</span></a></li>
<li><a href="#" title="Link
2"><span>register</span></a></li>
<li><a href="#" title="Link
3"><span>aaaaaaaaa aaaa
aa</span></a></li>
<li><a href="#" title="Longer Link
Text"><span>aaaaa aa aaa
aaaaa</span></a></li>
<li><a href="#" title="Link 5"><span>about
us</span></a></li>
</ul>
</div>
<DIV id=navshadow>
<DIV id=navbar>
<UL><LI><A href="">Search</A>
<LI><A href="">ssssssss</A>
<LI><A href="">sssssss sssssssssss</A>
<LI><A href="">fff fffffff</A>
<LI><A href="">Sfff</A>
<LI><A href="">Dffffffr</A>
<LI><A href="">Ddd Ddddd</A> </LI>
<br style="clear: both;" />
</UL></DIV>
</DIV>
</body>
</html>
You should probably use a layeredPane for this...
Check out:
http://java.sun.com/docs/books/tutorial/uiswing/components/layeredpane.html
Similar Messages
-
Some browsers showing divs in front of others
The tabsh div and navbar div should always be shown behind
the other divs. FOr some reason in the following browsers/os it is
shown in front. How can I change this? Thanks a lot:
Opera 7.54u2 Windows XP
Opera 8.5.0 Windows XP
Opera 7.23 Windows 2000 Professional
Opera 8.5.0 Windows 2000 Professional
Opera 8.5.0 Macintosh OSX 10.4
Opera 7.5.4u1 Macintosh OSX 10.4
Opera 7.5.4u1 Macintosh OSX 10.3
Opera 8.5.0 Macintosh OSX 10.3
Opera 8.5.0 Linux Fedora Core 4
http://www.villa-corti.com/menus.htm
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
#navimagel {
position:relative;
width:85px;
height:115px;
z-index:1;
left: 13px;
top: 0px;
clear: left;
float: left;
#navimager {
position:relative;
width:239px;
height:90px;
z-index:3;
left: 250px;
top: 0px;
float: left;
#logo {
position:relative;
width:238px;
height:73px;
z-index:2;
left: 100px;
top: 46px;
float: left;
/*- Menu Tabs H--------------------------- */
#tabsH {
float:left;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
#tabsH ul {
margin:0;
padding:10px 10px 0 94px;
list-style:none;
#tabsH li {
display:inline;
margin:0;
padding:0;
#tabsH a {
float:left;
background:url("tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
#tabsH a span {
float:left;
display:block;
background:url("tabrightH.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
#tabsH a:hover {
background-position:0% -42px;
#tabsH a:hover span {
background-position:100% -42px;
/*- Images for divs--------------------------- */
/* purple navigation */
#navbar {CLEAR: both; background:url("navtile.gif") repeat-x
left top;
background-color: #9933CC; MARGIN: 0px; WIDTH: 760px;
#navbar UL {
PADDING-LEFT: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
#navbar LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
PADDING-BOTTOM:
0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
#navbar A:link {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 5px; COLOR:
#ccc; LINE-HEIGHT: 10px;
PADDING-TOP: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
#navbar A:visited {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM: 5px; COLOR:
#fff; LINE-HEIGHT: 10px;
PADDING-TOP: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
#navbar A.active:link {
TEXT-DECORATION: underline
#navbar A.active:visited {
TEXT-DECORATION: underline
#navbar A:hover {
TEXT-DECORATION: underline
</style>
</head>
<body>
<div id="navimagel"><img
src="images/lake3.jpg"></div>
<div id="logo"><img src="images/lodgeadog.jpg"
/></div>
<div id="navimager"><img
src="images/dog1.jpg"></div>
<div id="tabsH">
<ul>
<li><a href="#"
title="home"><span>home</span></a></li>
<li><a href="#" title="Link
2"><span>register</span></a></li>
<li><a href="#" title="Link
3"><span>aaaaaaaaa aaaa
aa</span></a></li>
<li><a href="#" title="Longer Link
Text"><span>aaaaa aa aaa
aaaaa</span></a></li>
<li><a href="#" title="Link 5"><span>about
us</span></a></li>
</ul>
</div>
<DIV id=navshadow>
<DIV id=navbar>
<UL><LI><A href="">Search</A>
<LI><A href="">ssssssss</A>
<LI><A href="">sssssss sssssssssss</A>
<LI><A href="">fff fffffff</A>
<LI><A href="">Sfff</A>
<LI><A href="">Dffffffr</A>
<LI><A href="">Ddd Ddddd</A> </LI>
<br style="clear: both;" />
</UL></DIV>
</DIV>
</body>
</html>Try to restore them with this extension:
*CheckPlaces: https://addons.mozilla.org/firefox/addon/checkplaces/
If that didn't help then it is possible that there is a problem with the file places.sqlite that stores the bookmarks and the history.
*http://kb.mozillazine.org/Bookmarks_history_and_toolbar_buttons_not_working_-_Firefox
*https://support.mozilla.org/kb/Bookmarks+not+saved#w_places-database-file
You need to use CheckPlaces another time after having deleted the places files. -
MOVED: MSI mainboard + front panel audio connection
This topic has been moved to Intel Core Duo and Core 2 Duo based boards.
https://forum-en.msi.com/index.php?topic=100680.0you might wanna try shorting pin 2 and pin 4 with a jumper. Line L to Port 1 L ; Line R to Port 1 R; so as the EAR.
-
Sorry for all the questions but if I finally understand then
I will stop asking. Here is the html code for my site so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>ivoog! - New & used electronics,
apparel, collectibles, sporting goods & more at low
prices.</title>
<style type="text/css">
#ivoog {
margin: 15px auto 0;
body{
width: 950px;
margin: 0px auto;
</style>
</head>
<body>
<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px; margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif); width:950px;
height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories" style="background-image:url(LCB.gif);
width:236px; height:621px; margin-top:-13px"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px; height:140px; margin-top:3px"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px; height:339px;
left: 457px; top: 216px;"></div>
</body>
</html>
I want my "Start Shopping" div tag to be 5px to the right of
the "Categories" div tag. I CANNOT use the position:relative or
margin-top:example or something like that because if you open the
page in IE, and change the width of your browser then the Start
Shopping div tag will stay in the same place while everything else
moves. How can I make it so the tag will be 5px to the right from
Categories? What is the code and where do I put it? Please explain
to me like you would to a person who does not know HTML. Thank you!
Please help! I am TIRED! THANKS!<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px;
margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif);
width:950px; height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories"
style="background-image:url(LCB.gif); width:236px;
height:621px; margin-top:-13px; float:left;border:1px solid
red;"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px;
height:339px; left: 457px; top:
216px;margin-left:5px;border:1px solid
green;"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px;
height:140px; margin-top:3px;clear:both;"></div>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"hahahaadobeman" <[email protected]> wrote
in message
news:[email protected]...
> Sorry for all the questions but if I finally understand
then I will stop
> asking. Here is the html code for my site so far:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
> <title>ivoog! - New & used electronics,
apparel, collectibles,
> sporting
> goods & more at low prices.</title>
> <style type="text/css">
> #ivoog {
> margin: 15px auto 0;
> }
> body{
> width: 950px;
> margin: 0px auto;
> }
> </style>
> </head>
>
> <body>
> <div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
> height:99px"><img src="ivoog.gif"
style="width:252px; height:74px;
> margin-left:10px; margin-top:11px"></div>
> <div id="Search"
style="background-image:url(Search%20Box.gif);
> width:950px;
> height:46px"></div>
> <center><p><img src="slogan.gif"
style="width:637px; height:44px;
> margin-top:-19px"></p></center>
> <div id="Categories"
style="background-image:url(LCB.gif); width:236px;
> height:621px; margin-top:-13px"></div>
> <div id="Quick Help"
style="background-image:url(BB.gif); width:475px;
> height:140px; margin-top:3px"></div>
> <div id="Start Shopping"
style="background-image:url(MSB.gif);
> width:432px;
> height:339px; left: 457px; top: 216px;"></div>
> </body>
> </html>
>
> I want my "Start Shopping" div tag to be 5px to the
right of the
> "Categories"
> div tag. I CANNOT use the position:relative or
margin-top:example or
> something
> like that because if you open the page in IE, and change
the width of your
> browser then the Start Shopping div tag will stay in the
same place while
> everything else moves. How can I make it so the tag will
be 5px to the
> right
> from Categories? What is the code and where do I put it?
Please explain to
> me
> like you would to a person who does not know HTML. Thank
you! Please help!
> I am
> TIRED! THANKS!
>
>
> -
Here is the page I'm working on:
http://www.villa-corti.com/menus.htm
The image divs are all in the right place but the navigation
bars I can´t seem to move. tabsH and navbar are the ones I
want to move and they are in the navshadow div which presently
doen´t have a style. All the divs hare position relative; and
float left;
How can I move the navbars up? Thanks for any advice to the
newbie.
<body>
<div id="navimagel"><img
src="images/lake3.jpg"></div>
<div id="logo"><img src="images/lodgeadog.jpg"
/></div>
<div id="navimager"><img
src="images/dog1.jpg"></div>
<div id="tabsH">
<ul>
<li><a href="#"
title="home"><span>home</span></a></li>
<li><a href="#" title="Link
2"><span>register</span></a></li>
<li><a href="#" title="Link
3"><span>aaaaaaaaa aaaa
aa</span></a></li>
<li><a href="#" title="Longer Link
Text"><span>aaaaa aa aaa
aaaaa</span></a></li>
<li><a href="#" title="Link 5"><span>about
us</span></a></li>
</ul>
</div>
<DIV id=navshadow>
<DIV id=navbar>
<UL><LI><A href="">Search</A>
<LI><A href="">link</A>
<LI><A href="">linklink linklink</A>
<LI><A href="">link</A>
<LI><A href="">link link</A> </LI>
<br style="clear: both;" />
</UL></DIV>
</DIV>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
#navimagel {
position:relative;
width:85px;
height:115px;
z-index:1;
left: 13px;
top: 0px;
clear: left;
float: left;
#navimager {
position:relative;
width:239px;
height:90px;
z-index:3;
left: 250px;
top: 0px;
float: left;
#logo {
position:relative;
width:238px;
height:73px;
z-index:2;
left: 100px;
top: 46px;
float: left;
/*- Menu Tabs H--------------------------- */
#tabsH {
float:left;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
#tabsH ul {
margin:0;
padding:10px 10px 0 94px;
list-style:none;
#tabsH li {
display:inline;
margin:0;
padding:0;
#tabsH a {
float:left;
background:url("tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
#tabsH a span {
float:left;
display:block;
background:url("tabrightH.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
#tabsH a:hover {
background-position:0% -42px;
#tabsH a:hover span {
background-position:100% -42px;
/*- Images for divs--------------------------- */
/* purple navigation */
#navbar {CLEAR: both; background:url("navtile.gif") repeat-x
left top; background-color: #9933CC; MARGIN: 0px; WIDTH: 760px;
#navbar UL {
PADDING-LEFT: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
#navbar LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
#navbar A:link {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM:
5px; COLOR: #ccc; LINE-HEIGHT: 10px; PADDING-TOP: 5px; WHITE-SPACE:
nowrap; TEXT-DECORATION: none
#navbar A:visited {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px; FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM:
5px; COLOR: #fff; LINE-HEIGHT: 10px; PADDING-TOP: 5px; WHITE-SPACE:
nowrap; TEXT-DECORATION: none
#navbar A.active:link {
TEXT-DECORATION: underline
#navbar A.active:visited {
TEXT-DECORATION: underline
#navbar A:hover {
TEXT-DECORATION: underline
</style>So much CSS for such a tiny page?
> All the divs hare position relative; and float left;
Why? Why do you need the positioning or the floating?
Just make your masthead images into a single page background
image, and then
margin the tabsH div into position.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Hydrowizard" <[email protected]> wrote in
message
news:[email protected]...
> Here is the page I'm working on:
>
>
http://www.villa-corti.com/menus.htm
>
>
> The image divs are all in the right place but the
navigation bars I can´t
> seem
> to move. tabsH and navbar are the ones I want to move
and they are in the
> navshadow div which presently doen´t have a style.
All the divs hare
> position
> relative; and float left;
>
> How can I move the navbars up? Thanks for any advice to
the newbie.
>
>
> <body>
>
> <div id="navimagel"><img
src="images/lake3.jpg"></div>
> <div id="logo"><img src="images/lodgeadog.jpg"
/></div>
> <div id="navimager"><img
src="images/dog1.jpg"></div>
> <div id="tabsH">
>
>
<a href="#"
title="home"><span>home</span></a></li>
>
<a href="#" title="Link
2"><span>register</span></a></li>
>
<a href="#" title="Link 3"><span>aaaaaaaaa aaaa
aa</span></a></li>
>
<a href="#" title="Longer Link Text"><span>aaaaa aa
aaa
> aaaaa</span></a></li>
>
<a href="#" title="Link 5"><span>about
us</span></a></li>
>
> </div>
>
>
> <DIV id=navshadow>
> <DIV id=navbar>
>
<A href="">Search</A>
>
<A href="">link</A>
>
<A href="">linklink linklink</A>
>
<A href="">link</A>
>
<A href="">link link</A> </LI>
> <br style="clear: both;" />
>
</DIV>
> </DIV>
>
>
> > The blue background items should not be in the
visible menu. They should
> > fly-out when the item just above the two blue
background items is
> > hovered over. The blue background items are the
"Exhibitor Info" and
>
>
> <style type="text/css">
> body {
> margin:0;
> padding:0;
> font: bold 11px/1.5em Verdana;
> }
>
> h2 {
> font: bold 14px Verdana, Arial, Helvetica, sans-serif;
> color: #000;
> margin: 0px;
> padding: 0px 0px 0px 15px;
> }
>
> #navimagel {
> position:relative;
> width:85px;
> height:115px;
> z-index:1;
> left: 13px;
> top: 0px;
> clear: left;
> float: left;
> }
> #navimager {
> position:relative;
> width:239px;
> height:90px;
> z-index:3;
> left: 250px;
> top: 0px;
> float: left;
> }
> #logo {
> position:relative;
> width:238px;
> height:73px;
> z-index:2;
> left: 100px;
> top: 46px;
> float: left;
> }
> /*- Menu Tabs H--------------------------- */
>
> #tabsH {
> float:left;
> width:100%;
> background:#fff;
> font-size:93%;
> line-height:normal;
> }
> #tabsH ul {
> margin:0;
> padding:10px 10px 0 94px;
> list-style:none;
> }
> #tabsH li {
> display:inline;
> margin:0;
> padding:0;
> }
> #tabsH a {
> float:left;
> background:url("tableftH.gif") no-repeat left top;
> margin:0;
> padding:0 0 0 4px;
> text-decoration:none;
> }
> #tabsH a span {
> float:left;
> display:block;
> background:url("tabrightH.gif") no-repeat right top;
> padding:5px 15px 4px 6px;
> color:#FFF;
> }
> /* Commented Backslash Hack hides rule from IE5-Mac \*/
> #tabsH a span {float:none;}
> /* End IE5-Mac hack */
> #tabsH a:hover span {
> color:#FFF;
> }
> #tabsH a:hover {
> background-position:0% -42px;
> }
> #tabsH a:hover span {
> background-position:100% -42px;
> }
>
>
>
>
>
> /*- Images for divs--------------------------- */
>
>
> /* purple navigation */
> #navbar {CLEAR: both; background:url("navtile.gif")
repeat-x left top;
> background-color: #9933CC; MARGIN: 0px; WIDTH: 760px;
> }
> #navbar UL {
> PADDING-LEFT: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
> }
> #navbar LI {
> PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
PADDING-BOTTOM:
> 0px;
> MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
> }
> #navbar A:link {
> BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
> FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 5px;
COLOR: #ccc;
> LINE-HEIGHT:
> 10px; PADDING-TOP: 5px; WHITE-SPACE: nowrap;
TEXT-DECORATION: none
> }
> #navbar A:visited {
> BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;
> FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM: 5px;
COLOR: #fff;
> LINE-HEIGHT:
> 10px; PADDING-TOP: 5px; WHITE-SPACE: nowrap;
TEXT-DECORATION: none
> }
> #navbar A.active:link {
> TEXT-DECORATION: underline
> }
> #navbar A.active:visited {
> TEXT-DECORATION: underline
> }
> #navbar A:hover {
> TEXT-DECORATION: underline
> }
>
>
> </style>
>
> -
When moving Div in design view : Top & Left as Percentage?
Hello All,
Whenever I move a div in design view, the left and top values are changed to pixels - I would like these to be given as percentages (using the viewport dimensions I have currently selected).
Is this possible? If so can anyone tell me how to configure this please?
If not, would it be possible for me to create an extension for this? Does the extension API provide that kind of ability?
Thanks in advance,
Peter#1 DW is not a click & drag application like Photoshop or Illustrator.
#2 Switch to Code View and apply the top: and left: values manually.
CSS:
#DivName {
position:absolute;
top:xx%;
left:xx%;
That said, APDivs seldom work well for primary layouts. Here's why:
http://apptools.com/examples/pagelayout101.php
You would do well to spend some time learning code basics before you start using DW.
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Beginner CSS Templates -
For commercial CSS Templates that are rock solid and perform well in all browsers, visit Project Seven:
http://www.projectseven.com/products/index.htm
Not Just a Grid CSS Framework
http://www.notjustagrid.com/demo.asp
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners (free)
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages (free)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
How do you prevent a clip from moving to the front when clicking on it?
I really don't understand why, but for some reason whenever you click on a clip in Audition CS6's mutitrack editor, it automatically moves in front of all other clips on it's track. This is extremely annoying behavior if you're working on a track with more than two overlapping clips, and there doesn't seem to be any way to undo the move after it happens. Does anyone know of a way to disable this behavior? I've looked all over the place, but haven't been able to find one.
Fair enough, but I still say having a track be brought to the top by selecting it makes no sense. It creates the potential for you to screw up the arangement of a track without realizing it, and I think the fact that Audition doesn't even allow the action to be reversed by the undo button should be considered a bug. I've never used another audio editor that behaved this way, including earlier versions of Audition. Why not just have a send to front button in the right click menu for when you actually do want to send the track to the front? Also, as opposed to only having a single "send to back" button in the right click menu, there should really be submenu that says "send behind" and then has a list of tracks you can send the current track behind if you hover over it.
-
Mine is
MacBook Pro (Retina, 15-inch, Mid 2014)
10.10.2 (14C109)
2.8 GHz Intel Core i7
16 GB 1600 MHz DDR3
500 GB SSD
NVIDIA GeForce GT 750M 2048 MB
Forgive me for asking a dumb question. I don't use my computer like most. I might have three windows of Numbers open, two windows of Pages, two of Safari, To-Do List, Contacts, and Mail at one time.
Is there some reason why when I start a new copy of any application that it does not appear in the front?
I am certain there is some esoteric Apple method engineered into MacIntosh years ago and everyone knows it except me.
Anyone care to let me in on the secret?Is there some reason why when I start a new copy of any application that it does not appear in the front?
What is a "new copy of an application?"
If you mean a new document in some application, I have no idea why yours do not appear in the front. Mine all do.
Did you install any utilities that "help" you not use your computer like most? That may possibly be interfering with the normal behavior that is experienced by most people. -
Possible to use percentage when moving div?
Hello all,
I was wondering if dreamweaver has a certain capabality. What
I would like to see happen deals with div's.
When i create a div, i would like it to be in a certain spot,
but when i drag and move it, DW currently does it in px's. I was
wondering if i could switch that to percentages (to account for
different screen resolutions). I know i could do it manually, but
it would be much quicker if it did it automatically. Also,
sometimes after setting the margin to auto, the div still aligns to
the very left of the screen instead of centering it. I believe that
being able to switch the px to % would fix this problem too.
Thanks for the help,
Brds> I was wondering if i could switch
> that to percentages
No.
> to account for different screen resolutions
Screen resolution is not the variable you need to be
concerned with - it's
browser viewport width. At any given screen resolution, you
still have no
idea how wide my browser is.
> Also, sometimes after setting the margin to auto, the
div still aligns to
> the
> very left of the screen instead of centering it.
Show me, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"brds" <[email protected]> wrote in message
news:e4oqhi$9gu$[email protected]..
> Hello all,
> I was wondering if dreamweaver has a certain capabality.
What I would
> like to
> see happen deals with div's.
>
> When i create a div, i would like it to be in a certain
spot, but when i
> drag
> and move it, DW currently does it in px's. I was
wondering if i could
> switch
> that to percentages (to account for different screen
resolutions). I know
> i
> could do it manually, but it would be much quicker if it
did it
> automatically.
> Also, sometimes after setting the margin to auto, the
div still aligns to
> the
> very left of the screen instead of centering it. I
believe that being
> able to
> switch the px to % would fix this problem too.
>
> Thanks for the help,
> Brds
> -
InDesign CS4 application moving to front
Is it possible to stop InDesign CS4 application from moving to the front after saving or opening finishes. After I close a file while saving changes, I move to another application to begin work, such as typing, then InDesign snaps forward interupting my work. Not sure if there is a preference that eludes me or if there needs to be a script added/changed.
Any thoughts?
Thanks in advance for any help.
JThanks Stix! I guess I never noticed that it happens with other programs as well. I'm running on Max OS 10.5 and i'm now in search of a utility that would give me the ability to turn that feature off, or at least ignore requests from running programs.
Thanks again! -
In the document attached the vi on the right is sub to the vi on the left. On the subvi on the right the variable "Field Reading" is continuously updated on the front panel of the subvi as the "for" loop is executed, but only the last value of the variable is updated on the main vi front panel which is what is expected. My question is how can I display the changing value of "Field Reading" on the main vi front panel as the "for" loop in the subvi is running?
Thank you.
Solved!
Go to Solution.
Attachments:
Doc2.docx 554 KBHopefully I can explain it well enough. It really is simple.
1) Create an empty global variable and call it something like User Interface References.vi
2) For each and every control and indicator on your front panel, right-click and select Create/Reference
3) Place these references wherever you like (I use a series of Event cases to perform my initialisation and these all live in one of these event cases). They can be placed anywhere in the main vi.
4) For each of the references, right-click and select Create/Indicator
5) Moving to the front panel, Cut all the indicators and Paste them in the global variable (eg. User Interface References.vi)
6) Moving back to the block diagram, wire the global variable to each of the references and select the same named global variable.
All the hard work is now done (until you add another user interface terminal). You should now have something that look as shown below, [except the reference labels would be to the left (not sure why the snippet put them above)]. In my latest program I have 82 references!
Done. You can now access all your front panel controls and indicators anywhere in your program as shown below.
You can just select Value in most cases, but in this particular case I wanted to fire off an Event to do some things (log the alarm) as well as just update the value. So, this is another bonus with the method.
Hopefully this all makes sense. If not, let me know. -
Hi everyone,
Hope I'm posting in the right forum.
I was so happy when Snow Leopard (automatically) used my external display for Front Row display. However, it left me with a new "wish".
Front Row fades the display on my iMac to black... Is there a way to leave the display active so I can use the computer while my wife watches films?Moved to the Front Row forum.
-
Firefox 12+ Issue with Dragging rotated div
On a div with text, i have double click event which rotates the div by 90 degrees and a drag event which lets the user to move the div around, with in its parent. Dragging normal text div works perfectly fine. I have problem when it's rotated 90 degrees or -90 degrees. There is slight shift in the div before it starts moving along with the mouse.
Here is an example of what I am talking about.
http://jsfiddle.net/shore_haritha/sf43B/
I have this issue from firefox 12 through the latest version. When I looked at the Change log for Firefox 12 this is what I found.
"The element.getBoundingClientRect() method now considers effect of CSS transforms when computing the element's bounding rectangle."
Does anyone have an idea what is going on here? Any help would be appreciated.Hello,
I tried to recreate the issue you mentioned in the JSFiddle. To confirm, the issue is when the div is at 90 degrees and when you try to move this using the mouse (select the div and move), only at this stage does the div move a bit to the right and only then can you move it. The same issue doesn't happen when the div is horizontal (180 degrees). Did I get that right?
P.S: I tried to record the issue, but for some reason, I couldn't record the moving div using the recording tool.
Thank you -
Div wont expand vertically to fill page
This page has a Spry Collapsible Panel on top, then a Spry Tabbed Panel with a second Tabbed Panel inside it.
http://96.0.181.107/stylingproblem/user01.html
Trying unsuccessfully to put a border around the panels.
If you click the tab "Category 1B", you can see the border acting properly.
How do I get the "Category 1A" tab border to show correctly?
You might notice I've been commenting galore in the html. I've been moving </div>'s trying to figure it out but just get dramatically bad results.
Also, would like to know how to move the line on the right and/or above the tabs to below them, so it looks like the tabs sit atop each individual content container
Thanks for advicequote:
Originally posted by:
Newsgroup User
hppsc1610 wrote:
> Hi,
>
> I'm trying to create a page with a fixed width and three
columns.
> The columns are divs sitting within a wrapper which has
a set width and
> margin-left/right:auto set.
>
> Now, to get the columns to sit side by side I've had to
apply 'float left' to
> them - this works but it means the containing wrapper no
longer expands as the
> columns stretch vertically (because they are out of the
flow) which means the
> wrappers background color doesn't show.
>
> Question is - how do I get this layout ?
>
> Thanks for the help,
>
> MAc
>
Insert
<br style="clear: both;">
after the last floated <divs> closing tag
(</div>)
Beauty - works a treat - thank you v much.
Mac -
How to get line plot in front of bar plot
Hey Guys,
How can I plot the moving average in front of the bar plot?
This is an X,Y- plot of two arrays of data.
Cheers,
San
Solved!
Go to Solution.
Attachments:
untitled.jpg 388 KBHi Sannie,
change the order of the plots. Your RunAvg should be plot0, while the barplot is plot1…
There's a reason, why BMPs are banned in the forum: their size! Please convert your images to (real) JPG or (even better for FP or BD images) PNG before posting them!
Best regards,
GerdW
CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
Kudos are welcome
Maybe you are looking for
-
HP PAVILION DV6T-7000 NOTEBOOK
i bought a HP PAVILION DV6T-7000 NOTEBOOK and not even a year and the buttons on key board start moving and for the irony,when the warranty expired i lost the space buton,long story short went to buy one keyboar but based on hp specification part num
-
Is HPLaserjet 1100 compatible with MAc Snow Leopard?
I can't locate an HP laserjet 1100 Driver for the Mac Snow Leopard. Are they compatible?
-
is ther a way to recover a restriction password without restarting the phone as a new phone
-
How to develop and Run .jsp page from Jdeveloper 10g
Dear All, I need to develop one small JSP page using Jdeveloper10g. pls share information How to develop and Run .jsp page from Jdeveloper 10g. Thanks in Advance, Hanimi.
-
Why is Lightroom 3.2. asking from **me** the Flickr api key when I try to export to Flickr? It should be the responsibility of Lightroom to provide the key! There must be a bug in Lightroom that prevents exporting to Flickr. Kari