How to insert the background color in the text?

Hello

I am relatively new to Dreamweaver, so I don't know exactly how to phrase this question. I have some links in a file of div on my HTML code I created, taking the user to another page. .

For clarity, I have inserted a picture to express what I'm trying to say.

The background color for my div is a chocolate brown. I was wondering if there is any way to create a background for the text for each link in the div? So, the text would have a background with a different color?

I am trying to create something that looks like this:

divlinks.jpg

Does anyone know if it's possible to do? I need to create separate div in the file files main div for it?

My apologies for the lack of accuracy, I don't know the technical words to show what I'm trying to do! Any advice or links to tutorials would be very appreciated.

Thanks for reading.

First, we look at the HTML code used to build your menu.  The modern approach is to use bullet points like this:

Then style your navigation with CSS, like this:

Nancy O.

Tags: Dreamweaver

Similar Questions

  • How do you define the background color for a text box

    In older versions, that I was able to set the background color in a text box, I want to do the same in this newer version and I can not find where I would choose this option

    Hi alanb.

    Please type your text in the text box, now in the right pane of comments you will see your text, right click & Select "Properties".

    In the properties box, select the fill color to fill in the color in the text box.

    I would like to know if it works.

    Kind regards

    Nicos

  • HOW to: Insert the symbol of the degree in text

    An another "How To" question.

    Running PE 13.1 on a Windows PC with WIN 7 64-bit.

    How to insert the symbol of the degree in text - I would like to have something like "temperature + 2 < degree symbol > water C.

    where < degree symbol > is the small circle (triggered).

    I found how to insert copyright (Alt + 0169) & the Tilde (Alt + 126) helped by Wikipedia, but the Windos ciode for the degree symbol is not shown - just the

    Unicode U + 2103 but Alt + 2103 just inserts a '7'.

    HEM

    HEM

    If you have the copyright © symbol to work for you with Alt + 0169, I think Alt + 0176, you should get the degree symbol as in 32 °.

    If please give it a try in the Titler, open Premiere Elements and let us know if it worked for you.

    Thank you.

    RTA

  • How to describe the text in a different color?

    How to describe the text in a different color?

    No need to simplify the layer - which causes the text that becomes uneditable as text.

    With the layer selected text, use the layer... Layer style... Style settings to open the settings of a dialog box for the text layer where you can select "Stroke" and choose your options for size, color, etc.

    Ken

  • How to get the text have the same effect as the video?

    Hello

    For the first time post here, but I wonder how to get the text of the titles have the same effect as the video behind her.

    For my video, I use 'bad tv' and other effects such as Gaussian that obviously changes the appearance of video, creating the look of VHS. However, I then inserted text via the title, but it normally appears. How can I make this text have the same effects as the video behind it?

    A friend told me I might need to add text to the video first, then do the effects, I have not tried, but wonder if there is an easier way, as this would require me to restart.

    EDIT: That's what I'm looking for. https://youtu.be/7_2PHQI89dI?t=24s The text has the same effect as the video.

    Thank you

    One way is to create a clip made up based on the title and the original clip. Then apply the effect.

    Another way is to use an adjustment layer.

    Good luck.

    Russ

  • How to make the text bigger in youtube! Cubs in youtube!

    I made the largest text where google search arrives! But when I go on youtube the text is much tinier and I 65 to cataract and I can't read the text at right! How to make the text bigger in youtube? Thank you very much! I tried everything, but nothing changes the size!

    When you view this page hit {Ctrl + 0} < is a zero number -to reset the zoom level for this area.

    https://support.Mozilla.com/en-us/KB/page+zoom

    If you move the scroll wheel, and are now the CTRL key, you can change the zoom level of the page that is viewed - both in & out.

  • How to make the text darker or bolder

    How to make the text darker or bolder in safari

    shutterbox-

    I'm with you.  Cataract surgery, it will take longer, and the thin, plugged in my humble OPINION, typeface they chose is really for less than 40 eyes.

    The same "BOLD" of the police system capacity would be so appreciated.

    There are 3rd party apps that can change system fonts, and I saw messages claiming success, but I'm a purist to try.

    Small fonts (to us) make it very painful to be here.  I just hope they realize that our needs must be met, as well.

  • How to Flash the text Message text in CVI

    Hi, anyone know how to Flash the text in a text control in CVI.

    Thanks for any help

    Unfortunately, there is no such simple method for flashing text.

    You must code explicitly.

  • How to change the text in the paint once I clicked outside of the text box?

    How to change the text in the paint once I clicked outside of the text box?

    How to change the text in the paint once I clicked outside of the text box?

    ====================================
    I guess you could go to... Change / Cancel... then again...

    FWIW... the free Picasa software has tools to add text to photos.

    Picasa
    http://Picasa.Google.com/

    How to add text to your Photos using
    Google Picasa 3
    http://www.ehow.com/how_4599330_text-photos-using-Googles-Picasa.html John Inzer - MS - MVP - Digital Media Experience - Notice_This is not tech support_I'm volunteer - Solutions that work for me may not work for you - * proceed at your own risk *.

  • How to set the text back in webview?

    Hello

    Someone knows how to put the text in full screen according to the 2 screen capture?

    Code

    import bb.cascades 1.0
    
    Page {
        Container {
            //Todo: fill me with QML
            ScrollView {
                id: scrollView
                scrollViewProperties {
                    scrollMode: ScrollMode.Both
                    minContentScale: 2
                }
                WebView {
                    id: webView_Condiciones
                    url: "local://assets/html/copy_Right.html"
                }
            }
        }
    }
    

    screenshot 1 (I got the result as below)

    Screen Shot 2 (need to result as below)

    So let me know what I did wrong?

    Hello

    I think your problem is

     minContentScale: 2
    

    Ask yourself the ScrollView to zoom in on your web pages display... Zoom will make wider and higher...

    If you just want more large print, try something like this:

    import bb.cascades 1.2
    
    Page {
        Container {
            //Todo: fill me with QML
            ScrollView {
                id: scrollView
                scrollViewProperties {
                    scrollMode: ScrollMode.Both
                }
                WebView {
                    id: webView_Condiciones
                    url: "local:///assets/index.html"
                    settings.defaultFontSize: 32
                }
            }
        }
    }
    

    With this HTML code:

    
    
    
    Hey There
    • Lorem ipsum dolor sit amet, consectetur adipiscing . . . . . . . . . ---8<-- SNIP -->8--

    I see:

  • How to get the text of a SystemPrompt (Cascades)

    Hello

    I've been struggling with this for a few hours now. I followed the example of "dialogues" on github, so I have successfully created a SystemPrompt (the dialog box that allows the user to enter text and accept / reject). Curiously, in this example there is no use of user text input. Do you know how to get the text in my QML? Here you have an example of code that I use:

    My QML:

    // Default empty project template
    import bb.cascades 1.0
    import bb.system 1.0
    
    // creates one page with a label
    NavigationPane {
        id: navigationPane
        Page {
            attachedObjects: [
                SystemPrompt {
                    id: prompt
                    title: qsTr("Enter a text for the label")
                    modality: SystemUiModality.Application
                    inputField.inputMode: SystemUiInputMode.Default
                    inputField.emptyText: "Label text..."
                    confirmButton.label: qsTr("Ok")
                    confirmButton.enabled: true
                    cancelButton.label: qsTr("Cancel")
                    cancelButton.enabled: true
                    onFinished: {
                        if (result == SystemUiResult.ConfirmButtonSelection) {
                            lab1.text = ????? // Here is where I don't know what to do
                        }
                    }
                }
            ]
    
            Container {
                layout: StackLayout {}
    
                Label {
                            id: lab1              text: "Label text"
                    objectName: "lab1"
                    textStyle.base: SystemDefaults.TextStyles.TitleText
                    horizontalAlignment: HorizontalAlignment.Center
                }
    
                Button {
                    text: "Update label"
                    horizontalAlignment: HorizontalAlignment.Center
                    topMargin: 150.0
                    onClicked: {
                        //_appUi.editLabel();
                        prompt.show();
                    }
                }
            }
        }
    }
    

    Be sure to add this in your .cpp file or all of app:

    #include 
    #include 
    #include 
    #include 
    #include 
    #include 
    #include 
    #include 
    #include 
    #include 
    

    and don't forget to include them in your app .cpp file (probably not all are needed, but just in case I leave here for the moment):

    qmlRegisterType("bb.system", 1, 0, "SystemUiButton");
        qmlRegisterType("bb.system", 1, 0, "SystemUiInputField");
        qmlRegisterType("bb.system", 1, 0, "SystemToast");
        qmlRegisterType("bb.system", 1, 0, "SystemPrompt");
        qmlRegisterType("bb.system", 1, 0, "SystemCredentialsPrompt");
        qmlRegisterType("bb.system", 1, 0, "SystemDialog");
        qmlRegisterUncreatableType("bb.system", 1, 0, "SystemUiError", "");
        qmlRegisterUncreatableType("bb.system", 1, 0, "SystemUiResult", "");
        qmlRegisterUncreatableType("bb.system", 1, 0, "SystemUiPosition", "");
        qmlRegisterUncreatableType("bb.system", 1, 0, "SystemUiInputMode", "");
        qmlRegisterUncreatableType("bb.system", 1, 0, "SystemUiModality", "");
        qRegisterMetaType("bb::system::SystemUiResult::Type");
    

    Thank you very much

    If you look very carefully by the docs, you'll trip over https://developer.blackberry.com/cascades/reference/bb__system__systemprompt.html#inputfieldtextentr...

    So, replace your? with inputFieldTextEntry() and you will get the text you need.

  • How to wrap the text to &lt; af:commandLink &gt;

    I am building a web application using Jdeveloper 11.1.2.3 fusion

    Question: How can deform the text for < af:commandLink > ?

    < Af:outputText > component there is merit called noWrap where I can choose wrap the text or not. In my case, I have a long title that defined as < af:commandLink > and I want to surround the text of the link, but there is no such opportunity. If it possible anyway, please share information with me. Thank you

    Hello Salman,

    You can use the text output within the command binding and then on top of the textbox output use the style class - inlineStyle = "" white-space: normal; ""

    Thank you

    Prabhat

  • How to view the text onto an interactive button in Indesign CC?

    How to view the text onto an interactive button in Indesign CC?

    I'm doing my map.

    I am now able to link a button in my card to a website url, but what I really want is a way to make the text appear next to a button, it shows what kind of construction is by turning over with the mouse.

    One?

  • How to get the text block, given anchor (~ a)

    I need to dynamically position anchored with anchor text blocks (but the relative position will be different for each anchor). If I grep ~ i can get the anchor marker - how to get the text block once I got this marker?

    Thank you

    The marker "anchor" is a character of "simple".

    So you can do the following if you have identified the character (and in this example selected it):

    //Start with an "Anchor Marker" selected:
    var myCharacter = app.selection[0];
    
    if (myCharacter.texts[0].textFrames.length == 1){
    
    var myAnchoredTextFrame = myCharacter.texts[0].textFrames[0];
        //do something with the anchored text frame:
        myAnchoredTextFrame.fillColor = "Yellow";
    
        };
    

    You can set the myCharacter variable differently, if you know the index of the character according to his history of parent.

    Or if you have found the character as part of a search GREP or TEXT by ExtendScript (JavaScript).

    Uwe

  • How to align the text to the right in the text filed using Adobe Acrobat Pro?

    How to align the text to the right in the text filed using Adobe Acrobat Pro? I am able to align the text box, but not the alignment of the text with the deposited text.

    In the Options tab of the field properties dialog box, you can choose left, Center, or right alignment.

  • How to restore the text bar with: Code, design, Split

    Question, how to restore the text bar that had: Code, design, Split. I have Dreamweaver CC 2014 and windows 7

    In the latest version of DW, Design and fashion Live view are now a menu drop down, there are nearby. In addition, if you use fluid grid Layouts, Design view is no longer available.

    If that's what you're talking about, you can get the design view option is back with a little work around. First of all, cloise all other files open, then add the X appearing here in the grid of your fluid .css file...

    /*

    Properties Grid Dreamweaver fluid

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

    DW-num-CLO-mobile: X 4;

    DW-num-CLO-Tablet: 8;

    DW-num-OCOL-Office: 12;

    DW-gutter-percentage: 25;

    =====================================

    Then save the file, close it and restart DW. From here out, DW should no longer recognize the nature of the fluid grid of your page and allow you to use Design view.

Maybe you are looking for

  • Whence drop photo?

    How can I change the image used by Air Drop?

  • You need a newer version of the Pages to open this document.

    I have Pages 5.5.3. I created documents as recently as two days ago, but now I can no longer open them as a drop-down list advises me that "it takes a more recent version of the Pages to open this document."  This issue is beyond a joke!  I locked my

  • Satellite L450-113 - not power screen black and on

    For some reason, I can't on my laptop. When I press the power button, the on light however, I am unable to see anything on the screen. I am only able to see a black screen. I recharged my battery though, it still does not work. When I turn on the lap

  • Long defrag!

    I need help. In addition to one, no doubt, but for now, my biggest crisis is that my HP Defragmenter has already taken nearly 24 hours and is still running. I'm afraid to stop it, but I'm getting impatient and is about to cancel. A defrag can get stu

  • WebSigner Service does not start, Windows 7

    Hey Experts,. I'm trying to follow the guide on the protection of the PerstentObjects using ControlledAccess. I HAV created and imported one. Record MAIN in my project and chosen the class to be protected. Now, my problem arises when I try to sign th