1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

how do we call this ?

Discussion in 'HTML & Website Design' started by commandos, Feb 11, 2007.

  1. #1
    stupid question ....

    how do call this in english :

    Digital Point Forums > Search Engines > Google > AdSense > Guidelines / Compliance


    i forgot the technical name for it the way links in HTML are made ..

    category -> sub catg -> sub sub ..
     
    commandos, Feb 11, 2007 IP
    Codythebest likes this.
  2. MattD

    MattD Peon

    Messages:
    161
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think you mean a "breadcrumb" thing
     
    MattD, Feb 11, 2007 IP
    commandos likes this.
  3. commandos

    commandos Notable Member

    Messages:
    3,648
    Likes Received:
    329
    Best Answers:
    0
    Trophy Points:
    280
    #3
    Righhhhht !!

    Thank's !!

    REP LEFT . (OOPS , Will be left in 24 hr , gave too much already...)
     
    commandos, Feb 11, 2007 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    It's a breadcrumb. The best way to make this is to use an unordered list containing other unordered lists, with one list item per level.

    Since this will be used once per page, simply give the parent list an ID and style from there:
    
    <ul id="breadcrumb">
    	<li><a href="">Home</a>
    		<ul>
    			<li><a href="">First Sub-Section</a>
    				<ul>
    					<li><a href="">Second Sub-Section</a></li>
    				</ul>
    			</li>
    		</ul>
    	</li>
    </ul>
    
    Code (markup):
    And the CSS for it (bear in mind this is a basic example, and IE7 will have some issues with it when you zoom the entire page because of how it deals with rounding):
    
    #breadcrumb, #breadcrumb ul {
    	display: inline;
    	list-style: none;
    }
    	#breadcrumb li {
    		display: inline;
    		padding-left: 0.25em;
    	}
    		#breadcrumb ul {
    			border-left: 1px solid #000;
    		}
    	
    	#breadcrumb a {
    		background-color: #FFF;
    		color: #00F;
    		text-decoration: none;
    	}
    	
    	#breadcrumb a:hover {
    		text-decoration: underline;
    	}
    
    Code (markup):
     
    Dan Schulz, Feb 11, 2007 IP
    commandos likes this.
  5. commandos

    commandos Notable Member

    Messages:
    3,648
    Likes Received:
    329
    Best Answers:
    0
    Trophy Points:
    280
    #5
    Thank's , REP left for both :)
     
    commandos, Feb 11, 2007 IP
    Correctus likes this.
  6. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I forgot to mention that I also use this to set all the margins and padding on every element in the page to 0:
    
    * {
        margin: 0;
        padding: 0;
    }
    
    Code (markup):
     
    Dan Schulz, Feb 11, 2007 IP
  7. Codythebest

    Codythebest Notable Member

    Messages:
    5,764
    Likes Received:
    253
    Best Answers:
    0
    Trophy Points:
    275
    #7
    I'm too late but I would say the same thing. Any rep left?? ;) :D
    (just kidding)
     
    Codythebest, Feb 11, 2007 IP
    commandos likes this.