Justify the text of the hyperlink in the Navigation bar

Hello

I'm trying to justify text in my navigation bar (which are all hyperlinks).  I would like to use css.  I tried a variety of things, but none seems not to work.  I enclose the text.  If someone could write the code, I need would be greatly appreciated!  Thank you!  I have attached the file as well.

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 > Shupaca < /title > Alpaca clothes handmade
< link href = "Shupaca.css" rel = "stylesheet" type = "text/css" / > "
< style type = "text/css" >
<!--

a: link {}
text-align: justify;
color: #666;
do-family: Arial;
font size: 20px;
text-decoration: none;
make-style: normal;
text-transform: uppercase;
Word-spacing: 100%;
height: auto;
}
a: visited {}
color: #666;
do-family: Arial;
font size: 20px;
text-decoration: none;
make-style: normal;
text-transform: uppercase;
Word-spacing: 100%;
}

a: hover {}
color: #84cbe1;
do-family: Arial;
font size: 20px;
text-decoration: none;
make-style: normal;
text-transform: uppercase;
}

a: active {}
color: #84cbe1;
do-family: Arial;
font size: 20px;
text-decoration: none;
make-style: normal;
text-transform: uppercase;
}

->
< / style >
< script type = "text/javascript" >
<!--
->
< /script >
< / head >

(< = body onload "MM_preloadImages (' Images/Home Page Links/scarf.jpg)") ">"
< div class = "MarginControl" >

< div id = "NavigationBar" >
"" < a href = "index.html" target = "_self" > home < /a > < a href = "scarves.html" target = "_self" > Products < /a > < a href = "construction.html" target = "_self" > us < /a > < a href = "construction.html" target = "_self" > why Alpaca? < /a > < a href = "construction.html" target = "_self" > FAQ < /a > < a href = "mailto" :[email protected]"> contact < /a > < a href ="construction.html "target ="_self"> < /a > < /p >
< / div >
< / div >
< / body >
< / html >

Namely:

with this css:

#NavigationBar a {}
color: #666;
do-family: Arial verdana without serif.
font size: 20px;
text-decoration: none;
text-transform: uppercase;
display: block;
}
#NavigationBar a: hover, #NavigationBar a: active, #NavigationBar one: {emphasis
color: #84cbe1;
}
   
#NavigationBar ul {}
list-style: none;
Width: 850px;
}
#NavigationBar li {}
text-align: center;
padding: 0px;
float: left;
Width: 140px;
}

--

E. Michael Brandt

www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions

www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia

--

Tags: Dreamweaver

Similar Questions

  • How to disable the placeholder text in the URL from the navigation bar and search fields?

    Everytime I open a new tab (often, the homepage is set to blank) I watch 'Go to site' in the navigation bar. The search field shows the name of the active search engine until the text is registration. All I want is to be able to do is disable the placeholder text, showing the two fields as white.

    Add code to the file userChrome.css below default @namespace.

    Customization files (interface) userChrome.css and userContent.css (Web sites) are located in the chrome folder in the user profile folder.

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
    
    *|*.textbox-input:-moz-placeholder { color:transparent !important; }
    *|*.textbox-input:-moz-placeholder:hover { color:graytext !important; }

    Use in Firefox 19 +:

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
    
    *|*.textbox-input::-moz-placeholder { color:transparent !important; }
    *|*.textbox-input:hover::-moz-placeholder { color:black !important; }
  • display the text in the navigation bar when the user connects

    Hi all

    I'm (still ) on Apex 4.2.6.

    Currently, I have in my page templates, the following code snippet:

          <div class="logoBar">

              <img src="#IMAGE_PREFIX#themes/theme_125/images/logo_.png" />

              <h1><a href="#HOME_LINK#" id="uLogo">#LOGO#</a></h1>

            <div class="userBlock">

              <span>Username: &APP_USER.</span>

              #NAVIGATION_BAR#

            </div>

          </div>

    I have an obligation to display the user name (APP_USER) and of the company the user works for point Application AI_COMPANY, only when the user is connected. When the user is not connected; instead of these elements, I must show a connection link. Well, I know how to display a link to the login page, only when the user is not authenticated, using the navigation bar. Currently, when a user is not authenticated; the page shows: username: person. It's because he's in my page template. How can I show only the user name when the user connects? And then only display the name of the company?

    My first thought was to add an item in the navigation bar. But these elements comes in the form of links. Is it possible to add a navigation bar element and let it display as text? Of course, I could write a dynamic action on page 0 to remove the link, but I'm looking for a nicer sollution or better.

    I have apreciate your help!

    I take it, you use the same model of your home page and login page.

    You could use 2 different models or get out your elements in your model and put them in page 0.

    You can then make them conditional based on the number of page

    Gus

  • Text of the mark in the navigation bar is not displayed correctly

    Hello, I created my navigation bar, and I encountered a strange problem.  The text of mark in the navigation bar, which retains the link to my home page does not always display correctly.  When I visit my test page in Google Chrome (signed in my personal account) the brand text only display the basic text style.  It displays like this

    brand image 1.png

    But when I load the test in Google Chrome page, well signed to my business account - it displays like this

    brand text 2.png

    The second image is the way it should appear, this is the way I style navigation bar in my CSS (see below), but I'm puzzled as to why it loads differently in the same browser but connected to different accounts.

    CSS I used to create the navigation bar in the image above

    @charset "UTF-8";
    .container-fluid {
      background-color: #CA0E0E;
      width: auto;
    }
    .navbar.navbar-default   {
      background-color: #A7AB22;
      top: 9px;
      border-style: none;
    }
    #navbrand {
      background-color: #CA0E0E;
      color: #FFFFFF;
      font-family: eater;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      word-spacing: normal;
      font-size: 19px;
    }
    .nav.navbar-nav.navbar-right li a {
      color: #FFFFFF;
    }
    .navbar.navbar-default a:hover {
      background-color: #A7AB22;;
    }
    .dropdown-menu    {
      background-color: #CA0E0E;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      border: 0 none;
      top: 60px;
      border-radius: 0px;
    }
    .dropdown   {
      background-color: #A7AB22;
    }
    

    Does anyone have any ideas as to what could happen?

    Post edited by: Jason Telford to correct formatting

    You don't have not learned us your complete code, so a bit of guess work.

    1 have you included the "Eater" fonts to your website as in

    2. in the style rules that you have shown us, the police is spelled with a small "e" is - this should be a capital 'E' as in

    do-family: "Eater."

    To stop this guessing game, it is best if you specify the URL of your web site.

  • How to put labels of text on the buttons in the navigation bar

    Hello.  I have a bar using Dreamweaver CS4 to browsing.

    After you create 2 simple rectangles 100 x 40 pixels with different gradients in photoshop and save them as button.png and button2.png, I've created an html file, then went to the Menu bar and insert > Image objects > Navigation bar.

    I went through the whole process, has successfully all the links for the different States of my nav and added buttons added to my library as a sidebar.

    I then added this a test .html and books of navigation very well.

    The only part I have a problem getting labels on the buttons.

    I know that I can mark each individual button early on in Photoshop, but it would mean having a bunch of slightly different buttons / png which will add to the duration of download / file size.  Is it possible to add text labels after the fact (that way I only need a few images of the different buttons that are used over and over again throughout the site, with only the labels changing)?

    I tried to place an AP Div tag with a high index z on the navigation bar and text placed above each button, but it stopped working navigation (the hand icon doesn't display above if I hover over a button because the AP Div with text is in front of it).

    Suggestions as to how (or if) I can put on the labels?  I guess a solution would be a small label in a transparent part of the button, but I hope that there is a simple way to do it where the text can be placed in front of the button without interfering.

    Here is a link to the test showing page buttons and text interfere with features of navigation bar.

    http://henrythewren.com/indextest.html

    Thank you

    You must use the image as a background image on a link, then another to show in the overview.

    Here's a good tutorial of how it's done... no need to use the cells in a table, just use a list:

    http://CSS.maxdesign.com.au/Listamatic/vertical11.htm

    and here's the master list of how to style of the bars of different menus using css:

    http://CSS.maxdesign.com.au/Listamatic/

    --

    Nadia

    Adobe® Expert community: Dreamweaver

    --------------------------------------------------

    Unique templates CSS | Tutorials | SEO articles

    http://www.DreamweaverResources.com

    --------------------------------------------------

    Book: Ultimate CSS reference

    http://www.SitePoint.com/launch/005dfd4/3/133

    ---------------------------------------------------

    http://Twitter.com/nadiap

  • JavaScript text in the navigation bar

    Hello, I would like to know how to do this javascript line running in the navigation bar of sensitivity (or header)

    Here is the example:

    http://Apex.Oracle.com/pls/OTN/f?p=31517:1:1161053821502832

    I created an entry in the navigation bar (targettype = URL)
    JavaScript:Alert('Hello_World!!');
    You can see who is working here: [http://apex.oracle.com/pls/otn/f?p=41715:49]

  • The navigation bar problems

    Hello: I am new to Dreamweaver (CS4) and I inserted a navigation bar, that works in Safari, but Firefox or Internet Explorer, it only shows the text with a hyperlink. In Live View mode, the button images appear as small dots to mark (I'm on a Mac). The files are in PNG format. I rechecked the settings under 'Edit' navigation bar as well as "readback" the code to see if there are differences in the HTML code. I can't understand why the other images do not appear. (I checked several times and file names are accurate and the image files are in the appropriate directory.) Any suggestions?

    Here is a link to the Web site: http://www.ourhomefield.net/

    The beautiful fixed!

    --
    JO

    "exnihilo76" wrote in message
    News:gns7r9$H32$1@forums. Macromedia.com...
    > Thanks for the comments, Jo and Chris! I've changed the images in jpg and
    > took another look at the structure of the site. The navigation bar now works...
    >
    >
    >

  • How to search engine choices do not apply to the navigation bar

    To reproduce:
    -set google as default search engine
    -Select an item in the search panel (not google)
    -Type a query in the navigation bar (only text)
    -press on enter
    Early in this case google search was conducted
    Now you can search via the search engine selected in the search panel.

    Is it possible to change this behavior, as it was?

    It is an intentional change in Firefox 23 and upward. It also applies to the search box on: home.

    You can use the keyword search to get back to the old behavior. It is available here:

    https://addons.Mozilla.org/en-us/Firefox/addon/keyword-search/

    See also this issue of support for general information on the change of function:

    https://support.Mozilla.org/en-us/questions/967150

    I hope this helps.

  • Can I add a value of textfeild for the navigation bar entry list label?

    Hello

    I want to show the user name in the navigation in apex5 bar. Here I used a pl/sql code to get the user name of LDAP, authentication and pass it to a textfeild when connect you to the application. HERE pass the user name in the text field correctly. All I want is I want to show the value of text field in the navigation bar (the components shared-> details-> entry of the list concerned list) so, what is the syntax to add the value of the entry list Labeltext field? : P101_USER did not work. Please help me on this.

    ThiliBu wrote:

    Thank you very much for the reply.

    I do not use APEX_USER because it takes the name of the connected user. (as first name + name - string DN. But I really want to take FirstName LastName - String CN) I can get this string value CN to a text field but do not know the way to pass that on the navigation bar entry of the list value.

    Then you can explain a little more. I used & P101_USER. for the navigation-> label list entry bar. But it did not show anything on the navigation bar. Can I use custom for this substitution string. If yes how can I do this.

    For security reasons Login page elements are automatically empty, so P101_USER will contain no value when authentication is complete. Rather than use a Login page element, create a point application called USER_NAME and store the string CN value in that. It can be referenced in the entry of the Navigation bar using the syntax of static text substitution:&USER_NAME.

  • Image in the Navigation bar entry icon appears

    Hi all

    Trying to get a picture icon in the navigation bar before the link to logout for my application. I tried to create an entry for the icon of the image to display, but its does not work. Someone help me please on how to display the image in the navigation bar entry icon.

    I imported the image icon in my application and I am referencing using #APP_IMAGES #pt_comp.png, but no luck.

    I have Setup demo in my personal workspace. Please take a look at my Application 81621Page 1 under the Navigation bar there is an entry with the name #APP_IMAGES #pt_comp.png with sequence 100. Here are my coordinates of the workspace.

    raghu_workspace

    orton607/orton607

    Thanks in advance.

    Thank you

    Orton

    orton607 wrote:

    Trying to get a picture icon in the navigation bar before the link to logout for my application. I tried to create an entry for the icon of the image to display, but its does not work. Someone help me please on how to display the image in the navigation bar entry icon.

    I imported the image icon in my application and I am referencing using #APP_IMAGES #pt_comp.png, but no luck.

    I have Setup demo in my personal workspace. Please take a look at my Application 81621Page 1 under the Navigation bar there is an entry with the name #APP_IMAGES #pt_comp.png with sequence 100. Here are my coordinates of the workspace.

    raghu_workspace

    orton607/orton607

    Submodel of the Navigation bar in the page template does not support images. The help of point to the submodel says:

    The following will be substituted in the navigation bar #BAR_BODY # for each navigation bar entry. The following substitution strings allows to compose the sub navigation bar template.

    • #LINK #-link entry
    • #TEXT #-text of the entry sub
    • #IMAGE #-entry image (HTML image ALT, HEIGHT, and WIDTH arguments will be included with the HTML IMG tag when they are under the navigation bar entry)
    • #EDIT #-Inline edit link editing capability
    • #WIDTH #-image width
    • #HEIGHT #-image height
    • #COLSPAN #-value HTML COLSPAN
    • #ALT #-image alternative text

    Note that the subtemplate has #TEXT # substitution string, not a img element indicating the #IMAGE # string as its src attribute:

    You could either change the template (which may affect the other entries of nav bar), or specify the supplement for the icon in the nav bar input Label:

    Please Click My Image

  • How can I insert images in the submenus in the navigation bar?

    You guys,.

    I wonder how the submenus in the navigation bar of the site Internet was done. Anyone know how I can add images in the form of sub menus? Here is the site: http://cliffsliving.com/

    Thanks a bunch

    Hello

    You can do this by using Tooltip composition in the library of Widgets under 'Compositions '.

    You must review and design trigger in the top menu and the target than the submenus, and you can add the text and pictures in there.

    Concerning

    Vivek

  • How can I change the background image for a single tab on the navigation bar

    I create a film site for LEVEL and for the navigation bar, I intend to have a different character for each tab. However, I can't put one image of each separate tab. Instead, a single image appears on each of the tabs. Here is an example of the CSS source.

    < td width = "200" > < ul id = "navigation" > < br / >

    "< li > < a href ="... / pages/index.html "> home < /a > < /li > < br / >"

    "< li > < a href ="... / pages/cast.html "> Cast < /a > < /li > < br / >"

    "< li > < a href ="... / pages/pictures.html "> photos < /a > < /li > < br / >"

    "< li > < a href ="... / pages/soundtrack.html "> music < /a > < /li > < br / >"

    "< li > < a href ="... / pages/interview.html "> Interviews < /a > < /li > < br / >"

    "< li > < a href ="... / pages/links.html "> links < /a > < /li > < br / >"

    < /ul >

    < table >

    #navigation {}

    list-style-type: none;

    padding: 0px;

    margin: 0px;

    }

    #navigation li {}

    margin: 0px;

    padding: 0px;

    list-style-type: no

    }

    #navigation li a: link, #navigation li a: visited {}

    display: block;

    Width: 200px;

    height: 100px;

    text-decoration: none;

    text-align: center;

    line-height: 100px;

    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    make-weight: bold;

    -webkit-transition: 1000ms relieve;

    -moz-transition: 1000ms relieve;

    -ms-transition: 1000ms relieve;

    -o - transition: 1000ms relieve;

    transition: 1000ms relieve;

    color: #648AAE;

    background-repeat: no-repeat;

    background-image: url (.. / Images/gifs/Batman-still-2.gif);

    background-position: center bottom;

    text-transform: uppercase;

    letter-spacing: 0.79em;

    border-radius: 5px;

    }

    #navigation li a: focus, #navigation li a: hover, #navigation li a: active {}

    Color: #000000;

    background-image: url (.. / Images/gifs/Batman-animation-2.gif);

    background-repeat: no-repeat;

    background-position: center bottom;

    background-color: #454545;

    border-radius: 25px;

    }

    So, how can I put one image on each of the tabs (home, cast, photos, etc.). Thanks in advance for your help.

    Assign a class to the element, and use CSS to apply an image as in

  • class = 'home'; > Home

  • Cast

  • Photos

  • Music

  • Interviews

  • Links

  • and the CSS

    #navigation li a: link. Home, #navigation li a: visited. Home {}

    background-image: url (.. / Images/gifs/Batman-still-2.gif);

    }

  • Picture of the navigation bar entries does not work

    Hi guys,.

    I use apex 4.1
    Theme: Bluejay
    Oracle 11g R2 xe

    I am trying to add an image to the entries in the navigation bar. I went to:

    Home > > Application Builder > > Application 101 > > shared components > > entries in the Navigation bar > > edit.

    I change the following text:
    Begins on a new line. > > I do: Yes
    Input Image > > image
    #WORKSPACE_IMAGES #tags_64.png
    , I addedbut none worked.

    Is this a bug or how can I perform my work?

    Kind regards
    Fateh

    Fateh,

    My Navigation bar entry includes:

    #TEXT#
    
    
    

    My navigation bar has:

    #WORKSPACE_IMAGES#logout.png
    

    Jeff

  • Footer pinned point moves in any page, disappears from the navigation bar.

    I used DreamWeaver for years and even made a few basic HTML coding in text editors, but by far I do most of my work in InDesign. I watched a class entire 5 hours + class worth of videos to Muse on Lynda.com, and I thought, wow, that's really the way to go. I made a simple footer with text and a logo. I chose the logo, that I wanted to stay down in the header, and checked the PIN in the footer box. I did a simple navigation bar and entered into preview mode to see the results. It was a disaster. The logo which should have been pinned at the foot of page ended up in the middle of the page. The navigation bar was arrested in hyperspace, or limbo, or something.

    What I am doing wrong? The site is not published at this stage, I used only the preview in the Muse.

    Thanks in advance for your help. Please feel free to comment if Muse is worth learning! Everything looked so easy on the videos it is useful to learn or should I go to DreamWeaver and forget the Muse?

    Hmm of marking of the logo that should have a footer element in the footer and I do not know why the navigation bar is endangered. Can I take a look at your file to see where the disconnect? If it's ok, please send your .muse file to [email protected] with the subject attn: Dana and a link to this topic. You can use Adobe SendNow or SendThisFile if the file is larger than 20 MB.

    Thank you

    Dana

  • How to change an existing color in the navigation bar...

    Inherited this site as a project.  Could change almost everything, but can not find the file to change the color "gold" on the navigation bar at a better "yellow."  Company that has prepared an initial site is no longer in the biz.  See attached link...

    http://www.banners4churches.com/current/index.php

    Still learn a lot from DW, but it left me speechless.  Any ideas?

    The color is defined in the CSS file

    http://www.banners4churches.com/_ui/2007/CSS/skin_2007_.CSS

    #left ul.sidebar {}
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fcc11b; / * Yellow BG Color on navigation bar * /.
    text-align: left;
    Width: 167px;
    padding: 3px 3px 1px 1px;
    }

  • Dynamic content in the navigation bar

    How can I keep a dynamic content in the navigation bar?
    In the section "Definition" of the model of breadcrumb in the region "before first", I need to have dynamic content.
    Another application, where the flow of the page is not finalized yet need access to the Page of the APEX.
    If the navigation bar will be like:
    You are here: Other_Application_link_1 > Other_Application_link_2 > Other_Application_link_3 > APEX_Page_1... so now...

    I will get the entries in a column in DB. I thought to write a PL/SQL shortcut, then it using "SHORTCUT_NAME" in the region "before first' from the navigation bar model. But the shortcut does not work in the section definition of breadcrumb.
    I wonder if there is a work around that.
    Any hint is appreciated.

    Thank you
    Booth.

    Hi Math,

    the text (label) of a breadcrumb can be dynamic, simply using page or application elements in the breadcrumb tag.

    for example: "Person & P400_PERSON_NAME."

    brgds,
    Peter

    Blog: http://www.oracle-and-apex.com

Maybe you are looking for