Web Analytics Made Easy -
StatCounter having some problems with css - CodingForum

Announcement

Collapse
No announcement yet.

having some problems with css

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new 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
    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!||||

    Comment


    • #3
      awesome thanks,.

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

      Comment


      • #4
        Code:
        p.image
        {
        border: 2px;
        width: 80%;
        clear:both;
        [b]margin:auto;[/b]
        }
        ||||If you are getting paid to do a job, don't ask for help on it!||||

        Comment


        • #5
          thanks again.

          Comment

          Working...
          X