SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jul 2011
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Problem in post layout , all images are floating to left

    please give a look to my test blog http://jesica89.blogspot.com/ there is a problem that post description is coming after thumbnail , i know this can be solved by setting
    #contentLeft img, #contentLeft a img {
    padding: 0;
    margin: 0;
    float:left
    but by using this , all images in the post floats to left now can anybody solve my problem

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    What do you want it to do?

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,821
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    The easiest solution would be to add a class to the image and then target it correctly. If you can't add a class then you could target it vie the entry class bit again that would styles any other iimages in .entry.

    Code:
    .entry img {
    padding: 0;
    margin:0 10px 10px 0;
    float:left
    }

    The image in question seems to have a surrounding div that has a unique id attached so you could target that one image using the id but I guess that's not what you meant.

    The best solution if you dont want to affect all images is to add a class to the images in question and target them directly.


Tags for this Thread

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
  •