SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict trigger's Avatar
    Join Date
    Jun 2003
    Location
    Eagan
    Posts
    342
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Trouble Hacking Sliding Doors Technique

    http://www.nasi.com/gsi/digital_asset_management.php

    Here's my try. I tried to hack a few things. I put the smaller image on the right side instead of the left, and I tried applying to divs and span tags.

    Here's my code
    HTML Code:
    <div id="top">
    <h1>
    	<a href="/gsi/index.php" title="Graphic Systems International Homepage">GSI Homepage</a>
    </h1>
    <span>
    	<ul>
    	<li><a href="../GSI/digital_prepress_workflow.php">Prepress Workflow</a></li>
    	<li><a href="../GSI/digital_asset_management.php">Digital Asset Management</a></li>
    	<li><a href="../GSI/backup_archival.php">Backup/Archival</a></li>
    	</ul>
    </span>
    </div>
    and here is the css
    Code:
    #top{
    	display: block;
    	background: url(../../images/gsi_top.jpg) no-repeat left top;
    	margin:0;
        padding:0 18px 0 0;
    	float: left;
    }
    #top span{
    	float: right;
    	background: url(../../images/gsi_top_r.jpg) no-repeat right top;
    	display: block;
    	padding:5px 30px 4px 12px;
    	width: auto;
    }
    I feel like I'm close, and just need to tweak the padding values, but editing CSS using FF's Web Dev toolbar doesn't seem to move stuff around enough. What am I doing wrong?
    Not another drugstore, not another town
    Tired of the overdrop, I had to put it down
    You know I was the man when I put the Crown down
    Then rolled around the Chemicals to pave the New Sound

  2. #2
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    Canada
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't see what this has to do with the sliding doors (isn't that for tabs?). What are you trying to accomplish?

  3. #3
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sliding doors would have the background images applied to the LI a A elements inside the UL - not sure what you're trying to do here. You can't put a UL inside a SPAN anyway.


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
  •