Link text indenting

hi
I'm trying to add indenting to some but not all of my link
text. Here is what I'd like to do
Galleries
Cats
Canines
Primates
Elephants
Bears
About the Artist
Guest-book
Contact
I came up with a hack that uses the . (period) to indent, see
code below, but it seems I should be able to do this with either
inline formating or a style sheet. I guess I could create images
but it seems there should be a simple way to do this.
Thanks
<p>Galleries</p>
<a href="#">.....Cats</a><br />
<a href="#">.....Canines</a><br />
<a href="#">.....Primates</a><br />
<a href="#">.....Elephants</a><br />
<a href="#">.....Bears</a><br />
<br />
<a href="#">About the Artist</a><br />
<a href="#">Guest-book</a><br />
<a href="#">Contact</a><br />

Hello,
Another option is to use CSS to place a left margin on the
link.
Add this right before </head> in your page:
<style type="text/css">
<!--
a.blah { margin-left: 1em;}
-->
</style>
Then change your code to this:
<p>Galleries</p>
<a class="blah" href="#">Cats</a><br />
<a class="blah" href="#">Canines</a><br />
<a class="blah" href="#">Primates</a><br />
<a class="blah" href="#">Elephants</a><br
/>
<a class="blah" href="#">Bears</a><br />
<br />
<a href="#">About the Artist</a><br />
<a href="#">Guest-book</a><br />
<a href="#">Contact</a><br />
I left the class off the last three links so you could see
the difference.
There are numerous ways to do this once you learn CSS.
It's well worth it :-)
If you are going to have these links on multiple pages,
instead of pasting the CSS code into each page you can use a CSS
Stylesheet. You can make all of your pages refer to this sheet.
This way, you can change the CSS in 1 place and all the pages that
refer to the stylesheet will be affected. It's a great way to
control colors, positioning, text sizes, margins, padding and so on
all from one place.
Here's a great place to start learning:
http://www.w3schools.com/css/
Here's a great place to see what's possible once you learn
the basics:
http://projectseven.com/tutorials/css/index.htm
Take care,
Tim

Similar Messages

  • TEXT-INDENT NOT WORKING

    Hi!
    Please see the below CSS code, why isn't the text-indent not
    working? everything else is?
    a.quick_link_buttons:link {
    color : #004489;
    font-family : Myriad, Arial, Helvetica, Verdana, sans-serif;
    font-size : 12px;
    text-indent : 10px;
    line-height : 20px;
    text-decoration : none;
    font-style : normal;
    font-weight : normal;
    a.quick_link_buttons:hover {
    color : #004489;
    font-family : Myriad, Arial, Helvetica, Verdana, sans-serif;
    font-size : 12px;
    text-indent : 10px;
    line-height : 20px;
    text-decoration : underline;
    font-style : normal;
    font-weight : normal;
    Many Thanks!

    You don't need to respecify styles that will inherit or
    default styles. You
    could achieve the same styles with the following -
    a.quick_link_buttons {
    color : #004489;
    font-family : Myriad, Arial, Helvetica, Verdana, sans-serif;
    font-size : 12px;
    text-indent : 10px;
    line-height : 20px;
    text-decoration : none;
    a.quick_link_buttons:hover {
    text-decoration : underline;
    As for why the indent isn't working, try 'padding-left:10px;'
    instead, when
    applied to the inline element. Or, you can have a rule that
    will apply to
    the container for these links, e.g.,
    <div style="text-indent:10px;">
    <a class="quick_link_buttons">whatever</a>
    </div>
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "jinxed" <[email protected]> wrote in
    message
    news:eur929$gro$[email protected]..
    > Hi!
    >
    > Please see the below CSS code, why isn't the text-indent
    not working?
    > everything else is?
    >
    > a.quick_link_buttons:link {
    > color : #004489;
    > font-family : Myriad, Arial, Helvetica, Verdana,
    sans-serif;
    > font-size : 12px;
    > text-indent : 10px;
    > line-height : 20px;
    > text-decoration : none;
    > font-style : normal;
    > font-weight : normal;
    > }
    > a.quick_link_buttons:hover {
    > color : #004489;
    > font-family : Myriad, Arial, Helvetica, Verdana,
    sans-serif;
    > font-size : 12px;
    > text-indent : 10px;
    > line-height : 20px;
    > text-decoration : underline;
    > font-style : normal;
    > font-weight : normal;
    > }
    >
    > Many Thanks!
    >

  • Remove text indent in IE for submit button

    How can I remove the text indent on buttons in IE? Ive remove the border and background so the button is styled as normal text, and FF automatically removes the text indent.
    Thanks

    Can you provide a link to a page showing us what you've got so far?

  • How to change the links text color?

    could any one tell me if it's possible to change the link text's color? instead we stuck with the defaut theme asigned color.

    Ok Looking to do this manually I don't see all that you suggest I need to see.
    .Body {
    color: #181c01;
    font-family: 'Palatino-Roman', 'Palatino', 'serif';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    .Header {
    color: #6a6f75;
    font-family: 'Palatino-Bold', 'Palatino', 'serif';
    font-size: 29px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0.16em;
    line-height: 38px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    text-decoration: none; NOTE THIS
    text-indent: 0px;
    text-transform: uppercase;
    .Normal {
    padding: 4px;
    .graphicgeneric_body_textbox_styledefault {
    background: transparent;
    float: none;
    margin: 0px;
    opacity: 1.00;
    .graphicgeneric_header_textbox_styledefault {
    background: transparent;
    float: none;
    margin: 0px;
    opacity: 1.00;
    .graphictextbox_layout_styledefault {
    padding: 4px;
    .graphictextbox_styledefault {
    background: transparent;
    float: none;
    margin: 0px;
    opacity: 1.00;
    div {
    overflow: visible;
    img {
    border: none;
    .InlineBlock {display: inline; }
    .InlineBlock {display: inline-block; }
    .tinyText {
    font-size: 1px;
    This is the welcome page css file, not the index file.
    On my page I have white background, black text, when the arrow points to the link text it turns light brown, I am not so concerned about anything except the link text standing out in a differnt color, initially.
    I am leaning quite abit.
    So what do I do now
    Thanks
    Moncrief

  • How to link text-boxes in Pages 5.2?

    How do you link text-boxes in Pages 5.2?

    Thank you for your help; it is appreciated. I suspected that, but am still disappointed. I am finding myself getting more and more disenchanted with Apple products in the past few years. I've been a faithful fan, user and promoter since the 1980s, but I am starting to seriously doubt their competency in the past few years with the Pages 5 version as well as what iOS7 continues to do to my iPhone (as my prime examples). Instead of enhancing my life and work, Apple is beginning to waste my time -- a lot of it! Perhaps it is time for a change.... I don't want to, but I am starting to look for other alternatives.

  • How to link text frames in Pages 5.2?

    How to link text frames in Pages 5.2?

    The correct term in Pages is Text Boxes, and true linking is not implemented in v5.2. You can Unite, Intersect, Subtract, and Exclude multiple Text Boxes via the Arrange panel. These attributes only appear when two or more Text Boxes are selected. Also, on the Arrange menu, you will need Object Placement set to Move with Text, and the Text Wrap set to None for more accurate positioning.
    In the following example, there was initially a Text Box with overflowing text that was duplicated. With both Text Boxes selected and aligned, I could then use the Unite feature from the Arrange panel. This allowed the text to flow into the second box. Selecting text in one box and dragging upwards continues the text selection between both boxes. Hoefler italic applied in one box is applied to both. Appropriately placed, another trip to the Arrange panel to enable Text Wrap around and text fit adjustments.

  • Is there a way to link text fields, so when you reach the end of one line it moves to the next?

    I often use Acrobat Pro to create forms, whether it be from an existing document or from scratch, and this has always irritated me.  I know you can create a text field and select the Multi-line option; however, this is not what I am looking to do.  I have a form that has a Yes or No Radio Button, then below it says "If yes, please explain:" followed by 3 lines to respond.  When I run it through the Form Creator, it places three text fields on the response lines - as it should.  The first line is shorter because of the text, which is why I cannot use the Multi-line option.  So is there a way to link these three text fields, so that when I reach the end of the first line it stops and automatically moves to the next? 
    Here is a picture of what I am looking at:

    These types of lines are a left-over from printed forms. There's no reason
    to keep using them if your form is digital.
    The best approach is to combine the fields to a single multiline field, and
    get rid of the first line. Trying to link text fields together is very
    tricky. I haven't yet to see it done properly.

  • How do I remove lines from linked text?

    I am using Dreamweaver CS 4 and linked images and text are automatically underlined. How do I remove the underlines from linked text?
    https://www.adobe.com/support/dreamweaver/layout/link_underline/#72192
    According to the Adobe page above, I can add this code to the “head’ area of my html page and then all my links will not have visible lines, but I did that and the lines are still there. Any ideas why?
    <style type="text/css">
    <!--
    a:link {text-decoration: none}
    a:visited {text-decoration: none}
    a:active {text-decoration: none}
    a:hover {text-decoration: underline}
    -->
    </style>

    Hello,
    in my DW I can define this in the (translated from my german DW) page properties, see screenshot
    Have a look at Hyperlinks (CSS) >>> Unterstreichungsstil (underlining style) >>> use dropdown menu output >>> never underline (nie unterstreichen)
    Hans-Günter

  • HT2506 In pages how can I link text within the document? I can find a bookmark option and links only allows me to link to a web page

    Hi all,
    This is my first time using this discussion site! Any help would be great, as I am getting very frustrated with pages!
    What I am trying to do is link text at the bottom of a document to a page at the beginning of the document. I can't find a bookmark option adn when I clink insert link it only provides an options to link to a web page. Help! thanks

    Bookmarks are missing (sadly) and with them, the ability to create an in document link.
    I was looking for this feature in a Table of Contents. When you assign a 'style' to text in a document, you can Insert > Table of Contents. Then Pages will keep the TOC updated and you'll be able to 'link' from the page number in the TOC. (Not much help though, for the OP)

  • The linked text boxes are very important to my work flow. Not being able to flow text between pages has cost me a lot of valuable time in producing my newsletter. Any ideas?

    In Pages 09 I was able to flow text between text boxes on the same page and to different pages but that seems to have gone away. This is one of the most useful items in Pages that I use. Now it seems to have gone away and I could find no replacement in doing my last newsletter, (which took at least 3 times as long to produce.) I am very disappointed in Pages 13 so far and look for some bright side to this software to change my opinion.

    Apple has promised to bring back *some* features "within six montha." We're 4 months into the clock. They have brought back a couple of features (ability to cutomize the toolbar, for instance, and vertical ruler). But they still have a long way to go and there is no certainty that linked text boxes will be restroed. It wasn't cited in their original list of examples  of what would be brought back. (Nor was mail merge, bookmarks, Applescript support, or many other items.)

  • I can't change the colour of linked text?

    I have a black background on the side of my web page containing the menu bars which requires the link text to be white so it can be
    seen. I also have it set to change to yellow when you hover over it.
    The problem is that this setting seems universal throughout the website and I cannot get the links in general text (such as 'contact
    us' links, etc) on each page to change colour - they default to white which doesn't show up as the background is also white.
    i have tried creating a CSS rule for links in the body of a page but to no avail.
    Can I change the colour of links on different parts of the website?
    I am relatively new to dreamweaver with little knowledge of CSS, etc but I'm sure this must be possible.

    Yes it is possible to have differen coloured links..
    You need to look at Pseudo-classes / descendant selectors:
    http://www.thepattysite.com/linkstyles1.cfm
    http://www.projectseven.com/tutorials/pseudoclasses/index.htm
    Descendant selectors:
    http://www.projectseven.com/tutorials/css/pseudoclasses/page3.htm
    Nadia
    Adobe® Community Expert : Dreamweaver
    Unique CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    http://csstemplates.com.au/
    http://twitter.com/nadiap

  • CS4 Linking Text Boxes Together in Anchored Objects?

    Hi. Using InDesign CS4 I have a Anchored Object that I would like to link part of it to the next one in the text frame. Example: I have grouped together a text box, a box with a placed UPC from Illustrator and another text box stacked on top of each other, all lined up. I group this and place it in a text box so I can set these at different places along a 29" document. When I have overset text, in the top box for example, I see the + sign but can't grab it to try to link the text to the next text box in the Anchored or grouped object. All I can do it change the size of the box - even when holding down the command key on the Mac with the text too enabled. I am setting it up this way so all three boxes stay together when positioning on pages. I have multiple rows of these so it makes it easier to modify. If I take the grouped set out of the text box so it's by itself I can grab the overset text. I am trying to link text boxes so it's easier and faster to flow in text from another program. Thanks.
    Pat

    OK, I will try to get the whole page later. I want to keep what you see in the screen shot - one of the grouped objects - together as it goes across the page. So the 9232554 text and all bellow that would stay grouped together when I tab it over to line up to a certain spot on the page. This is placed in a text box that runs horizonal on the page, about 28"  across. I also wanted to link the 9232554 box to the 9232729 box which is just a duplicate of the group of text and UPC code before it. But from what you say, and what I tried to do, I can't. Even when all the anchored object groups are in the same long text thread. I tried not grouping  each section - the UPC code sandwiched by the text boxes, but could not place them in the long text box when not grouped togther.
    I wanted to flow in the text to all 14 of these grouped or anchored objects, say all top boxes, in one 'paste' instead of doing each one at a time but keeping the 3 elements you see togther at all times.
    Pat

  • Selection text frame in linked text frame remove

    I chose in the text frame the linked text frames
    get out of text and I want to delete a text frame
    Is it possible that a command letter
    same thing selecting the external can

    Ok. Try now,
    var doc = app.activeDocument;  
    app.findGrepPreferences = app.changeGrepPreferences = null;  
    app.findGrepPreferences.findWhat = "~a";  
    var found = app.selection[0].findGrep();  
    for(var i =found.length-1;i>=0;i--)  
            var ip = found[i].insertionPoints[0];  
            if(found[i].allPageItems[0] instanceof TextFrame) 
                    var cont = found[i].allPageItems[0].texts[0].duplicate(LocationOptions.AFTER,ip);  
                    found[i].remove();  
    Regards,
    Chinna

  • Continuation message in linked text boxes

    Can anyone tell me how or if there is a way to insert an automatic comment in a linked text box informing the reader that the article is (i.e.) continued on pg. 2 - or continued from pg. 1. Microsoft Publisher used to have that feature (may still) and it was very useful. I cannot find anything like that in Pages. What am I missing?

    iStreet,
    Welcome to Apple discussions.
    You're not missing anything. It simply can't be done in Pages.
    I'm not sure if you're referring to a bubble that pops up when you mouse over the text box or some other flag to alert readers. But I think you'd need to manually insert the "continued" text in the text box.
    -Dennis

  • How to copy link text from links?

    Currently when selecting a link, there is no easy option to copy link text. This feature should be implemented to be one of the options in the popup menu once a link is selected, alongside with "Open Link in New Tab"; "Copy Link"; !"Copy Link Text"!; "Share Link"; "Bookmark Link".
    This menu option will provide a convenient way to browse through search results and other various links and will add to the efficiency of navigation of web pages.

    Hi eva88, are you copying from a webpage or from the address bar? If you copy a link from a webpage, Gmail should pick up the HTML as is from the original. But when you copy from the address bar, you need to take the extra step of using the "link" button in Gmail. Due to changes in the Gmail UI, this may be harder to find, but for me, it appears when mousing over the lower part of the compose box. I've attached a series of screen shots showing where I see it.

Maybe you are looking for

  • How do I make a server's Hard drive stay in the devices panel of the finder

    I have a server that shows up in the shared tab of the finder. When I log into that shared computer, it shows a hard drive called groups that pops up as in icon on the desktop when I open it. It doesn't show up in the devices tab so I drag it on thei

  • Custom Pixel Aspect Ratio (After Effects CC 2014)

    Hi All, How do you create a custom Pixel Aspect Ratio for After Effects CC 2014. I need a PAR of 3.3, as it would help me solve a technical problem i've been having with projection mapping. I've tried editing the Interpretation Rules.txt file which w

  • IPad Facebook scam

    Warning: There is a scam going around Facebook that promises a beta iPad to potential testers. When you sign up, you have to take a short quiz that asks for your mobile phone number. As a result, you will be enrolled in a bogus phone service for $9.9

  • I don't know how to watch iTunes Trailers in iTunes on the iPad?!

    Hi there! I'm trying to watch the iTunes movie trailers directly in iTunes on the iPad2... Is it even possible? And if it is, how do I watch them??

  • About DPM 2012 R2 report settings

    Hi Expert,  I configure reporting in the status report, I click on Schedule, enter E-mail and click OK, error, How to solve? Details please refer to the picture Thanks in advance!