Syle sheet

Discussion in 'CSS' started by rockymountainexperience, Nov 16, 2007.

  1. #1
    My photos on my blog is too close to the wording. I tried fixing it but it does not seem to be working. Is there somebody who I can send my syle sheet and have them fix it? Thank you for your help.

    If nobody is willing to help I can send payment later. How much would something like this cost?
     
    rockymountainexperience, Nov 16, 2007 IP
  2. libertygone

    libertygone Active Member

    Messages:
    2,625
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    90
    #2
    i can take a look at it for you.
     
    libertygone, Nov 16, 2007 IP
  3. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #3
    If you have a container around your photos then set a margin that's toward the wording. If not, put a container around them.
     
    soulscratch, Nov 16, 2007 IP
  4. rockymountainexperience

    rockymountainexperience Peon

    Messages:
    486
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    My knowledge with CSS is very minimum. You lost me at container.
     
    rockymountainexperience, Nov 16, 2007 IP
  5. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #5
    Use something like:

    I'm assuming they are floated already (as you said they are too close to the text)
     
    rochow, Nov 16, 2007 IP
  6. rockymountainexperience

    rockymountainexperience Peon

    Messages:
    486
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Where do I enter that command? by the


    .entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }

    .entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }

    .entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }

    .entry img.off { padding: 0 !important; border: none !important; }

    .entry img.stack { clear: none !important; }

    #div-name img {float:left;margin:10px 10px 10px 0}
     
    rockymountainexperience, Nov 16, 2007 IP
  7. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #7
    oh, you really don't know CSS :)

    Try this:
    You can adjust the margins yourself, to change how far it is away from the text, for example:
    5px - top
    15px - right
    5px - bottom
    0 - left

    So if you want to make a margin to the left, simply change the end value (as its written in the order, top right bottom left) to however many pixels (like "10px")
     
    rochow, Nov 16, 2007 IP
  8. rockymountainexperience

    rockymountainexperience Peon

    Messages:
    486
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Would this change only work for any images I enter in for now on or should this work for images I entered before. The reason I am asking I am making the change and it is not fixing the pictures I entered before. Thank you for all your help.
     
    rockymountainexperience, Nov 16, 2007 IP
  9. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #9
    It's really hard to explain.

    If you can post the source I can do it for you
     
    rochow, Nov 17, 2007 IP