Center 2 lines of horizontal navigation using CSS

I have a long horizontal navigation at the foot of my page
and it looks fab, but it's all aligned to the left. How do I center
everything so the second line is centered below the top line?
Applying the BLOCK text align:center rule doesn't work - tried it
on all the various rules (the div itself, ul, li, a etc).

Your page throws a js error for me when it loads.
Error: MM_preloadImages is not defined
Source File:
http://www.friendsofwoodhousegrove.co.uk/friendsnew/index.htm
Also, you are using filenames that contain spaces that are
NOT Server
encoded....
<link href="CSS files/images.css" rel="stylesheet"
type="text/css" />
----------------------^
Why don't you fix those and post back?
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
==================
"Cactus Woman" <[email protected]> wrote in
message
news:eujcmd$seo$[email protected]..
> Hi Murray,
>
> This is the url:
>
http://www.friendsofwoodhousegrove.co.uk/friendsnew/index.htm
>
> The navigation I'm trying to centre is at the bottom
over the background
> image. I've done 2 unordered lists, one following the
other, because if I
> do
> the long list as one list some of the page titles start
to double up on
> themselves.
>
> Thanks
>

Similar Messages

Unable to center page layout in DW CS4 using css - using auto margin is not working

Trying to center the page horizontally, here's the css I've got for the wrapper:
#wrapper {
    width: 990px;
    margin: auto;
    padding: 0px;
    background-color: #4d4d33;
    background-image: url(../images/full_bkg.jpg);
    height: 1100px;
    background-repeat: repeat;
    position: absolute;

Thank you osgood, that did work for the entire page layout. However, it created problems with the rest of the layout. Here's the page before I changed the position:absolute. http://renyswildflowers.com/guide.html After making that change the other "columns" moved out of position. I tried various "position" settings for them but none worked.

Horizontal dropdown menu/css

Have worked out a horizontal menu using css but I'm stuck with the drop down part. There are two areas that drop down, one under Data Entry and the other under Reports. So far the only style used is display: inline;.View the file --> http://classreunionprogram.com/test_css/css.menu.htm
Also get a validation error because of ignorance of how to.Any help is great.
Thanks.

Is this what you had in mind?
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
NOTE: Pay close attention to how the list mark-up is laid out.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Need Help using ul for horizontal navigation

Though I normally use tables, I've been reading that it's better to use <ul> and <li> for horizontal navigation bar on my website.
I'm having problems with spacing, I want each item of the navigation bar to fit in a 166 width box.
Here's my CSS:
#ul.navbar {
    list-style-type: none;
font-weight: bold;
background-image: url(../images/166bar.gif);
    margin: 0;
    padding: 0;
    width: 100%;
#ul.navbar li {
    margin: 0px 20px 10px 20px;
    list-style: none;
#ul.navbar a {
    text-decoration: none;
How do I make sure each item of horizontal navigation bar fits in the center of it's box? Can any recommend a good tutorial or example?

http://alt-web.com/DEMOS/CSS-Menus.shtml
Change
text-align: left
to
text-align:center
I want each item of the navigation bar to fit in a 166 width box.
In that case, you should use tables, images or vertical list menus.
http://css.maxdesign.com.au/listamatic/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Customizing Font Size of Date Navigator Header Using CSS

Hi All,
Can anyone offer any advice on how I'd change the font-size of the Date Navigator Header (i.e. May 2010, June 2010, etc)?
I've tried the good ol' CSS hack underneath the "Font Color of Date Navigator Header" and despite it working during preview, it doesn't come through when I save it.
This is what I've entered:
#000;padding:7px;font-weight:bold;font-size:medium
What am I doing wrong?
Is it because there are too many arguments?
Where else could I modify this?
Thanks,
Bim.

Hello Bim,
I am not sure about your requirement using CSS. But, one way of changing the "Font Color of Date Navigator Header" is through editing the properties of your current theme in "Portal theme editor". For portal theme editor, logon to portal and navigate to System Administration>Portal Display>Theme Editor--> Click on the theme that is currently active.
Now, navigate to "Date Navigator" under Complex Elements and change the required properties. I hope this helps you. Let me know if you need any other information.
Regards,
Gopal.

How to use CSS to create horizontal nav bar in Dreamweaver CS6

How to use CSS to create horizontal nav bar in Dreamweaver CS6

One of the ways to do it is this: Tryit Editor v1.9
You can also use floats to get something to the same effect.

Horizontal Navigation pattern / Contextual Navigation pattern

Hello,
Where Horizontal Navigation pattern and Contextual Navigation pattern used in Portal theme.
I am trying to do tab like look and feel for Portal Top Level navigation. Horizontal Navigation Pattern has that kind of look and feel.
Is there any way I can do this one by using Horizontal navigation pattern.
Detail Navigation:
I need to make detail navigation as separated by lines (Padding)
Contextual Navigation Pattern: Has lines of kind structure.
Is there any way I can link these two in Theme Editor. Are they already linked to Portal theme Which property attaches to theme.
Regards
Mark

Hello Mark,
Hope you are doing well. Were you able to change the pattern and set it in a theme?
Regards
PN

How to - horizontal navigation

Hello,
I'm having a mental block and can't figure out how to do a
SIMPLE navigation bar horizontally across the top of the page.
Wanted to use "block", but I seem to only be able to get my list in
a vertical format doing this. Then tried "display-list_item" which
looked okay on my screen but loaded again with the navigation being
vertical. I know that this has got to be easy... don't want to make
it hard by creating buttons, etc. when I want something simple.
Page is located at
Sage
City
I haven't been doing many sites lately and I'm badly out of
practice I'm afraid... thanks for your help :)
Maureen

> Murray - Still haven't got it all straightened out and
may end up starting
> from scratch using divs instead. The "client" in this
case is a web person
> (back-end I think) and insisted on using "tables"
because according to her
> this
> has less accessibility issues.
Your client is badly mistaken. If tables are used for
content, they create
accessability problems, since tables are "read" from left to
right, top to
bottom, meaning that vertically adjacent content will not be
read as a block
when they are in different cells in the same column.
> #navigation td
This is a descendent selector - it specifies that the rull
following it
would be applied to all <td> tags within a parent
container with ID =
"navigation". It's quite common to use such selectors.
> it seems cumbersome
Quite the opposite.
> What I've done is changed all the "#" to "." and applied
the classes to
> the
> text as needed.
That's the wrong approach, really.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"webmom24" <[email protected]> wrote in
message
news:[email protected]...
> Patty - I guess I just haven't seen this before and it
didn't seem to work
> correctly in the page either.
>
> For example, here's the navigation code:
> #navigation td {
> border-bottom: 2px solid #C0DFFD;
> }
>
> #navigation a {
> font: 11px Verdana, Arial, Helvetica, sans-serif;
> color: #003366;
> line-height:16px;
> letter-spacing:.1em;
> text-decoration: none;
> display:block;
> padding:8px 6px 10px 26px;
> background: url("mm_arrow.gif") 14px 45% no-repeat;
> }
>
> #navigation a:hover {
> background: #ffffff url("mm_arrow.gif") 14px 45%
no-repeat;
> color:#FF6600;
>
> Then on the page:
> <table border="0" cellspacing="0" cellpadding="0"
width="165"
> id="navigation">
> <tr>
> <td width="165"> <br />
> <br /></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">destinations</a></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">airfare</a></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">cruises</a></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">specials</a></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">contact</a></td>
> </tr>
> </table>
>
> I guess I don't understand how the "id" works to format
the table - it
> seems
> cumbersome and I'm not understanding what this is doing
exactly. It was a
> bit
> confusing for me to figure out how to change the
navigation from vertical
> to
> horizontal and in the process I probably deleted some of
the crucial
> elements.
> What I've done is changed all the "#" to "." and applied
the classes to
> the
> text as needed.
>
> Murray - Still haven't got it all straightened out and
may end up starting
> from scratch using divs instead. The "client" in this
case is a web person
> (back-end I think) and insisted on using "tables"
because according to her
> this
> has less accessibility issues. Bottom line is I should
use what I feel
> comfortable with and what works for me and the site. Not
only did she want
> it
> in "tables" but then wanted it set for 600 px wide, with
percentages used
> for
> the columns... this project is going to drive me to
drink...
>
> Maureen
>

Navigation using lists

Hello Experts,
I have attached below, a navigation bar example from
Listamatic.
Item one contains this code:
<li id="active"><a href="#" id="current">Item
one</a></li>
Can anyone explain what the extra id tags are for, and how
they work?
My goal is to make a nested horizontal navigation bar that
shows with styling differences, what page you are currently on, as
well as all you appropriate link choices. If possible, I would like
to accomplish that in one navigation bar in one template for my
entire site. I suspect the mystery code may be designed for this
purpose, but I don't know how it is used or implemented.
Any help out there?
Thanks very much in advance.
Richard
HTML

This is an interesting technique. Of course, it fails if js
is disabled,
whereas the other methods do not....
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
==================
"Thierry | www.TJKDesign.com" <[email protected]>
wrote in message
news:ea48di$qkv$[email protected]..
> RTalbott wrote:
>> HTML
>>
>> <div id="navcontainer">
>> <ul id="navlist">
>> <li id="active"><a href="#"
id="current">Item one</a></li>
>> <li><a href="#">Item
two</a></li>
>> <li><a href="#">Item
three</a></li>
>> <li><a href="#">Item
four</a></li>
>> <li><a href="#">Item
five</a></li>
>> </ul>
>> </div>
>
> I think *this* markup could use no ID on the UL and no
ID on the A
> element;
> AFAIK, there is no need for these.
> This article shows different ways of styling the link
that corresponds to
> the page the user is currently on:
>
http://www.tjkdesign.com/articles/navigation_links_and_current_location.asp
>
> --
> Thierry
> Articles and Tutorials:
http://www.TJKDesign.com/go/?0
> The perfect FAQ page:
http://www.TJKDesign.com/go/?9
> CSS-P Templates:
http://www.TJKDesign.com/go/?1
> CSS Tab Menu:
http://www.TJKDesign.com/go/?3
>
>

Balancing field "Profit Center" in line item 001 not filled

When i am doing Posting with clearing(FB05) i am getting the below error message "Balancing field "Profit Center" in line item 001 not filled"
Background: When we are doing the MIRO transaction we have used a diffrent profit center than it came from the Purchase Order where we have added extra cost and included the new line items under GL tab and posted the Invoice.
Now i want to tranfer that to a diffrent Vendor and clear it. So i used FB05 transsaction. When i tired to do the transfer posting with clearing i am getting the error message "Balancing field "Profit Center" in line item 001 not filled" As we have under the document split Zero balances check box checked along with the Profit center Mandatory for field Profit Center. The system could not determine which profit center it has to use.
Thanks in advance.

Hi Kiran,
Could you tell me how you are able to resolve this issue as we are having the same issue.
Did you use the substitution rule?
Please let us know.
Thanks,
Madu

T-code: F-02 (Balancing field "Profit Center" in line item 001 not filled)

Dear Experts,
I am getting following error while i am doing transfer by using t-code F-02.
"Quote
Balancing field "Profit Center" in line item 001 not filled
Message no. GLT2201
Diagnosis
The field Profit Center marked as balancing is not filled with any value in line item 001, even after document splitting.
System Response
The document cannot be posted.
Procedure
First check your entries.
Additional causes could be:
u2022 No value can be derived for this field from the current document data.
u2022 You have entered a document type that is not designed for this business purpose.
Procedure for System Administration
Customizing
Unquote"
Where do you thing the mistake is and what i have to do? Please resolve my problem.
Thanks advance,
Best Regards.
Ripon Kumar Paul

Hi
Balance Sheet Accounts are required to be split in case you have document splitting activated u2026.. and in your case the profit center is made mandatory for the documents to get splitted u2026.. and the profit center would be derived from cost centeru2026u2026u2026. therefore to split the document by using document type u2013 SA through F-02 we need to do further settings, i.e., you need to configure u201CExtended Document Splitting Configurationu201D
For example: Rent expenditure is been posted which is having more than 2 Debits and consisting of different Cost Centers and posting to Rent Payable A/c which is a Balance sheet A/cu2026u2026.
Path: Financial Accounting (New) - - General Ledger Accounting (New) - - Business Transactions - - Document Splitting - - Extended Document Splitting -- Define Document Splitting Rule
Define your Business Transaction variant and for that variant define document splitting rule u2026u2026u2026.. where in you need to activate Automatically split check box for the desired categories.
Regards,
Sathish

Balancing field "Profit Center" in line item 002 not filled and VF02

Dear All,
Below mentioned error we got in VF02 while releasing the billing to Accounting document.
In this case SO has created. Later with out delivery has been created Billing ( VF01) And Later Releasing through VF02 ( For only 1 specific Billing type )
But we have CRM Integration also from CRM 7.0 TO ECC 5.0 ( New GL Is there in ECC 5.0)
Here alternative solution is there i.e In OKKP T code if we deselect Profit center Button Issue will be resolved from SD side ( PC Issue )
Then problem will come to CRM with another message as ( Account-based PCA not active in year 2011 in controlling area 1001 (Notification I KM 029) Message no. CRM_ORDER_MISC 060)
Balancing field "Profit Center" in line item 002 not filled
Message no. GLT2201
Diagnosis
The field Profit Center marked as balancing is not filled with any value in line item 002, even after document splitting.
System response
The document cannot be posted.
Procedure
First check your entries.
Additional causes could be:
No value can be derived for this field from the current document data.
You have entered a document type that is not designed for this business purpose.
Please help on same.

Hi
If i am selecting that indicator in 0KE5 Problem will be resolved in CRM.
But VF02 Is getting this Balancing field "Profit Center" in line item 002 not filled problem.
With out selecting that indicator please suggest. From Last 5 years we are using this Production System.
0KE5 indicator has not selected from 2005 to 2011 also.
CRM Is is process. we have selected in QA, But problm occurs to VF01 and CRM Process.
Simply if i select 0KE5 CRM problm will resolved.
Later SD Problem will come into the pictute.
Note: In PD1 System we hav not selected for 2011 also.
Pls put more inputs.

Feedback on impementing second horizontal axis using Flex 2.0.1

I am attempting to use the concept of a second horizontal
axis using Flex 2.0. It is not clear to me if it is supported by
the Flex 2.0.1 sdk although livedocs does provide an example using
secondVerticalAxis. A snippet of my code is attached with this
message. At runtime, the second series does not display. Any
feedback about usage of the component would be greatly appreciated.
Thanks.

>>That data base is fine for a development environment.
Thanks edbrendel.
So, since I am able to run Apache 2.2 as I want to, would I
be better of to use MySQL 5 or MS SQL Express if I want it to be
largely development, but also for my own stuff (my galleries etc.)
actually running pages served to the web?
I know of the technotes, a couple of them (incl. the MySQL
note on installing V. 5 as a datasource and all that), but never
saw that one...so thanks very much. I've manually added the Apache
2.2 file line in httpd.conf and added the file in the config area,
which always worked in the past with XP Pro and XP64...hope it does
with 2003 I had 2003 server when I first started playing, it was a
nightmare, I hope now that I've bought everything I can wrap my
head around it!). I just make sure I don't try to configure CF
until after manually adding the files, and changing the Apache
config file and restarting. Then I go into the administrator for
the first time.
Shawn

IDOC_INPUT_INVOIC_FI:Balancing field "Profit Center" in line 004 not filled

Hi All
We have set up dopcument splitting funtionality and it is working fine when document is posted through FB60.
When I am trying the same using Idocs, it is issuing error message "Balancing field "Profit Center" in line 004 not filled".
The processing routine for this idoc is IDOC_INPUT_INVOIC_FI and process code is INVF.
I tried to debug it and found that the profit center is not being popoulated for vendor line item which is cautomatically calculated from the GL line items which are there in the idoc. This is the reason the error is issued.
I want to know why profit center is not populated for vendor item. When I do it from FB60, it is populated.
Can anyone help me here ?
Is there any SAP note related to this?

Hi
Pleaes note that it is not allowing me to enter the profit center, neither in PO nor in GR.
I created two different POs.
a. Both are for non stock material with account assignment category 'K'
b. Material group for both the POs are same.
c. GL Account i entered in both the POs are same.
d. CO area entered in both the POs are same.
e. Ogranizational details of both the POs are same.
f. Ofcourse 'Ordering Unit' is different in both the POs.
When i tried to make a GR for the first PO, it is automatically proposing the profit center and i can post the GR. But when i tried the second PO, it is nether defaulting the profit center nor asking for profit center. It is giving an error message "Balancing field Profit Center in the line item 001 not filled.
We have not changed the profit center or any configirutaions and when we tried to do the GR simultaniously for both the POs, one get posted correctly and the other one is giving this error message.
Can any one of you please let me know what should be the reason ?
Thanks
Venkat.

Problem regarding the creation of Table using CSS.

Hi ,
Here I have a Problem regarding the creation of Table using CSS.
In My Application i have a table with multiple rows(Rows are Dynamically added to the table).First i am setting the table with the following properties:
width:900px;
height : auto,
Overflow : visible,
Max-height: : 200px.
If I use above properties,I'm getting a table with 5 or 6 rows(height upto 200px).After that i am getting the Vertical ScrollBar.
The problem is when a table has many columns, Vertical and Horizontal Scrolls are coming at the time of setting the table. The table height is not Increasing dynamically.
How can i use "height" property in CSS? (I want the table height to be increased when the columns are more.)
Thanks & Regards
Madhavi

Hey humble user. Errr I'm trying to understand what ur trying to do. U want to create a section of a region destructively from an existing region right? If so select the option convert to new region (opt-comm-R or selecting it by right clicking). Check your audio bin to make sure. Whats the "merge" function? Are u refering to the glue tool?

Center 2 lines of horizontal navigation using CSS

Similar Messages

Maybe you are looking for