Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Member
    Join Date
    Feb 2005
    Location
    Portland, Oregon
    Posts
    93
    Member #
    8959
    hello there, my issue is at my homepage at http://www.ardia.org/greensoda02.htm

    im sorta stuck here based on http://alistapart.com/articles/imagegallery article.

    i am duplicating the idea into my portfolio and cannot seem to get my screenshot boxes (numbers) to be attached to CSS. Does this seem right?

    Code:
    /*for portfolio menu*/
    
    .gallery ul {
    		margin: 0;
    		}
    	
    .gallery ul li {
    		position: relative;
    		}
    
    .gallery ul li a {
    		display: block;
    		padding: 7px;
    		border: 1px solid #ccc;
    		color: #000099;
    		background: #00FF66;;
    		border: 1px solid #D70000;
    		border-bottom: 0;
    		font-weight: bold;
    	}
    	
    .gallery ul li a:hover{
    	color: #660000;
    	}
    	
    /* Fix IE. Hide from IE Mac \*/
    * html .gallery ul li { float: left; }
    * html .gallery ul li a { height: 1%; }
    /* End */

    Somehow these screenshots seem to be still linked to the ardia's menu tree (up below), not to gallery CSS (second one) directly.

    My full CSS file is at http://www.ardia.org/styles.css, if necessary to view.

    Can anyone help or give me advice on how to fix this?

    Thanks!

  2.  

  3. #2
    ljm
    ljm is offline
    Senior Member ljm's Avatar
    Join Date
    Aug 2006
    Location
    Manchester, England
    Posts
    284
    Member #
    13684
    Liked
    1 times
    Your HTML is wrong. Instead of having [minicode]<ul class='gallery'>[/minicode], do this:

    HTML Code:
    <div class='gallery'>
    <ul>
    ..
    </ul>
    </div>
    Your CSS states that the list will only be styled if it's in a container with the class 'gallery'.

  4. #3
    Member
    Join Date
    Feb 2005
    Location
    Portland, Oregon
    Posts
    93
    Member #
    8959
    wow, thanks! that worked.

    now i am having plms tyring to make the numbered boxes hortionzal instead of dropping down.

    hmmpt :dead:

  5. #4
    Member
    Join Date
    Feb 2005
    Location
    Portland, Oregon
    Posts
    93
    Member #
    8959
    i got it, by adding

    " display: inline; " to every UL listing in there.

    thanks!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:37 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com