SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist Worldbuilder's Avatar
    Join Date
    Jan 2004
    Location
    Boston, MA
    Posts
    481
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Put all this on one line, not 3...

    Hello,

    At my blog test site You'll notice the
    << Hello World! | Gettin' Closer >>
    text in the middle. Just as you see it above, I'd like that all on one line, but can't seem to figure out how to do it. Driving me nuts.

    Anyone?

    The CSS code controlling that is
    Code:
    .alignright {
    	text-align: center;
    	display: inline;
    	}
    	
    .alignleft {
    	text-align: center;
    	display: inline;
    	}
    Thanks!

    Chris

  2. #2
    SitePoint Evangelist Maujor's Avatar
    Join Date
    Mar 2005
    Location
    Rio de Janeiro - Brazil - South America
    Posts
    409
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Chris,
    Try the following:

    Find in your code:
    Code:
    <div class="navigation">
    <div class="alignleft">&laquo; <a href="http://www.bartlett-
    family.net/chrisbartlett/blog2/?p=1">Hello world!</a> 
    <strong> | </strong> 
    <div class="alignright"><a href="http://www.bartlett-family.net/
    chrisbartlett/blog2/?p=3">Gettin’ Closer!</a> &raquo;
    </div></div></div>
    and replace:
    Code:
    <div class="navigation">
    <p>&laquo; <a href="http://www.bartlett-family.net/
    chrisbartlett/blog2/?p=1">Hello world!</a> 
    <strong> | </strong> <a href="http://www.bartlett-family.net/
    chrisbartlett/blog2/?p=3">Gettin’ Closer!</a> &raquo;</p></div>
    Mauricio Samy Silva
    http://www.maujor.com/

  3. #3
    SitePoint Evangelist Worldbuilder's Avatar
    Join Date
    Jan 2004
    Location
    Boston, MA
    Posts
    481
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Mauricio!

    Unfortunately it's not that easy because this is a php file which is generating the XHTML...

    I did something new. I made a Horizontal pipe list instead... Check out the link now. It works like a charm, BUT these lists are also inheriting CSS attributes from the CSS file. You can see the red bullets... How do I make it so these particular lists are ONLY affected by the classes their specific CSS and not the rest (see below for new code)?
    Code:
    ul.Piped
    {
    margin: 0px;
    padding: 0px;
    }
       
    ul.Piped li
    {
    display: inline;
    border-left: 1px solid;
    } 
    
    ul.Piped li.First
    {
    border-left: none;
    }
    Chris

  4. #4
    SitePoint Evangelist Worldbuilder's Avatar
    Join Date
    Jan 2004
    Location
    Boston, MA
    Posts
    481
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    NM, I figured it out. Thanks!

    Chris


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
  •