Text in centered DIV horizontally and vertically.

I made a bar of simple navigation at the bottom of a site that I am building and had it centered horizontally and vertically.  When I pulled the top of the page now the text is completely to the left and I had no problem with him the day before. I made no changes to the code. I use IE9, but I've been since I started this site. Everything looks fine in Firefox. If I approached IE9 compatibility mode, it is centered horizontally but not vertically. Any ideas?

http://www.toddsshowcase.com/

http://www.toddsshowcase.com/styles/stylesheet.CSS

Just add height: 90px; and line-height: 90px; to your 'bottom_menu' of the selector css (as shown below)

{#bottom_menu}
text-align: center;
Width: 974px;
margin: 0px auto;
Clear: both;
height: 90px;
line-height: 90px;
}

Normally, I would not recommend the definition of a height on a

that contains text, BUT in this case there are many possibilities be accommodated the text should zoom to the end user in two or three times.

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;

    }

  • [SOLVED] Headers of columns (horizontal and vertical) Center

    Hello.

    I use JDeveloper 11.1.1.7.0

    I need to center headers of columns (horizontal and vertical), a < af:column... > classic within a < af:table >

    It is very important that one header is centered. The content could be left, Center or right-aligned.

    I tried this solution to another thread (alignment of the column header in the table of the ADF in the Center), but it does not work:

    <f:facet name="header">
        <afh:rowLayout>
            <afh:cellFormat halign="center">
                <af:outputText value="column header"/>
            </afh:cellFormat>
        </afh:rowLayout>
    </f:facet>
    
    

    Any suggestion? Thank you

    The solution is for JDev10g.

    Have you tried the alternative

    Set the align of af: column in the Center, it aligns the header and the data at the same time in the Center, if you only want the header to the Center, the inlineStyle value ' text-align: left;' in addition to the align property

    Timo

  • AI CC, horizontal and vertical guide lines disappear when aligning

    Hello

    I think I'm exactly as shown. I work with the rules and guidelines. My goal is to start from the upper left corner of the document (white Virgin) and drag the horizontal and vertical guidelines at the same time. Then I press Ctrl + R to hide the ruler guides, use the black arrow to select the guides that intersect (they turn blue), and align the center of vertical positioning. They should then be centered horizontally and vertically, but they disappear completely. I rebooted HAVE him, but that did not help. Kindly help, if I'm having trouble with this... Geez!

    Thanks in advance,

    Janice

    I experienced this with someone a few months ago, and we understand that they are no longer work as expected. After that you align the guides by following the steps you sketched out, zoom all the way (control-) until you can see the full editing table. They are way out of your sight.

    As an alternative, until it works again, note the height and width of the artboard and divide by 2. Use the numbers that result to position the guides manually.

  • How to get the angles of view (horizontal and vertical) camera?

    How to get the angles of view (horizontal and vertical) camera?

    The horizontal and vertical field of VIEW properties are available with the camera_get_physical_property() function.

    Who is using the C API of the photo. I don't think that you can access by using the control of the camera of Cascades.

  • Both horizontal and vertical tabular of freezing...

    Hello

    I use Apex version 4.2.6... In table form, I need to freeze the column headings (horizontal gel) as well as the lines of the columns (vertical gel),

    I tried for vertical gel well come... But I don't know about header freeze... is it possible to freeze both in tabular form? If Yes, then please guide throw me it

    Thank you

    Infantraj.A

    Hi Infantraj,

    Infantraj wrote:

    I use Apex version 4.2.6... In table form, I need to freeze the column headings (horizontal gel) as well as the lines of the columns (vertical gel),

    I tried for vertical gel well come... But I don't know about header freeze... is it possible to freeze both in tabular form? If Yes, then please guide throw me it

    Here is the post from blog by Jari wool, where he showed both freeze headers and freeze columns in the classic report:

    http://jaris.blogsite.org/Apex/f?p=blog:read:0:article:303800346302715

    Just download the sample application provided by Jari, upload it to your environment and use it to tabular form (as classic and as a report for the most use of the same model, i.e. the Standard). You can see the working example as well.

    Years ago, I did both the horizontal and vertical gel by twisting Jari earlier blog post.

    Reference: Re: how to freeze report tabuar headers and forms in APEX 4.1

    I hope this helps!

    Kind regards

    Kiran

  • horizontal and vertical flip of an image

    I duplicated old color slides by taking pictures of them with a macro lens. I only shot raw files, not jpg additional in order to save storage but otherwise to keep the range of post-processing possible. Worked well but the photos should be horizontally and vertically returned. Is it possible to LR4.4 automatically.

    To check all the images, then choose "horizontal reversal" only works on the first of the images activated.

    You can make several photo flips to develop if you enable automatic synchronization.  Just make sure to turn it off because it can cause all sorts of accidental damage

  • How can I recover the functions drag horizontal and vertical to center the portions of the image being developed? [was: Question]

    How can I recover the functions drag horizontal and vertical to center the portions of the image being developed?

    1 - question double deleted

    2 the name of the program you are using then a moderator may move this message to the correct program forum

    This forum Cloud is not on the program problem... help a program would be Photoshop Lighroom or Muse or?

  • Is it possible to do a slide show or a presentation without the discoloration (and l horizontal and vertical) so no transition at all?

    Is it possible to do a slide show or a presentation without the discoloration (and l horizontal and vertical) so no transition at all?

    (I want my dog to "run" more easily through the Web page in a slide show very fast)

    Hello

    You can set the transition to one of the three options available (bland, vertical and horizontal) and set the speed of transition to "0". This would remove all kinds of your slideshow transition effects.

    Please refer to this screenshot:- http://prntscr.com/4rdaqm

    Hope this helps

    Kind regards

    Rohit Nair

  • Horizontal and Vertical alignment / webcamSub

    How to control the alignment, horizontal and vertical of users within the webcamSub?

    Here is the result with the old and the new ACC webcamSub.

    1.jpg

    2.jpg

    Thank you

    Bernard

    Hi Bernard,.

    Sorry fot the inconvenience - part of the webcamsubscriber, we made a few changes to the layout system, in order to make them easier to control. So it is perhaps not as good in guessing the page layout that you want to automatically, but you will be much more easily able to force them to do exactly what you want.

    Here is the new property added to webcamSubscriber:

    usersPerRow:int[read-write]


    Specifies the number of the user to display per line in the webcamsubscriber videos. Once the number of videos to display exceeds this number, a new line is created with videos of excess. By default, 4. For a horizontal long band, this game at a high number - to a vertical strip, put on a low number.

    For your case, simply set usersPerRow to 1, so this will lay vertically.

    hope that helps,

    Nigel

  • How we split the screen for different horizontal and vertical divisions

    Hello

    How we split the screen for different horizontal and vertical divisions. I can't use panelSplitter because I need fixed screen and not the division which is movable/sliding. I tried inlineframe, but which fails because you cannot use forms, other trees components... :(

    so I would like to know how to do division without panelSplitter.

    Thanks in advance,
    Jyothi

    Hi Jyothi,

    If you set the panelSplitter attribute disabled to true, the delimiter becomes permanent/mobile no.

    
    

    Kind regards
    Amélie Chan

  • How horizontally and vertically centered Center horizontally aligned 3 buttons?

    Can't wrap my brain matter of centering... I guess because it's Friday!

    Lets say that I need to position 3 buttons side by side in the container to variable width, and I want that they always centered in the container vertically and horizontally. How to acheiwe with container?

    And we talk about QNX components bunnons only and 3 medium [2:n] buttons bumber

    Cup of coffee cleared my mind, so here is the solution and I'm sorry guys I don't think not hard enough at the beginning and you asked to think, but I think it could be useful to many others:

    Important here is SPACER, people never forget spacers... Laughing out loud

               var container:Container = new Container();
    
              var bb1:LabelButton = new LabelButton();          bb1.label = "Knopka1"         bb1.width = 120;
    
              var bb2:LabelButton = new LabelButton();          bb2.label = "Knopka2"         bb2.width = 120;
    
              var bb3:LabelButton = new LabelButton();          bb3.label = "Knopka3"         bb3.width = 120;
    
              container.margins = Vector.([10,10,10,10]);         container.width = 500;            container.height = 200;           container.debugColor = 0x0033FF;          container.flow = ContainerFlow.HORIZONTAL;            container.align = ContainerAlign.MID;         container.padding = 10;
    
              var sp1:Spacer = new Spacer();            var sp2:Spacer = new Spacer();
    
              container.addChild(sp1);          container.addChild(bb1);          container.addChild(bb2);          container.addChild(bb3);          container.addChild(sp2);          container.layout();
    
             addChild(container);
    

  • How to set the horizontal and vertical screen on my desk

    I have a problem remembering how to return to the setting of the vertical and horizontal on my desktop screen. Now, he threw my TV formatting to reports of the screen.  Text information on the programs and ads are either too high or too low on the TV screen, no matter how I ratios of formate the TV screen. This started after I messed up with the desktop screen ratios. I use my TV as a monitor for my computer. I forgot to write how I came to this page to adjust the ratio of the screen on my desk. I thoght I was in Control Panel, but I don't think. How do no wrong?

    Someone, anyone, please answer my question? I haven't gotten a response yet. I already gave on my model number, etc., in a previous post of my question. Please send me the answer directly, I don't check foroms. I don't like wading through all this stuff to get a simple answer to a question. Thanks again.

  • Disable the horizontal and vertical scroll bars

    Hello...


    I have to disable the horizontal scroll bars and vertical in the text field, is this possible?



    Please your help as soon as POSSIBLE.

    Murray,

    I understand that u don't want to take the time to review this question so evil "forgive" non-response gave you (I don't thnk so) that doenst help everyone.
    But if you answer and say its impossible when it IS possible I have to correct you.
    I did a testpage and it works as I have said, he would.

    http://www.superficial.nl/examples/textarea.htm

    So please if you do not want to give the answers that clarify anything, just do not...
    Then was wrong and click on the link above...

    GL,
    Superficial

  • Synchronization horizontal and vertical refresh for Satellite M55

    Hello.

    I have a M55 - S135 laptop (Satellite) and I'm trying to find the horizontal sync and vertical refresh rate so that I can configure X on my Linux distros. I am running Slackware 12.0 and Xubuntu 7.10 now. X works fine on both of them, but I want to refine them.

    I called Toshiba tech support, but I have not learned anything on their part. The [page that contains detailed specifications | http://www.csd.toshiba.com/cgi-bin/tais/su/su_sc_modelLanding.jsp?ProductMenu_0=Portables&Pro ductMenu_1 = Satellite & model_find = & ProductMenu_2 = 104 2101 & me = 1042101 & rpn = PSM50U & smoid = true & ct = MH & List Type model = & x = 25 & y = 20] does not help. Does anyone know of a way I can find these two rates? Or someone get to know them?

    Thanks for any help.

    Do have to do some special settings?
    Because
    * sudo dpkg - reconfigure - phigh xserver-xorg *.
    do the job easily.

Maybe you are looking for