Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Jul 2006
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    having some problems with css

    i have a site and am trying to create a table like structure with out tables.
    www.darkernights.com/photoblog/pg1.html
    this is the page i'm working on right now.
    Code:
    /* --------------PHOTOBLOG-------------- */
    
    .direction a
    {
    background-color: #888c91;
    color: #d3d3d4;
    padding: .3em;
    }
    
    .direction a:hover
    {
    background-color: #d3d3d4;
    color: #000000;
    }
    
    p.direction
    {
    text-align: center;
    clear: both;
    }
    
    div.photoblog
    {
    clear: left;
    padding:1em;
    }
    
    img.phonepic
    {
    padding: 5px;
    border: 0;
    vertical-align: middle;
    }
    
    p.image
    {
    vertical-align: middle;
    border: 2px;
    width: 80%;
    }
    
    span.caption
    {
    color: #000000;
    font-size: 10pt;
    clear: both;
    }
    i want the photos to list downward with a caption to the right of them. but i dont want the line to move to the next line below the image. like a little paragraph next to each image.

    any ideas?

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Code:
    img.phonepic
    {
    padding: 5px;
    border: 0;
    float:left;
    }
    
    p.image
    {
    border: 2px;
    width: 80%;
    clear:both;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Jul 2006
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts
    awesome thanks,.

    is there a way to center the images and text, but have the text leftaligned?

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Code:
    p.image
    {
    border: 2px;
    width: 80%;
    clear:both;
    margin:auto;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New Coder
    Join Date
    Jul 2006
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks again.


  •  

    Posting Permissions

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