Why my text won't align right in Live View or browsers?

I created a class called .reviewer if the the name of the reviewer would align right while the the actual examination is aligned to the left. I applied to the class for the name of the reviewer and in design mode, it looks perfect. But using Live view and when I saw in a browser, the text is left-aligned. I put this class in two external style sheets, main.css, and mainReviews.css.

The page in question is: www.jillgrovemezzo.com/reviews.htm

To be more precise, the text I want to align to the right under the first review is ""Lawrence a. Johnson, Chicago Classical Review " "

Regina

Add display: block; to your .reviewer of class css (as shown below).

{.reviewer}

text-align: right;

display: block;

}

Tags: Dreamweaver

Similar Questions

  • Text won't align horizontally and vertically

    Hello. I'm doing navigation buttons that consist of a text box to the inside. By default, the box is transparent, but when you rollover the text inside the box turns white and the box will turn dark gray. And of course, the substitution effect appears permanently when you are on the page corresponding to the button. Rolling works correctly, but the text should be Center (or middle) aligned vertically and horizontally in the box, and it does not work.

    I tried to use the tutorial here, that's why I used 'inline-table' and 'table-cell' in the css. I had to use 'inline-table' instead of 'table' to make the boxes stay on the same line.

    Here is a test page site: http://gchiller.com/test/

    Can someone please?

    Add this to your CSS:

    #nav p {}

    text-align: center;

    top of the margin: 20px;

    }

  • Why my document works very well in mode live view, but not after I have the load on the server?

    I created a reducible outline in DreamWeaver CS5, which includes my doc, html, file outline.css and file outline.js for codes of supply.

    Everything works well in mode live view... I get the image of the + - signs contour develops and reduced.  But when I download 2 images, the html doc, the outline.css and the outline.js page does not work correctly.  The + - signs do not appear, or the table collapses / develops.  In addition, spacing between the title and the items in the outline are disabled.  Any suggestions?

    BTW - do you think it is a good idea for me to get css/html and javascript for Dummies?  These books really help novices like me?

    No, I don't think.  I would recommend that you delay javascript until you have a degree of comfort with HTML & CSS.  And I would not recommend the series of dummies.  Personally, I don't think you could do better that for the volume of Missing Manual CS5, which teaches you in fact a good deal on DW and HTML and CSS.  Also, there is a great set of online tutorials on the Adobe site and on the W3 Schools (http://www.w3schools.com) site.

  • Problem with text-align: right

    I ran validator and there are NO errors.

    Here's the markup:

    < class dt = "type_X" > < u > Joh. Heinrich Sch & ouml; m (1713-1785) < span class = "right" > 1. </span > < / u > < br / > < br / >
    < /dt >

    And the .css:

    {more .right

    text-align: right;

    right margin: 20px;

    float: right;

    Clear: right;
    }

    It works fine in Firefox and Safari.  The problem is in Design view of Dreamweaver:

    Screen shot 2011-06-02 at 6.56.01 PM.png

    Notice how the "1." is on the line under the text "Joh. Heinrich... »

    Same problem in Internet Explorer:

    Screen shot 2011-06-02 at 6.59.29 PM.png

    Yet, it is perfect in Safari and Firefox.  It's Safari:

    Screen shot 2011-06-02 at 6.59.00 PM.png

    Would appreciate your help.  Thank you

    JDS

    This is what appears in IE8

    It looks identical to me to what you see in other browsers.

  • How use align = 'right' for the text in a &lt; dl &gt; environment?

    I use a < dl > environment to control the vertical line spacing widely (in thousands of pages).  Here's the goal:

    Screen shot 2013-02-27 at 9.47.40 AM.png

    But I also need to have the generation numbers, for example "2.2.1" stalled right on a page width.  I tried different ways to achieve this by using < div >, < span >, etc.  Each has unintended consequences.  The foregoing is created using < table > in the < dt > line.  But each time the W3C validator objects.

    Here is my script:

    Screen shot 2013-02-27 at 9.50.16 AM.png

    Or, if that is easier to read:

    < class dt = "type_U_XXX" > < table width = "720" border = "0" cellpadding = "0" >

    < b >

    < td width = "680" > Johann Peter Bayer (* 23.10.1716 Undenheim) < table >

    < td width = "40" align = "right" > 2.2.4 < table >

    < /tr >

    < / table > < /dt >

    < dd class = "col_0" > Taufpate war Johann Peter Cohn, Gau-Odernheim. < foreigners >

    < dd class = "col_0" > von war of Johann Peter Bayer 1751-1788 St.Albans - Hofmann, to Undenheim.  ER ist als 'see und emsiger Mann' und "der Hof-Peter" als uberliefert.  Am 04.02.1744 his er in Undenheim < i > Anna Catharina Dapper aus Sörgenloch < /i >.  Trauzeugen waren Joh. Matthaeus Bayer und Joh. Peter Dapper. < br / > < br / > < / DD >

    < class dt = "col_1" > Kinder: (13) < /dt >

    < class dt = "type_U_XXXsX" > < table width = "680" border = "0" cellpadding = "0" >

    < b >

    < td width = "640" > Johann Bayer Mathäus (* 03.04.1745, + 02.10.1746) < table >

    < td width = "40" align = "right" > 2.2.4 / 1 < table >

    < /tr >

    < / table > < /dt >

    < dd class = "col_1" > Taufpate war Joh. Matthaeus Lahr. < br / > < br / > < / DD >

    How do I right align numbers in a < dl > environment?  It must be in the line < dt >, not SD <>.  Using the < dd > line back from the left margin, which is not acceptable.

    Thanks for your help.  Be very explicit.  Please show me the line or two of script that is needed, not just say for example, to use a < div > tag.

    Create a CSS class selector called "numbers".

    Assign the right float attribute

    In the body of your page, select and apply this class by wrapping your numbers between span tags.

    Paste this code into a separate HTML document to see the concept

    Paragraph2.2.1

    Paragraph2.2.2

    Paragraph2.2.3

    Paragraph2.2.4

  • Text anchor point / alignment

    I have a form and a text;

    • Real text "sourceRectAtTime()" expression in the shape size, be equal size in pixels. It's not the size in pixels appearing in the box (nominal pixel size) Chacterer.
    • Need to keep the text at the top of the form aligned.
    • I have the assurance that text and shape properties were:
    • COMP = 1280 x 720
    • Text and shape:
    1. Achor Point [0,0]
    2. Position [640 360] (average size of Comp)

    • I was expecting to see the text on the shape, perfectly aligned.

    forum.PNG

    But the value of the anchor to the shape does not match the text.

    '0' for the text is = Middle width and low height.

    '0' for the shape is = width mid to mid height.

    Yes, I can drag text to the alignment of the form.

    Actually, the problem isn't height. No anchor point. But in the wide Position. Why, when I change the text, changes the situation there. Quick glance:

    forum2.PNG

    When I change the text with Anchor Point is correct, still in the Center, but the position became misaligned. The text leaves the position of the shape, going to the right.

    This should happen due to variations in the width of the letters, the "sourceRectAtTime()" expression is extremely sensitive to the letters. "

    When I drag it to the correct location looks like this:

    forum 3.PNG

    Except that I can't be slippery, I need everything for always, snaps. Even if I change the text.

    How to solve this problem?

    Update: Please, note that if I put some 'symbol', the largest in height it is also doubtful:

    forum 5.PNG

    Try this. For the size of the rectangle (works the same as you, I think):

    r = thisComp.layer("TEXT").sourceRectAtTime (time, false);

    (r.width, r.height)

    For the position of the text layer:

    L = thisComp.layer("Rectangle");

    Rect = L.sourceRectAtTime (time, false);

    hisPos = L.toComp ([rect.left+rect.width/2, rect.top + rect.height/2]);

    Rect = sourceRectAtTime (time, false);

    myPos = toComp ([rect.left+rect.width/2, rect.top + rect.height/2]);

    value - (myPos - hisPos)

    Dan

  • Placement of watermark LR4 refuses to align right

    I have to place the watermark on the right side of the image. Whatever happens, it is always left justified. It won't Center, or align right.

    PC with Win7 pro. Seems so simple, click where you want to, but he's always on the left.

    OK, feeling a bit stupid right now...

    Different fonts had no effect but,

    Options of text Align: left center right refers to the text in a text that is defined in the preview box. You can expand the text box as you want.

    Watermark effects anchor: which determines the image where the text box control.

    I've never seen this option as the editing window opens small and you have to scroll down to see!

    I knew it was me... I just can't find out where... Thanks for trying to help.

  • Floating text with div alignment problems

    I have trouble with the lay-out. I'm afraid that this is a common problem (just an amateur) but could not find the solution.

    I have a div container and inside this a content-div div and a floating sidebar div (floating on the right). I would like the text of the content div is at the same level as the bar side-divtext. So... "Spaanse lovely" the text is horizontal at the same level as the text 'Op naar... search. ».

    As it is now, everything looks all right on my laptop and Internet Explorer. But if I look at another PC (also IE) the text "Spaanse lovely" appears much lower.

    The site of East www.Spaanse-pyreneeen.nl and here's the css file.

    I hope someone can help me.

    Katinka.

    {body
    text-align: center;
    margin: 0px;
    padding: 0px;
    do-family: Verdana, Geneva, without serif.
    do-size: 12px;
    background-color: #D7D0B4;
    }
    #footer {}
    do-size: 9px;
    background-color: #EEE;
    text-align: right;
    padding: 0px;
    Clear: both;
    Width: 900px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    left margin: auto;
    }
    #sidebar {}
    background-color: #EEE;
    text-align: justify;
    float: right;
    Width: 150px;
    padding-top: 15px;
    padding-right: 14px;
    padding-bottom: 0px;
    padding-left: 15px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #55552B;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    left margin: 0px;
    }
    {#navigatie}
    background-color: #D7D0B4;
    margin: 0px;
    padding: 0px;
    Width: 900px;
    do-family: Verdana, Geneva, without serif.
    do-size: 12px;
    color: #663;
    }

    {#fotos}
    background-color: #EEE;
    text-align: center;
    margin: 0px;
    padding: 0px;
    Width: 900px;
    height: 200px;
    }
    {image
    padding: 0px;
    border-top-style: none;
    border-right-style: none;

    border-bottom-style: none;
    border-left-style: none;
    }

    {.floatleft}
    float: left;
    }
    {.floatright}
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    }

    #container {}
    padding: 0px;
    Width: 900px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    left margin: auto;
    Clear: none;
    background-color: #EEE;
    }
    #header {}
    background-color: #EEE;
    height: auto;
    Width: 900px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    left margin: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    }
    #content {}
    background-color: #EEE;
    margin-top: 0px;
    right margin: 180px;
    margin-bottom: 0px;
    left margin: 0px;
    padding-top: 40px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 50px;
    text-align: justify;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #55552B;
    }
    H1 {}
    font size: 20px;
    margin-top: 0px;
    }
    H2 {}
    do-size: 14px;
    margin-bottom: 0px;
    }
    H3 {}
    do-size: 14px;
    margin-bottom: 0px;
    }
    body, td, th {}
    color: #55552B;
    }
    a: link {}
    color: #630;
    }
    a: visited {}
    color: #630;
    }
    a: active {}
    color: #630;
    }

    katinka2010 wrote:

    Thank you for your response.

    I did the changes exactly as you said and it looks better on the computer, but there is always a difference.

    However, on my laptop it is' much better n. The text of 'De Spaanse lovely' is good on the menu bar.

    Do you have any suggestions?

    Katinka.

    Edit the css "container" as below. Some of the elements of the Spry naviagtion are floating, who will lead them in the normal html stream, so you have to 'clear' These floats, so clear: both; (below) instead of clear: none;

    #container {}
    Width: 900px;
    margin-right: auto;
    left margin: auto;
    Clear: both;
    background-color: #EEE;
       
    }

    Then remove the "break" in your code below:



         

    Of Spaanse lovely

  • Why my pictures won't download like a face on my Apple Watch?  I tried to force touch and I don't have the face of the picture under the dials.

    Why my pictures won't download like a face on my Apple Watch?  I tried to force touch and I don't have the face of the picture under the dials.

    Using Watch OS 2.1?  (Check in the app shows on your iPhone under general > software update).  If this isn't the case, update your software Apple Watch (and your iPhone if necessary software).

    You should see that face when you scroll the faces to watch.

  • Desktop display problem; Why my mouse won't do anything on my display of open office?

    Original title: desktop display problem

    Why my mouse won't do anything on my display of open office? I have a laptop Toshiba A200, andI PC using Windows Vista. I have a mouse Logitech trendy and of course the laptop Snaptics pointing device. The mouse works fine except on the page office itself, and I can't open any icon. I can always open through the windows startup programs.

    Hello

    • What were the changes made before the issue started?

    You can view these methods:

    Method 1:

    I suggest you make a system full scan just to be sure.

    http://www.Microsoft.com/security/scanner/en-us/default.aspx

    Note: The data files that are infected must be cleaned only by removing the file completely, which means that there is a risk of data loss.

    Method 2:

    If this does not work, create a new user account and check. If it works in a new user account, then probably your user account have been damaged and would need a fix.

    Create a user profile.

    http://Windows.Microsoft.com/en-us/Windows-Vista/create-a-user-account

    Now search for the question.

    Follow the link provided below to fix the damaged user profile.

    http://Windows.Microsoft.com/en-us/Windows-Vista/fix-a-corrupted-user-profile

  • New shortcut text missing in the right click option...

    Hello

    I have problem in windows 7 the new option of text document in the right click menu is missing...
    PLS HELP ME...

    Ensure that this key exists HKEY_CLASSES_ROOT\.txt\ShellNew\NullFile

    If it does not exist, create it. Just right click in the right pane of the C:\windows\shellnew key,
    and select New/String value, and then type: NullFile

  • button not aligned right on all resolutions

    Hi all

    I show my app logo and a button at the top of the screen. Every thing is just OK but only problm is with the key that has to b align right at a particular positiion on the right side

    The problm I face, it's that when I place the button on the desired position, is not on the same place on all handsets

    Here is my code

       public  HorizontalFieldManager getField(){
    
            HorizontalFieldManager hfmc = new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH|
                    HorizontalFieldManager.USE_ALL_HEIGHT)
            {   
    
                protected void paint(Graphics graphics) {
                    int xForLogoImg = (Display.getWidth()*4)/100;
                    graphics.drawBitmap(0, 0, imgTitleBar.getWidth(),imgTitleBar.getHeight()+5, imgTitleBar, 0, 0);
                    graphics.drawBitmap(xForLogoImg, 0, imgTitle.getWidth(), imgTitle.getHeight()+5, imgTitle, 0, 0);
                    super.paint(graphics);
                }
            };  
    
            int left = Display.getWidth() /2 +  ((Display.getWidth()*6)/100) ;
    
            btn.setMargin(0, 0, 0, left);
            hfmc.add(btn);
            return hfmc;
        }
    

    I'll be back a HFM on which my logo is drawn and button is added. I put the left margin of the button as far as I want to b

    Its OK 9800 resolution 360 X 480 but on 9780 (resolution 480 x 360) its more to the left and the resolution inc button to move to the left

    thnx in advnc to you all

    Concerning

    Have you looked at the Style Field.FIELD_RIGHT?

    It works in places and does not work in other places, everything depends on the Manager.  One place here, I am confident, is not work in HorizontalFieldManagers.  But I think it works OK in VerticalFieldManagers where the optimization of resources has USE_ALL_WIDTH.  Then try to add your touch to an optimization of resources instead of a HFM, field, FIELD_RIGHT.

    Aside from that, you are to create a client Manager.  This Manager will be call the layout button, and then ask him what is and use the width of the Manager to determine the position to set the Position of fields.  All things pretty standard Manager however quite intimidating for a beginner to Manager.

    You can find more on this in the following:

    http://supportforums.BlackBerry.com/T5/Java-development/create-a-custom-layout-manager-for-a-screen/...

    and

    http://supportforums.BlackBerry.com/T5/Java-development/how-to-extend-Manager/Ta-p/446749

  • I don't understand why suddenly software won't let me export the movie My she tells me, on all projects, there is an unknown problem and won't let me export

    I don't understand why suddenly software won't let me export the movie.

    She tells me, on all projects, there is an unknown problem and won't let me export1.jpg

    This is now happening to me also. I've been editing happily nonstop for two months without this problem. The same project even made without problem a few days ago. Then update WME was released - he says something about fixing bugs? Now the first fails to encode using the encoder, Cuda mercury as in the photo of the op. No other changes to the system. Sometimes the first blocks also. Also noticed before makes oblivion on reload.

    Have tried - new driver nvidia, new projects, new sequences, removal of caches, different drives, uninstall and reinstall WME and first, reset the preferences.

    Very easy 9 min chronology of rendering fine just 4 days ago. Only lumetri, masks, stabilizing warp, moment 4 k - S.redgiant

    780GTX 32GB PC with several SSD and 7200 drives, i7 6 GB, Win 8.1 64

    --

    Update: has been working through some things with care. Really useful. Looks like it's specific project. Can be exported in single CPU mode. Put up-to-date I've run some additional tests. Older project exports ok.

    --

    Update: as I am with nvidia I downloaded the driver, custom installation selected, checked the box for a clean install. (according to the Adobe support chat)

    Do not click on the "maximum make quality" for the resizing option.

    Currently works for export in 1080. Will try 4 k later but at this point, it seems that the clean install video card driver that he fixed. It's all about a k 4 timeline.

    --

    Update: the custom clean install of nvidia driver finally solved the problem. Now, I can export the same project with all settings and sizes. A big thank you to the customer supports the person (MS) to tide me over.

  • Why does text appear distorted since I downloaded the latest version of the player.  I run a Microsoft operating system on a desktop computer.

    Why does text appear distorted since I downloaded the latest version of the player.  I run a Microsoft operating system on a desktop computer.

    Hi markm10760403,

    Open the drive, go to the edition menu > preferences > Page Display > rendering > set smooth text for laptop / monitor.

    Click OK to confirm the changes.

    Restart the drive and check if the problem persists.

    Kind regards

    Meenakshi

  • In InDesign, manual kerning using text with Option + left/right just stopped working. The clues how to fix?

    In InDesign, manual using text with Option + left/right kerning. just stopped working. The clues how to fix?

    Hello Curry,

    I wanted to say thanks for trying to help figure this point. Believe it or not, it turns out that the culprit was the keyboard itself. Option key was fried. Go figure.

    Best,

    Kim urban

    Urban design

    [personal information deleted by Moderator]

Maybe you are looking for