Placing rollover nav buttons using CSS

Hi. I'm creating my first website using DW CS3 and I'm having
problems working out how to include all of the graphics as part of
the CSS so that I can use different CSSs for different devices.
I have a set of images I'm using for the navigation buttons
and I want to add them to table cells using CSS with tags for
placement but how do I then get the rollover effect without ading
anything to the actual html code?
any help gratefully appreciated.
Thanks.

If you need to do this then here is an example:
www.taste-in.com
The buttons are show/hide with css.
.rollover {display: block;height: 100%;}
.rollover img {width: 100%;height: 100%;border: 0;}
.rollover:hover { visibility: visible; }
.rollover:hover img { visibility: hidden; }
#home, #contact, #taste, #about, #tasting, #terms{height:
92px;}#home {width: 139px;background:
url(../images/nav/hover/home.jpg);}
#taste {background: url(../images/nav/hover/taste.jpg);width:
129px;}
#about {background: url(../images/nav/hover/about.jpg);width:
128px;}
#tasting {background:
url(../images/nav/hover/tasting.jpg);width: 126px;}
#terms {background: url(../images/nav/hover/terms.jpg);width:
128px;}
#contact {background:
url(../images/nav/hover/contact.jpg);width: 140px;}--
CheersPablowww.dellwebsites.com
"wefollow" <[email protected]> wrote in
message
news:e2kequ$nie$[email protected]..
> If i can...how can I.....
> I want to import Rollover Buttons from Fireworks to
Dreamweaver( Css Page)
> I just start using CSS code.....
> thank you for reading this message

Similar Messages

Buttons using CSS not working properly

I am using Dreamweaver CS4.
I can't get buttons to work properly using CSS.
The buttons are supposed to have a red border around them when inactive (a:link).
Hovering over the button causes it to change its appearence (this works).
Clicking the button works.
Do this then click the BACK arrow.
Buttons no longer have red border.
I have tried this with FireFox, IE 7, IE 6 and Safari. They all do the same thing.
You may see it in action at www.justforso.net/buttons.htm
What am I doing wrong???
     ..... Thanks for your help
Here is the code:
/* CSS Document */
Theme Name: Buttons Test
     margin: 0;
     padding: 0;
body {
     font: 80%/1.6 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
     color: black;
a.example1:link
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:outset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:hover
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:inset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:maroon;
/* CSS Document */
/* HTML Document */
<!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>Buttons Test</title>
<link rel="stylesheet" href="buttons.css" type="text/css" media="screen" />
</head>
<body>
<p> </p>
<p> </p>
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
<A href="http://www.sitepoint.com/" class="example1"> Promotion </A>
<A href="http://www.sitepoint.com/" class="example1"> Site Point </A>
</body>
</html>
/* HTML Document */

It's because you have created styles only for the :link and :hover pseudo-classes. Your buttons revert to the default state when the link is active (being clicked) or has been visited. You need to assign properties to the :visited and :active pseudo-classes as well.
Another point about your CSS is that you're failing to make use of the cascade. There's no need to repeat values that don't change. I have rewritten your CSS like this:
a.example1
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-width:5px;
   border-color:red;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:link, a.example1:visited {
     border-style:outset;
a.example1:hover, a.example1:active
   border-style:inset;
   color:maroon;
This applies common rules to the basic a.example1 selector, and sets the overrides for the pseudo-classes.
One other point. You're using an XHTML DOCTYPE. All tag names MUST be in lowercase to be valid. This is wrong:
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
The opening and closing <a> tags should be in lowercase.

I made a text nav bar using CSS, and I am trying to get downdown menu's from it?

Hello,
I am working through a tutorial book and just created a text navbar with CSS, which I have never done before. Basically it was an Unordered list and then I used the float property right to make them go next to each other. Then created a few more styles to give them padding etc.
I thought I could go after each list item and now add a group of unordered lists items to pop up when I mouse over., but whatever I try in a new CSS style doesn't work to put them underneath.
Here is the code and the style sheet code thus far, and I have colored in blue, the items I wanted to have dropdown menu's come from. Can anyone help me or guide me to where I might find this info? I want to get to the next level, but this is as far as the book goes.
thanks!
babs
@charset "UTF-8";
body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: small;
    color: #333;
    background-color: #739112;
    text-align: center;
    #container {
    background-color: #FFF;
    width: 840px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    text-align: left;
    background-image: url(images/container_bg.gif);
    background-repeat: repeat-y;
#header {
    height:80px;
    z-index:1;
    background-color: #9fcc41;
    background-image: url(images/veggies.jpg);
    background-repeat: no-repeat;
    background-position: right;
#header img {
    margin-top: 20px;
    margin-left: 15px;
dl {
    color: #000;
    font-size: medium;
    margin-left: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
dd {
    font-size: small;
    margin-bottom: 10px;
    font-weight: normal;
    margin-right: 10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin-left: 5px;
    #navigation {
    background-color: #88b036;
    height: 36px;
    width: 100%;
    #footer {
    background-color: #ccc;
    clear: both;
    height: 1%;
    #main {
    float: left;
    width: 520px;
    padding-left: 20px;
#navigation ul ul {
    float: none;
#container #navigation ul ul {
    float: none;
    clear: none;
    #sidebar {
    float: right;
    width: 270px;
    background-color: #c8d9bc;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #060;
    #navigation ul li {
    float: left;
    list-style-type: none;
    #navigation ul li a {
    text-decoration: none;
    color: #FFF;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    display: block;
    #navigation ul {
    margin: 0px;
    padding: 0px;
    #navigation a:hover {
    background-color: #9fcc41;
<!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>OrganicUtopia Home Page</title>
    <style type="text/css">
    </style>
    <link href="styles.css" rel="stylesheet" type="text/css" />
    </head>
<body>
<div id="container">
<div id="header"><img src="images/ou_logo.gif" width="210" height="41" /></div>
<div id="navigation">
    <ul>
     <li><a href="#">Home</a></li>
      <li><a href="#">About US</a></li>
      <li><a href="#">Products</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
</div>
<div id="main">
    <h1 >Welcome to organic utopia</h1>
    <p>There's big news at OrganicUtopia this month! We've expanded to include 2 new lines of body and earth-friendly products. We now carry bio-degradeable furniture - imagine a couch you can leave on the street that will slowly decompose back into Mother Earth! We also have added recyclable shopping bags, which eliminate the need for the age-old question "paper or plastic?". These bags are tough, stylish, and eco-friendly!</p>
    <h1 >What do we do?</h1>
    <p> We've got everything from healthy<a href="#"> lifestyle foods</a> and <a href="#">organic gourmet products</a> to other lifestyle products. We also have a full line of eco-friendly furniture, clothes, candles and home furnishings.</p>
    <h1>One stop shoppingOne stop shopping</h1>
    <p>You can find it all here, and our online store makes it easy to order! Pick from carefully selected food, lifestyle and home products and add them to your shopping bag, all from the convenience of home. We even offer free shipping on many items, or save you big dollars by shipping items together.</p>
<p>You can find it all here, and our online store makes it easy to order! Pick from carefully selected food, lifestyle and home products and add them to your shopping bag, all from the convenience of home. We even offer free shipping on many items, or save you big dollars by shipping items together.</p>
    <h1>Member benefits</h1>
    <p>Anybody can shop at Organic Utopia, members however, enjoy certain benefits. For only $150 a year you will recieve a 20% discount on anything in the store. Additionally, you can take advantage of ordering bulk items when you become a member. There's really no reason *not* to join! <a href="#">Learn more.</a></p>
</div>
<div id="sidebar">
    <dl>
      <dt>December 20, 2012</dt>
      <dd>Organic Utopia's blowout sale. Lots of great deals on clothing, food, green accessories and more. Big saviings can be found everywhere!</dd>
      <dt>December 21, 2012</dt>
      <dd> All Organic Utopia stores will be closed to non-members as we prepare for the first annual World Age exhibition. Members are encouraged to come to your local store and help prepare for this once-in-a-lifetime event.</dd>
      <dt>December 22, 2012</dt>
      <dd> Community Green up. Volunteer to help clean up your community's neighborhood. </dd>
    </dl>
</div>
<div id="footer">Content for id "footer" Goes Here</div>
</div>
</body>
</html>

Perhaps it would be helpful for you to view the page source code of this page
http://www.alanwork.com/
As you can see, the submenu code links are immediately below the top level code, and are
wrapped in their own <UL> </UL> tag pairs.
Hope that helps

Using table cells as nav buttons

Hi to all
I manage a fairly large website that I have generated from
scratch a few years ago. I have always tightly controlled the
layout and text formats through CSS, but am now being
‘forced’ to use a corporate-type template with an
incredibly slow and cumbersome online editor. I am in the process
of re-creating the template with DW so that I have local control
and much easier design/coding tools. One of the thing I need to
re-create is a rollover nav bar that re-sizes when the text size is
increased by the user and stretches with different window sizes and
screen sizes …etc. I propose to use a table layout to allow
this re-sizing to happen, but can find no way of using individual
cells within the table as rollover buttons. I’d appreciate
some help in trying to figure out how best to achieve this effect.
Thanks in advance
Doc

http://apptools.com/examples/tdcolor.php
HTH
"Doc_666" <[email protected]> wrote in
message
news:ggol0a$41q$[email protected]..
> Hi to all
>
> I manage a fairly large website that I have generated
from scratch a few
> years
> ago. I have always tightly controlled the layout and
text formats through
> CSS,
> but am now being ?forced? to use a corporate-type
template with an
> incredibly
> slow and cumbersome online editor. I am in the process
of re-creating the
> template with DW so that I have local control and much
easier
> design/coding
> tools. One of the thing I need to re-create is a
rollover nav bar that
> re-sizes
> when the text size is increased by the user and
stretches with different
> window
> sizes and screen sizes ?etc. I propose to use a table
layout to allow this
> re-sizing to happen, but can find no way of using
individual cells within
> the
> table as rollover buttons. I?d appreciate some help in
trying to figure
> out how
> best to achieve this effect.
>
> Thanks in advance
>
> Doc
>
>

Change nav button state when using SSI

I am going to be redesigning a website soon and I am going to use SSI's. Is there a way to change the state of the nav button in relation to the page that is being viewed if the nav bar is in the SSI? If not, what is the best way to achieve this?
I was thinking that the pages specific to the nav buttons (Home, Contact, etc) can not have the nav bar in the SSI and it must be in the main file. If the design is changed in the future the pages containing specific nav button states must be changed individually.
Thanks for any input.

<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
This links to the file that is required for the Spry Element Selector
function InitPage(){
Spry.$$('#MenuBar1 li').forEach(function(node){
    var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
    if(a.href == window.location){
        Spry.Utils.addClassName(node,"activeMenuItem");
This function checks the list items (li) within div ID MenuBar1 and retrieves the the link within the anchor (a) element. If the link (a.href) is the same as the URL (window.location) then add a class called activeMenuItem to the list item.
Spry.Utils.addLoadListener(InitPage);
When the page loads, this will trigger the function
.activeMenuItem a {
    background:#a59a84 !important;
    color:#ffffff !important;
We need to add style rules for the anchor element within the list item with the class of activeMenuItem.
Gramps

How to use CSS to create horizontal nav bar in Dreamweaver CS6

How to use CSS to create horizontal nav bar in Dreamweaver CS6

One of the ways to do it is this: Tryit Editor v1.9
You can also use floats to get something to the same effect.

Help with nav buttons please

Hey there, i've recently been following a tutorial and I have come across a problem with the AS for the nav buttons, http://www.flash-game-design.com/flash-tutorials/basic-flash-website-tutorial-6.html, the tutorial says to write:
btnabout.onRelease = function(){
    content.gotoAndStop("about")
btnport.onRelease = function(){
    content.gotoAndPlay("port")
btncont.onRelease = function(){
    content.gotoAndStop("contact")
I have done this and it came with an error saying needs to be in handler, so i re-entered this:
btnabout.on(release) = function(){
    content.gotoAndStop("about")
btnport.on(release) = function(){
    content.gotoAndPlay("port")
btncont.on(release) = function(){
    content.gotoAndStop("contact")
This code then came back with a Expected a field name after '.' operator. btnabout.on(release) = function(){ can anyone please help me i'm starting to pull hairs out?!
Thanks
P.S it must be AS 2.0 as that is what my portfolio page uses.

The problem with the first attempt was not the code, but where you placed it. That code needs to be placed on the timelinein the same frame as where the buttons are (preferably in a separate 'actions' layer). This approach is the better approach than trying to place the code on the objects because it keeps all code in a single easy to find location... the timeline.
For the second attempt, assuming you were still trying to attach the code to the buttons, you should change the code to....
on(release) {
    content.gotoAndStop("about")
on(release){
    content.gotoAndPlay("port")
on(release){
    content.gotoAndStop("contact")
but.... each of those needs to be attached to the button associated with it and not grouped together. This is an older style of coding that is best avoided due to ending up with code hiding on objects.

Adjusting position of nav buttons

I'm working on an intranet site in DW CS4. Some of the pages have nav buttons on the right-hand side of the page. I would like these buttons to always line up with the edge on the right, i.e., adjust position if the user is using a larger monitor to view the site. Any suggestions as to the best way to accomplish this?
Thanks.

With CSS:
#divName {
width: value in %;
text-align: right;
float: right;
For better answers to layout questions, we need to see your HTML and CSS code.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Template doesn't update nav buttons

Hi, Having a problem getting my template to update the spry menubar links. Spent a lot of time on the template to get it right. The banner and navigation buttons are part of the template. So here's what I did....after creating and saving the page as a .dwt file I then created a page from template, the update links box was checked. Once opened I save it as index.html added my content, saved, published and continued the same way for the other pages. The pages look fine but none of the nav buttons work. Don't know what to do. Any suggestions. Using Dreamweaver CS4
Thanks
Frank

Sorry, not sure how to do the 'show us a link to your Template.dwt file/" So here's the code Thank you very much
<!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>Levick Multi Services</title>
<link href="../oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style></head>
<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
    <h1><img src="../Levick Banner.jpg" alt="Banner" width="900" height="232" border="0" usemap="#Map" />
      <map name="Map" id="Map">
        <area shape="rect" coords="7,9,885,179" href="#" />
        <area shape="rect" coords="690,184,897,219" href="mailto:[email protected]" />
      </map>
    </h1>
    <table width="855" border="0" align="center" cellspacing="0">
      <tr>
        <th height="39" scope="col"><ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="../index.html">Home</a>            </li>
          <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
            <ul>
<li><a href="../AboutUs.html">Our History</a></li>
<li><a href="../OurPrivacyNotice.html">Our Privacy Notice</a></li>
<li><a href="../OurLocations.html">Our Location</a></li>
            </ul>
          </li>
          <li><a href="../Services.html">Services</a>            </li>
          <li><a href="#" class="MenuBarItemSubmenu">Your Policy</a>
            <ul>
              <li><a href="#" class="MenuBarItemSubmenu">Home</a>
                <ul>
                  <li><a href="#">Types of Coverages</a></li>
                  <li><a href="#">Optional Coverages</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Auto</a>
                <ul>
                  <li><a href="#">Underwriting Factors</a></li>
                  <li><a href="#">Liability Damage</a></li>
                  <li><a href="#">Property Damage</a></li>
                  <li><a href="#">Optional Auto Coverage</a></li>
                  <li><a href="#">Tort Options</a></li>
                </ul>
              </li>
              <li><a href="#">Commercial</a></li>
            </ul>
          </li>
          <li><a href="../WhyChooseUs.html">Why Choose Us</a></li>
          <li><a href="../ContactPage.html">Contact Us</a></li>
        </ul></th>
      </tr>
</table></div>
<div id="mainContent">
    <p> </p>

</div>
<div id="footer">
    <p>Website created and maintained by<br />
    <a href="Francis" _mce_href="mailto:[email protected]">Francis">mailto:[email protected]" >Francis J. Cunningham, Jr. </a></p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Image swap rollover nav div expands in mobile platform.

DW CS6, MacPro
Sidebar, ID "navMenu", Nav button "ORDER PARTS" and "After Hours" seem to add padding when viewed in mobile environment. The "After Hours" button appears to add more than the other.
The background image is exactly the same size. (Photoshop, layers, one file)
I didn't use "H" tags, so line height not an issue.
Only difference is one all caps, other is mixed case.
View at test site:
http://02ca0d2.netsolhost.com/action_appliance_02/pages/order_parts.html
Thanks in advance,
Joe Satterwhite
SatGraphics

Your html width and height are partially overriding your css.
Try removing the width="175" height="42" from the nav_order.jpg image in the html.
That should allow the css to regain full control.

Transparent Background on Nav buttons

I can't get rid of my spry widget backgrounds. Do not want
any color on them.
My page layout was done in Photoshop and I want my nav
buttons to just be transparent over it. In other words, type only,
no color behind.
Have been looking for 2 hours thru docs and vids. thanks.

Create a file to put your css values in (I'll call it "hello-world.css").
In hello-world.css put the following style:
.tab-pane *.tab-header-background
-fx-background-color: #00000000;
Add this to your code:
Scene scene = new Scene(root);
scene.getStylesheets().add(getClass().getResource("/hello-world.css").toExternalForm());
The code above will apply the style to all TabPanes in your scene. You also have the ability to apply the style only to a given instance CSS can by used to do that as well. There are others ways to accomplish the same thing. This way was more straight forward to me.

How do I create a horizontal nav-bar with CSS, set to an exact width?

I have a problem that I need help with. All I need to do is
to create a simple text-based horizontal navigation bar using CSS.
I have seen many CSS tutorials online about how to make a
horizontal navigation bar using unordered lists, but they all seem
to either set the bar to be centred or to the full width of the
page, or if they do set it to be a certain width, then the buttons
within that width are centred within pre-defined widths for each
one.
Unfortunately none of these help me - let me explain my
scenario...
I have an area that is exactly 700px wide. In this area I
want to put 5 text hyperlinks.
I want the first text-link to be aligned to the left of my
700px width, and I want the last text-link to be aligned to the
right of the 700px width.
I want the spaces between each of these text-links to all be
the same.
The only definite known width is the overall 700px. I will
not know the width of each text-link, as (a) they are all live
text, and (b) the phrases for each could change.
I have mocked up a quick diagram showing in more detail
precisely what I mean:
http://www.nothowitlooks.com/temp/navbar.gif
Can anyone please help me with this?
Thanks.

.oO(BrettArchibald)
>Oh look, a third person joining the discussion and not
actually proposing any
>solutions to the original query. Just what this thread
needs.
Oh look, a person seeking for help turning into a troll. Just
what this
group needs.
> Well, to be fair, Kim did make a sterling effort in
trying, but just didn't
>manage to fully understand the layout required.
>
> To address your "points":
>
quote:
some things simply can't be done or don't make any sense in
the Web. Even a
>client has to accept that. Let them write wishes to Santa
Clause if they want,
>but they have to accept the rules of the medium they're
working with.
>Period.
> Wrong, wrong, silly comment and wrong.
>
> To elaborate: firstly, with regards to design,
everything can be done, it's
>simply a matter of how.
Only in your fantasy. In practice there are always some
limits enforced
by the used material or technology. You simply can't violate
such basic
rules and laws, even if you would like to.
>Whether you use text, images, tables, CSS, or even
>Flash, the objective is first to design the site with
both your client's and
>their customers needs and expectations, and then to build
it, regardless of how
>difficult-to-code that design may or may not be.
It always looks good on paper, but not every design can be
turned into
practice. This not only applies to web design, but to almost
every kind
of development. Often enough you have to find compromises or
workarounds
if the engineers say "won't work". The problem is that many
designers
don't understand this or don't want to. They're just thinking
and living
in their perfect theoretical world, but have no idea of how
things work
in the real world. And many theoretical things simply don't
work there.
Each medium has its own rules and laws. Some things may work
well for a
printed paper for example, but not in the Web and vice versa.
Of course
you can try to break these rules, but you'll definitely fail.
>You should not compromise your
>design because of a lack of coding knowledge.
It's not lack if coding knowledge if you refuse to try things
that are
impossible or don't make sense. It's quite the opposite,
because you
don't have to waste your time with something that won't work
at all.
>If you don't know how to do it
>yourself, then find out how to do it (which is what I was
*originally* trying
>to do here, remember?).
Quite easy. Surf the web, and if you see something like what
you want,
just have a look at the source code or post the URL here. If
it can be
done, then it already has been done. Just show us an example
and we'll
happily explain it to you.
> Secondly, no, a client does NOT have to accept that
"some things simply can't
>be done or don't make any sense in the Web".
Sure they have. The client is not always king. And if they
insist on
stupid things and always know it better - why the hell are
they hiring
you instead of doing it themselves? If they want their work
to be done
by an expert, they should also _listen_ to that expert and
let him do
his work properly instead of telling him how he should do it.
That's not
going to work.
>Like I said earlier, some clients
>are not interested in hearing about how what they want
cannot be done, and any
>attempts to tell them so only serve to convince them to
take their work, and
>their money, to someone else. Most clients, thankfully,
are adaptable and
>willing to reason. However, some are not, and if these
clients take their money
>elsewhere, you lose the job and you don't get paid. It's
that simple.
Let's say you want a little film to be made about whatever.
Would you
tell the director where he should position the cameras, the
lights and
all the stuff? He already knows _what_ you want to get, so
why don't you
just let him decide _how_ to do it? It's his job! And if he
says that
filming directly towards bright sunlight usually doesn't work
well, you
should respect his expert opinion.
>
quote:
You won't make friends here with such an attitude. Please
stop insulting
>regulars or just leave.
>
> Firstly, I'm not here to make friends. Neither am I here
to make enemies. I am
>here to get help with a coding problem. When people offer
"alternative advice"
>that hinders my progress in finding a solution, I tell
them so. I give back
>what I get.
You asked for advice and you got proper answers. We really
don't need
people here just looking for the answers they want to hear.
Often enough
people are coming here looking for a cure to a particular
problem, while
it would be much easier to avoid that problem right from the
beginning.
Of course if they don't want to hear such alternatives -
their problem.
> Secondly, I was not aware that "regulars" to this site
had any special
>"insult-free privileges" or suchlike that newcomers did
not.
It's not the best idea to bite the hand that feeds you. It's
the group's
regulars who answer almost all of the questions here. And
most of them
also know how to use a killfile.
>I don't care if
>someone is a regular or a newcomer - when I ask a
technical question and
>instead of either potential advice or even silence, I
instead receive
>un-warranted "design advice", I'll make my opinions
known.
So do we. If someone wants something that's not possible or
not going to
work, we'll "make our opinions known". After all that's what
a free
discussion board/forum/group is for.
> As for the "just leave" suggestion for supposedly
"insulting regulars", I
>could very well say the exact same thing to you, for the
reason of not actually
>contributing anything to the discussion that attempts to
address the original
>query of this thread.
> In fact, you know what, I think I will. Here goes:
> Please either propose a solution to my original CSS
problem or just leave.
> There, how was that?
Want to try again?
With pure CSS and text links it can't be done within the
given
constraints. I even doubt that it's possible with a table. So
either
drop the fixed 700px width or the equal space between the
buttons.
> P.S: Seeing as though pedantry seems to be something
you're interested in,
>judging by the "rant" tag comment, I thought I'd point
out that you spelled
>Santa Clause wrong.
You can keep the 'e'. In German we have more than enough of
them.
And if you would be familiar with web design, then you would
have known
where this ironic "error message" came from.
Your turn.
Micha

Required Creation of button using images.....

Hi,
I have three images left , right and center and i hav to create my own commandButton using these images. The left image is single and no repeat is applied to it and as with the right image but the center image has a repeat property which repeats according to the size of the text which we have for the button. I can did it easly in html using css but in adf i m facing a problem to do so. Pls suggest smthng..... thnx in adv.....
In html i m doing it by
<div class="button ">
     <div class="left"></div>
     <div class="center">
          <span> click me </span>
     </div>
     <div class="right"></div>
</div>
but when i m doing same in adf it split each part in a <td> tag.....

Have you read about skinning? It sounds to me that this is what you are looking for.
John

Top Nav buttons not working after publish, but works in app. WHY?

I have tried to find out why these buttons will not work after publishing. They work fine while in the iWeb app, but not when publishing. I do not have any objects near the top nav buttons. The first site went off without a hitch
<www.serenitycustompools.net> the second site began the problem with the last page, the nav buttons would not work. Now this 3rd site, none of the nav buttons at top will work after publish, but will work in app. Anyone else having the same probs? None of my pages have the same names or any punctuation marks, and they are simple one word named pages.
mini intel Mac OS X (10.4.9)

They all work for me, try clearing your browser cache or using another browser.

Simple nav buttons not displaying correctly

When I add content to the page that expands the table, the
nav buttons on the left "spread out". This isn't happening in
Safari. Any help would be much appreciated. Here is the page I'm
working on:
http://www.csayersdesign.com/achieveIT/pages/company.htm

Curtis Sayers wrote:
> When I add content to the page that expands the table,
the nav buttons on the
> left "spread out". This isn't happening in Safari. Any
help would be much
> appreciated. Here is the page I'm working on:
>
http://www.csayersdesign.com/achieveIT/pages/company.htm
>
>
Problem is you're doing what a lot of beginners do, trying to
create a
page by using one single table and splitting the cells into
numerous
cells......that aint going to work as you have found out.
It doesn't help either that you are allowing Fireworks to
generate this
code. When you do that it normally produces fragile code that
the
browser tries its best to interpret and a lot of times fails
The design you're trying to produce is a fairly basic 2
column table
which you should ideally set up directly in Dreamweaver.
A sticking plaster option would be to remove all the elements
in your
navigation side bar and merge that column back into one
single cell. You
can do that by click-dragging in Dreamweaver then in the
properties
inspector where it says 'cell' in the bottom left corner
click the white
square icon which will merge all the cells into one.
The downside to this is that it may upset the fragile code
created by
Fireworks and throw your page into even more turmoil.
If it does work you then need to insert another table (a
nested table)
into the cell which you merged back into one. Then put your
navigation
buttons into it.
Tables that are independent of one another cannot interact
and so you
create a more stable environment for your design.

Placing rollover nav buttons using CSS

Similar Messages

Maybe you are looking for