Help needed with CSS menu please

Hello
Could someone give me a hand with a CSS menu I am struggling
with please?
I want each of the blue menus to have a black border around
it (so 4 borders in total). And how do I make each menu have a
closer gap? I need them squashed up a little bit more vertically.
The code is as follows -
<style type="text/css">
#ddblueblockmenu{
width: 179px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 0 solid #FFFFFF;
border-left: 1px solid #FFFFFF;
#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 75% 'Trebuchet MS', 'Lucida Grande', Arial,
sans-serif;
border: #000000;
#ddblueblockmenu li a{
display: block;
padding: 5px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and
margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 11px solid #FFFFFF; /*change border gap size
here*/
/*border-left: 1px solid #1958b7;
* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and
margins*/
#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #FFFFFF;
font: bold 60% 'Trebuchet MS', 'Lucida Grande', Arial,
sans-serif;
</style>
<body>
<div id="ddblueblockmenu">
<ul>
<li><a href="whoarewe.htm"><strong>What We
Offer</strong></a></li>
<li><a
href="guidelines.htm"><strong>Professional
Guidelines</strong></a></li>
<li><a
href="workshops.htm"><strong>Workshops</strong></a></li>
<li><a href="contactus.htm"
style="border-bottom-color: white; font-weight:
bold;">Contact</a></li>
</ul>
</div>
</body>
</html>
Any help is very greatfull appreciated!!
Tom

"Gary White" <[email protected]> wrote in message
news:[email protected]..
> On Tue, 23 May 2006 11:42:13 +1000, ".: Nadia :. ACE :."
> <[email protected]> wrote:
>
>>If you want a border the same color around the whole
menu, you can use the
>>short-cut method:
>>
>>border { 1px solid #FFF;}
>
>
> Uh ...
>
> #ddblueblockmenu{
> width: 179px;
> border: 1px solid #fff;
> }
>
um... that's what I meant... the OP had all four sides styled
separately,
with 0 for one side... but mentioned he wanted a border on
all sides....
hence my arrow pointing out the side that had 0 for border
and what could
be used as a shortcut method of styling the border....
Maybe my post wasn't exactly clear ;-)
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html

Similar Messages

  • Help needed with CSS drop down menu

    Hi guys,
    I'm trying to build a drop down menu for my site but, despite seeing a few tutorials and examples, I've had no luck yet!
    I'm pretty sure my HTML is correct...
    Code:
        <ul id="nav">
        <li><a href="#">Menu 1</a></li>
        <li><a href="#">Menu 2</a></li>
        <li><a href="#">Menu 3</a>
                <ul>
                    <li><a href="#">Drop Down 1</a></li>
                    <li><a href="#">Drop Down 2</a></li>
                    <li><a href="#">Drop Down 3</a></li>
                    <li><a href="#">Drop Down 4</a></li>
                </ul>
            </li>
        <li><a href="#">Menu 4</a></li>
        <li><a href="#">Menu 5</a></li>
        </ul>
    My CSS looks like this at the moment...
    Code:
    ul#nav {width:920px; height:35px; list-style:none; padding:0; margin:0; background:url(navBg.jpg) repeat-x; font-family:'OpenSansRegular'; font-size:11px; font-weight:700; text-transform:uppercase; -moz-box-shadow:0px 0px 10px #1c1c1c; -webkit-box-shadow:0px 0px 10px #1c1c1c; box-shadow:0px 0px 10px #1c1c1c; z-index:999;}
    ul#nav li a:hover, #nav li a:active {background:url(navOn.jpg) repeat-x; text-decoration:none;}
    ul#nav li a {border-right:1px solid #000; color:#E0E2E7; display:inline-block; float:left; margin:0; padding:10px 19px; width:auto; text-decoration:none;}
    * html #nav li {display:inline; float:left; }  /* for IE 6 */
    * + html #nav li {display:inline; float:left; }  /* for IE 7 */
    ul#nav li ul {left:-9999px; position:absolute; list-style:none;}
    ul#nav li:hover ul {left:0; position:absolute;}
    ul#nav li ul li {}
    ul#nav li ul li a {width:230px; background-color:#efefef; color:#2e2e2e; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; border-bottom:solid 1px #FFF; padding:7px; margin:0;}
    ul#nav li ul li a:hover {background-color:#028efd; background-image:none; color:#FFF;}
    I'm really struggling with this. Does anyone know how I can get Menu 3 to display the four drop down items beneath it - not the same width as the Menu 3 button but just inline with it.
    Thank you very much and I hope to hear from you.
    SM

    Try this. It's been adapted from a menu I previously made on another site.
    #menu {width:920px; height:35px; padding:0; margin:0; background:url(navBg.jpg) repeat-x; -moz-box-shadow:0px 0px 10px #1c1c1c; -webkit-box-shadow:0px 0px 10px #1c1c1c; box-shadow:0px 0px 10px #1c1c1c;}
    ul#nav a {font: 700 11px 'OpenSansRegular', arial, helvetica, sans-serif; text-transform:uppercase; margin:0; padding:5px 15px; line-height:25px; color: #666; text-decoration: none; display:block; list-style: none;}
    ul#nav a:hover, ul#nav a.active {color: #999; background:url(navOn.jpg) repeat-x; text-decoration:none;}
    ul#nav {position: relative; margin: 0; padding: 0;}
    ul#nav ul {display: none;}
    * html #nav li {display:block; float:left; }  /* for IE 6 */
    * + html #nav li {display:block; float:left; }  /* for IE 7 */
    ul#nav li, ul#nav li li {position: relative; float: left; list-style: none; border-right:1px solid #000;}
    ul#nav li:hover ul {position: absolute; top: 35px; left: -1px; display:block; padding: 0; margin: 0;}
    ul#nav li li {width:230px; background-color:#efefef; color:#000;  font: normal 10px 'OpenSansRegular', arial, helvetica, sans-serif; border-bottom:solid 1px #FFF; border-right:none; border-left:1px solid #000; padding:0 5px;}
    ul#nav li li:hover, ul#nav li li a:hover {background-color:#028efd; color:#FFF;}
    <body>
    <div id="menu">
    <ul id="nav">
        <li><a href="#">Menu 1</a></li>
        <li><a href="#">Menu 2</a></li>
        <li><a href="#">Menu 3</a>
                <ul>
                    <li><a href="#">Drop Down 1</a></li>
                    <li><a href="#">Drop Down 2</a></li>
                    <li><a href="#">Drop Down 3</a></li>
                    <li><a href="#">Drop Down 4</a></li>
                </ul>
            </li>
        <li><a href="#">Menu 4</a></li>
        <li><a href="#">Menu 5</a></li>
        </ul>
        </div>
    </body>

  • Help needed with this tutorial please

    Hello in this InsertUpdateDelete tutorial at:
    http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/index.jsp
    or
    http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/2/inserts_updates_deletes.html
    and in this paragraph:
    Changing the Column Components
    and this statement
    In the Visual Designer, select the top Drop Down List component in the Table.
    "It's pretty confusing because there isn't a Drop Down List component in the Table as far as i can tell. There is a Drop Down List on the canvas up above this data table, but that has already been bound in a previous process, here is that previous proces:"
    Configuring the Drop Down List
    Select the Drop Down List in the Visual Designer and, in the Properties window, change its General > id property to personDD.
    Right-click the personDD Drop Down List in the Visual Designer and choose Bind to Data from the pop-up menu. The Bind to Data dialog box appears.........
    Can anyone tell me where i can get help with this tutorial or where i can download the finished program so i can sync up with what is actually being referenced in the questional statement that i mentioned above please?
    Thanks very much!
    BobK

    In Step 5 of "Changing the Column Components" you change the Trip Type column to a drop-down list.
    5. Select TRIP.TRIPTYPEID from the Selected list and make the following changes:
    * Change the Header text field from TRIPTYPEID to Trip Type.
    * Using the drop-down list, change the Component Type from Static Text to Drop Down List.
    6. Click OK to enforce your changes and dismiss the window. If the table columns are too wide after performing the above steps, you can resize them by selecting the first component in each column and dragging its selection handles.
    7. In the Visual Designer, select the top Drop Down List component in the Table. Right-click and choose Bind to Data from the pop-up menu. The Bind to Data dialog box opens.

  • Help needed with while loops please :)

    I'm beginning to study java at School.
    My assignment using while loops, to ask user to input 2 numbers.
    I have to output all odd number between the two.
    I have to output the sum of all even numbers between the two.
    Output all the numbers and their squares between 1-10.
    Output the squares of the odd numbers between the 2 numbers the user entered.
    Output all uppercase letters.
    If anyone can give me any help, I would appreciate it greatly.
    Thank you.
    Kelly.

    It would help if you put aside your code, and wrote out some pseudo-code first so that you understand the steps you will need to take. for example
    get input from user
    set counter to first number entered
    while counter less than/ equal to second number
          check if number is even
               if even, add to even_sum
               else output counter, along with its square
          increment counter by one
    end while
    output sum of evensthat block, when coded, will solve 3 of the problems, the other 2 will require separate loops
    Good Luck

  • Help needed with 'while' loop please

    Problem: When a non-integer is entered, the console displays "Enter a wager > java.util.InputMismatchException" intermitentlly.
    Here is the source codes
    ===================
    import java.util.Scanner;
    public class Test {
         private static int bankBalance = 1000;
         public static void main(String []args) {
              System.out.println("You entered: " + wager());
          Ask user for a wager, which must not be greater than 'bankBalance' and
          must be a valid Integer. Continue asking until a valid wager is entered.
         private static int wager() {
              Scanner scanner = new Scanner(System.in);
              int input = bankBalance + 1;
              boolean isValid = false;
              while( (input > 1000) || (isValid == false) ) {
                   try {
                        System.out.print("Enter a wager > ");
                        input = scanner.nextInt();
                        isValid = true;
                   } catch(java.util.InputMismatchException im_exc) {
                        System.out.println(im_exc.toString());
              return input;
    }

    It would help if you put aside your code, and wrote out some pseudo-code first so that you understand the steps you will need to take. for example
    get input from user
    set counter to first number entered
    while counter less than/ equal to second number
          check if number is even
               if even, add to even_sum
               else output counter, along with its square
          increment counter by one
    end while
    output sum of evensthat block, when coded, will solve 3 of the problems, the other 2 will require separate loops
    Good Luck

  • Help needed with nokia 6300 please

    I have nokia 6300 , I have unstalled many programs on it (like messenger and google earth java files) some of them needs to connect to internet through gprs but they give a message "Subscribe to packet transfer first". But my device connects to web and opens pages through explorer.
    Please if any can give help and thanks to all.........

    Are you sure your connecting by gprs to the net, or by other means say WIFI or wap? There are many packet services & not all are provided by ISP unless one subscribe to it.
    Knowledge not shared is knowledge wasted!
    If you find it helpfull, it's not hard to click the STAR..

  • Help needed with Synergy 4500 please

    I have inherited a set of BT Synergy 4500 phones and have been trying to get them set up but am having problems - can somebody please give me some help?
    First, there are three handsets but one is showing as number 4, (I suspect there might have originally been 4 but one has disappeared).  I've been trying to renumber this but no luck.
    When I lift the phone to make a call I get a noise that sounds like an engaged tone - not like an ordinary dial tone, and I can't seem to dial out - nothing happens.
    One of the handsets indicates there are three unanswered calls - how can I clear this? 
    TIA 

    There are help pages here http://bt.custhelp.com/app/answers/detail/a_id/11489/~/bt-synergy-4500
    The guide should tell you how to clear the calls.
    There are some useful help pages here, for BT Broadband customers only, on my personal website.
    BT Broadband customers - help with broadband, WiFi, networking, e-mail and phones.

  • Help needed with my form - PLEASE!

    My form on avarislaw.com is working properly.
    The form attach file area should not be mandatory but for some reason it still apears even when I change this in BC.
    Please help!
    Thanks
    Andy

    You need to remove the javascript validation for that form element in the HTML of the form as well.

  • Help needed with iPhoto settings Please ?

    Hi,
    When I click the "places" tab iPhoto states that I am not connected to the internet..when I AM
    I see that there are other users experiencing the same issue as me, mostly with no replies at all.
    Surely somebody out there knows how to rectify this problem ?!?
    My macbook pro is 3 weeks old......Mavericks 10.9.4
    I have not downloaded many apps yet, and have not changed any iPhoto settings.
    I have Location Services set to enabled.
    My internet connection is Not dropping.
    Really hoping there is a kind and understanding person out there willing to spend a few minutes to help a newbie.

    Hi again LN..... I have now set it to the other option offered > Automatically <
    Directly underneath that it says: include location information for published items
    I haven't a clue what that means or if I should have that ticked ? 
    Thank you so much for the answer to my places / internet connection issue 

  • Help needed with Mac Mini please

    I have just noticed the start up "dong" has stopped working and I believe this could indicate some problems somewhere, but how (without going to a "genius bar", would I go about finding out the problems?
    I know it has a faulty cd/dvd drive as it no longer burns cd's or even play dvd's (going to be fun when Snow Leopard is released :/ )
    Any advice of any programs I could run etc to try and solve these issues if possible please, and I can not format the drive do to the dvd not working.
    Many thanks, Jim!

    I wouldn't worry about the startup chime. It's been years since my Mini had one. Still works fine.
    For an Intel Mini, you can try an SMC reset. Can't hurt; might help:
    http://support.apple.com/kb/HT1543
    I suspect the CD/DVD drive is just worn-out or too dirty.

  • Help need with dire problem please.

    Hi all, my 24 inch iMac has spat the dummy! I installed a trial version of Photo Shop and somehow while attempting to install the program I got a weird series of screen images with the prohibition sign......never seen this one before.
    Tried to do a restart, but the grey Apple screen came up with rapidly repeating logo's, 'prohibition' and question marks and others too.
    I though maybe an 'archive and install' might be the way to go, but first tried all the keyboard commands to get it going, not successful!
    Initially the archive and install got going OK but I decided to abort the installer and go back, restart the installer and try to get into disc repair. I thought this would enable me to delete the offending installer for Photo Shop.
    Now I find I cannot get the Leopard disc to fire up. A grey screen comes up with the circulating wheel, but no boot up. I have Disc Warrior, but this disc also is not recognised.
    I have tried all this several times to no avail. I have everything backed up to my EHD. Cannot access this either at the moment. Thank goodness for my MacBook.
    Can anyone shed some light on this problem. I would be most grateful if you could.
    Ron Begg, Australia

    Since your startup volume install was aborted, your disk never got "blessed" as a startup volume, that's one reason why your running into so many problems.
    Also you might be "locked out" of the volume due to install abort.
    Do this First -
    Restart with the Command and S keys held down (single user mode)
    and enter the following commands
    (one at a time - pressing return after entering them):
    mount -uw /
    chown root:admin /
    chmod 1775 /
    again at the command prompt type:
    /sbin/fsck -fy
    Repeat fsck until no errors found.
    Once fsck has run successfully-
    again and lastly at the command prompt type:
    reboot
    If everything was successful, you should be able to get your
    Leo install disk to boot or anything else you would like to try.
    Kj

  • Help me with this menu please!!!

    Hi
    import java.awt.*;
    import javax.swing.*;
    public class MyMenue extends CloseWindow
    public MyMenue(String title)
    super(title);
    //Menu Items
    JMenuBar jmbar = new JMenuBar();
    JMenu jmenue_1 = new JMenu("JMenue_1");
    JMenu jmenue_2 = new JMenu("JMenue_2");
    jmenue_2.add(new JMenuItem("MenuItem_1.1"));
    jmenue_2.add(new JMenuItem("MenuItem_1.2"));
    jmenue_2.add(new JMenuItem("MenuItem_1.3"));
    //Creating Sumbemnus and their items
    JMenuItem mitem2 = jmenue_2;
    jmenue_1.add(mitem2);
    //Adding one menue to the Menu Bar class
    jmbar.add(jmenue_1);
    // Adding secend submenu on the buttom of menu items
    jmenue_1.add(new JMenuItem("MenuItem_1"));
    jmenue_1.add(new JMenuItem("MenuItem_2"));
    jmenue_1.add(new JMenuItem("MenuItem_3"));
    getContentPane().add(jmbar,BorderLayout.SOUTH);
    //jpopup.add(jmenue_1);
    setSize(300,200);
    setVisible(true);
    public MyMenue()
    this("This is my 1st menue");
    public static void main(String[] args) throws InterruptedException //NullPointerException
    MyMenue myM = new MyMenue("This is my 1st menue");
    Does anybody know how to change the background color and how do you do to use hyperlinks in menuitems and who about user interactivity for ex. when s/he click on the menu it should open new web page in the browsers. Dose anybody know the codes or have EXACLY on this topic good resources on the web where i can lear it. I have to books about Java 2 but they don't have exaples so i am appriciate for exaples.
    Second thing, is everything in my codes looks alright, ?
    Before i threw exception in the main method the program was freezing up when i click couple time the menues and the put mouse over the menu 1 containing the sub-menus -> Why was that, what caused it, and how to hadle that, (did i handled corectly? in the applet above?)
    Sorry for that much text to read!
    Thanks in advance
    Any hint from you I apprieciate

    Hi.
    I got some possible answer for U.
    For opening a page in the default browser, U can use this type of program (more informations are available at "question of the week number15"):
    import java.io.*;
    class Launch{
         public Launch()
              try{
              /* ok for windows NT */
              Runtime.getRuntime().exec("cmd /c start www.yahoo.com");
              /* normally ok for windows95 */
         //Runtime.getRuntime().exec("start www.yahoo.com");
         } catch (IOException exception) {
              System.out.println ( exception.getMessage());
    To change the background color (in red in this example), use :
    this.getContentPane().setBackground(Color.red);
    good luck

  • Since installing Firefox 4 I cannot install addons - help needed with new browser please

    Have tried to install add-ons, and whilst they appear to have installed nothing is added to the tools add-ons button.

    This can be caused if one of the files that stores details of installed extensions is corrupt.
    # Open your profile folder, for details of how to find it see https://support.mozilla.com/kb/Profiles
    # Close Firefox
    # Delete the following files if they exist, extensions.cache, extensions.rdf, extensions.ini and extensions.sqlite
    # Re-start Firefox, it will then rebuild the list on installed extensions

  • Help needed with header and upload onto business catalyst

    Can someone help with a problem over a header please?
    I have inserted a rectangle with a jpeg image in  background, in the 'header' section, underneath the menu. It comes up fine on most pages when previsualised, going right to the side of the screen, but stops just before the edge on certain pages. I have double checked that I have placed it in the right place in relation to the guides on the page.
    That's one problem.
    The second problem is that I tried to upload onto business catalyst, which got to 60% and refused to go any further, saying it couldn't find the header picture, giving the title and then u4833-3.fr.png. The picture is in the right folder I have double checked. And it isn't a png. Does it have to be ?
    And the third problem is that I got an email following my upload from business catalyst in Swedish. I am living in France.
    Can anyone help ? Thanks.

    Thanks for replying,
    How can I check the preview in other browsers before I publish a provisional site with BC?
    The rectangle width issue happens on certain pages but not others. The Welecom page is fine when the menu is active, also the contact page, but others are slightly too narrow. Changing the menu spacing doesn’t help - I was already on uniform but tried changing to regular and back.
    In design mode the rectangle is set to the edge of the browser, that’s 100%browser width right?
    Re BC I have about 200 images on 24 different pages and it seems to be having difficulty uploading some of them. But it has managed a couple I named with spaces but not others I named with just one name.
    Is there an issue on size of pictures ? If I need to replace is there a quick way to rename and relink or do I have to insert the photos all over again?
    I’m a novice with Muse with an ambitious site !
    Thanks for your help.
    Mary Featherstone
    Envoyé depuis Courrier Windows
    De : Sanjit_Das
    Envoyé : vendredi 14 février 2014 22:15
    À : MFeatherstone
    Re: Help needed with header and upload onto business catalyst
    created by Sanjit_Das in Help with using Adobe Muse CC - View the full discussion 
    Hi
    Answering the questions :
    - Have you checked the preview in Muse and also in other browsers ?
    - Does the rectangle width issue happens when menu is active , or in any specific state , Try to change the menu with uniform spacing and then check.
    - In design view the rectangle is set to 100% browser width ?
    With publishing :
    - Please try to rename the image file and then relink
    - If it happens with other images as well , see if all the image names includes strange characters or spaces.
    - Try again to publish
    With e-mail from BC :
    - Under preferences , please check the country selected.
    - If you have previously created partner account in BC and selected country and language then it would follow that, please check that.
    Thanks,
    Sanjit
    Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/6121942#6121942
    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/6121942#6121942
    To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/6121942#6121942. In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Help with using Adobe Muse CC at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

  • HELP NEEDED WITH ADDAPTER-DVI TO VGA.

    PLEASE ...HELP NEEDED WITH WIRING CROSS OVER....CAN YOU HELP WITH BACK OF PLUG CONNECTIONS...I SORTA UNDERSTAND THE PINOUTS BUT CANT MAKE AN EXACT MACH...WOULD LIKE TO BE 100% SURE...
    ......THIS ENSURES NO SMOKE!!!                                                                                           
    THE CARD IS AN ATI RADEON RX9250-DUAL HEAD-.........ADDAPTER IS DVI(ANALOG)MALE TO VGA(ANALOG)FEMALE.
    ANY HELP VERY MUCH APPRECIATED........ SEEMS YOU NEED TO BE ROCKET SCI TO ATTACH A BLOODY PICTURE...SO THIS HAS BEEN BIG WASTE OF FING TIME!

    Quote from: BOBHIGH on 17-December-05, 09:21:31
    Get over it mate !
    I find it easy t read CAPS...and if you dont like it ...DONT READ IT!
    And why bother to reply...some people have nothing better to do.
    Yes there chep and easy to come by...Ive already got a new one.
    All I wanted was to make a diagram of whats inside the bloody thing...it was a simple question and required a simple answer.
    NO NEED TO A WANKA !!
    I feel a bann comming up.
    Have you tryed Google ? really.. your question is inrelevant. No need to reply indeed.
    Why do you come here asking this question anyway ? is it becouse you have a MSI gfx card ? and the adapter has nothing to do with this ?
    You think you can come in here yelling.. thinking we have to put up with it and accept your style of posting. This is not a MSI tech center.. it's a user to user center.. Your question has nothing to do with MSI relavant things anyway's.
    Google = your friend.
    Quote from: BOBHIGH on 17-December-05, 09:21:31
    it was a simple question and required a simple answer
    Simple for who ? you (buying a new one) ? me ? we ?   .really...........
    Quote from: Dynamike on 16-December-05, 04:11:48
    1: There are allot of diffrent types of those adapters.
    If any of the mods have a problem about my reply.. please pm me.

Maybe you are looking for