SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Feb 2005
    Posts
    452
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help postioning my multi menu nav list onto my page

    Hi guys. have created a multi menu nav list using opencube multimenus visual interface software http://www.opencube.com/ ...dunno if anyone has heard of it. Have created my menu, but the problem am now having is to position it right on my webpage. here is the link to my page.....

    http://www.exploitation.org.uk/BobbyTest/index.html

    and I want my navlist to go right next to the gti tags header logo.

    Trouble is cannot do it for the life of me....any ideas why guys????

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    HI,

    You could float the image and then the nav would draw level.

    e.g.
    Code:
    .gti-tag{float:left;position:relative;z-index:999;}
    Code:
    	 <div id="header"> <a class="gti-tag" href="#"> <img src="http://www.exploitation.org.uk/BobbyTest/images/GTITagsHeader.gif" id="title" alt="GTI Tags" /></a>
    You need to remove those condtional comments from the stylesheet as they are not allowed in the stylesheet. Only CSS and css comments are allowed in the stylesheet (no html comments either).

    The condiotnal comments go in the head of the page outside of the style block:
    e.g.

    Code:
    <!--[if IE]><style type="text/css">.imcm .imclear,.imclear{display:none;}.imcm{zoom:1;} .imcm li{curosr:hand;} .imcm ul{zoom:1}.imcm a{zoom:1;}</style><![endif]--><!--[if gte IE 7]><style type="text/css">.imcm .imsubc{background-image:url(http://www.exploitation.org.uk/BobbyTest/ie_css_fix);}</style><![endif]--><!--end-->
    
    </head>
    <body>

    You have it twice in that stylesheet anyway. You can set up a link to the ie only stylesheet from within the conditional comments to save on code on every page. Just put the css in a an external stylesheet and call it somthing like ie.css and then link to it from within the condiotnal comments in the same way that you link to normal css files (with the correct path of course).

    e.g.

    Code:
    <!--[if IE ]>
    <link rel="stylesheet" href="iestyle.css" type="text/css" />
    <![endif]-->
    Validate your html and css and these errors will be highlighted for you.

    You should also remove that inline-styling to an external css file as it adds page weight and is not necessary as you could simply add a class where necessary or target the element specifically if possible.

  3. #3
    SitePoint Enthusiast DesignLoad.net's Avatar
    Join Date
    Jan 2005
    Posts
    85
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    opencube seems to be pretty good utility...

    I guess Paul already solved your problem


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •