472,989 Members | 2,929 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,989 software developers and data experts.

place navigation correctly

18
I have a strict doc type: However, I am still unsure about css. Problems I have now are to do with floating both navigation lists. I have used tables and divs, as layouts are just too difficult for me to take on right now, but maybe this is causing problems.

The left navigation does not sit right ie flush to the left of the page. The top navigation does not float to the right flush either. I hesitantly post this question as a previous post seemed to have caused a long thread of disputes.

Here is the HTML
[html] <td valign="top" rowspan="2" width="117">
<div id="navigation">
<ol>
<li><a href="mosaic.htm">mosaic workshop</a></li>
<li><a href="screen.htm">screen printing</a></li>
<li><a href="craft.htm">creative crafts</a></li>
<li><a href="web.htm">web design</a></li>
<li><a href="gallery.htm">gallery</a></li>
<li><a href="events.htm">events</a></li></ol></div>
<div id="leftcontent">&nbsp;<img src="images/pheonix.jpg"
alt="image of artists work - pheonix" width="110" height="145"
align="center">
</td>
</html>
[/html]
and the css
Expand|Select|Wrap|Line Numbers
  1. #table             {align: left;
  2.                     width: 750px;
  3.                     height: 700px;
  4.                     margin: 0 auto;}
  5.  
  6. #navigation        { padding: 0;
  7.                      margin: 1px;
  8.                      text-align: left;
  9.                      width: 180px;
  10.                      height: 160px;
  11.                      color: #6600CC;
  12.                      }
  13.  
  14. #navigation li     { margin-bottom: 3px; }
  15.  
  16. #navigation a      { background: #fff;
  17.                      display: block;
  18.                      color: #6600CC;
  19.                      padding: 3px;
  20.                      margin: 1px; }                       
  21.  
  22. #navigation a:hover { background: #e60073;
  23.                       text-decoration: none; }
  24.  
  25. #leftcontent        {align: left;
  26.                      float: left; }
  27.  
  28. #topnavigation    ( text-align: right;
  29.                     color: #6600CC;
  30.                     padding: 3px;
  31.                     width: 300px;
  32.                     height: 30px;
  33.                     text-decoration: none;
  34.                     margin: 0px;
  35.                     background: #fff; }
  36.  
  37. #topnavigation li  { display: inline; }
  38.  
  39. #topnavigation a   { background: #fff;
  40.                      color: #6600CC;
  41.                      padding: 3px;
  42.  
  43.                      text-align: right;
  44.                      text-decoration: none; }
  45.  
Attached Images
File Type: jpg screendump.jpg (26.4 KB, 155 views)
Dec 26 '07 #1
1 1419
Death Slaught
1,137 1GB
Please be a little more specific about what it's doing wrong. Also, is the picture what it currently looks like, or what you want it to look like?

Sorry about the other thread that was sort of my fault. That doesn't usually happen, and odds are it won't happen again.....disputes like that are some what rare.

Thanks, Death
Dec 28 '07 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Andrew Donaldson | last post by:
I'd welcome some help in understanding what's going on with graphical browsers in the navigation list at: http://www.bounceandtickle.org.uk/index.html (This site is not about what it might...
0
by: Veli-Pekka Tštilš | last post by:
Hi, My first post here. I've found some serious accessibility flaws in the Python 2.4 docs and wish they could be rectified over time. I'm very new to Python and initially contacted docs at python...
6
by: MX1 | last post by:
Hi, I've created a series of navigation buttons to be used as a standard across many forms in an Access DB. Does anyone know an easy way to cut and paste these navigation buttons into each new...
5
by: Prakash | last post by:
I have a continuous form in which I don't want to allow more than 255 rows. There is a field called sub_tran_no which is of the type "BYTE" & hence the restriction. My Problem: -----------...
1
by: Jon Smith via DotNetMonster.com | last post by:
Hi all, I have a windows form which contains several text boxes. I would like these text boxes to DataBind to records in an Access.mdb. I have connected to the Access.mdb using ADO.Net. ...
10
by: Brett | last post by:
If I have many hard coded values such as file paths, file names, timeouts, etc, where is the best place to define them? Meaning, in the case something needs changing for example, rather than...
3
by: Jon | last post by:
Hello all, Does any know of / suggest a good framework to handle navigation in an ASP.net app? Many pages require a certain querystring parameter to work correctly and I'd like to use some...
0
by: snappingturtle | last post by:
I'm trying to figure out how to format the navigation bar in my web site w/o using tables. Basically, the navigation bar contains a cell that links to the previous page in the site and another that...
2
by: slaterino | last post by:
Hello, I'm hoping someone can help me with a couple of queries. I am in the process of designing a site which I have uploaded to: http://www.cca-ltd.co.uk/New/index.html, but I currently have 2...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
4
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...
3
SueHopson
by: SueHopson | last post by:
Hi All, I'm trying to create a single code (run off a button that calls the Private Sub) for our parts list report that will allow the user to filter by either/both PartVendor and PartType. On...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.