Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

please help with coding

Discussion in 'Website Design Forum:' started by TomStutt, Sep 6, 2009.

  1. TomStutt

    TomStutt Senior Member

    Hi all

    I have an image of myself on my home page with some text on the right of it but there is a massive gap between them and I cant work out how to reduce this.

    can someone help please.

    tomstuttdesign.co.uk

    thanks all
     
  2. tim

    tim Senior Member

    HTML:
    #content-top-left {
    
    	float: left;
    	width: 15%;
    	overflow: hidden;
    	padding-right: 15px;
    	}
    	
    #content-top-right {
    
    	float: right;
    	width: 80%;
    	overflow: hidden;
    	}
    as far as im aware, that ^ should be this:

    HTML:
    #content-top-left {
    
    	float: left;
    	width: 15%;
    	overflow: hidden;
    	padding-right: 15px;
    	}
    	
    #content-top-right {
    
    	float: right;
    	width: 85%;
    	overflow: hidden;
    	}
     
  3. Renniks

    Renniks Senior Member

    Yeh, looks about right tim, though the pic still might not fill 15%
     
  4. tim

    tim Senior Member

    true true.

    100px wide?

    probably 12% maximum on top_left needed?
     
  5. TomStutt

    TomStutt Senior Member

    cheers tim - top man. worked a treat

    thanks
     
  6. TomStutt

    TomStutt Senior Member

    @tim - it was 13% cheers
     
  7. tim

    tim Senior Member

    fair play.
     
  8. TomStutt

    TomStutt Senior Member

    cheers tim. thanks for the help. much appreciated
     
  9. Renniks

    Renniks Senior Member

    why not do pixels as % isn't fixed, it varies.....
     
  10. tim

    tim Senior Member

    it'd only vary if you changed the width of the container.

    and then it's your fault if you dont ammend it...

    easy thing about percentage is your not messing around with figures, you just know you need to share it equally off 100%.
     
  11. Jazajay

    Jazajay Active Member

    I'm getting very impressed Tim Bob, what happened to that Tim I used to know, you kids grow up so fast these days. :cry:
     
  12. HippySunshine

    HippySunshine Senior Member

    Is there a major difference in using % instead of pixels?
    I much prefer to use pixels.

    I don't actually know the reason for both - needs to do some research I think
     
  13. tim

    tim Senior Member

    not as far as im aware.

    imo all the difference is that percentage makes it a lot more round and easier to control whats going on.
     
  14. Renniks

    Renniks Senior Member

    Pixels are a set number of pixels... the width will appear the same on the persons computer regardless of their browser setup?
    Percentage depends on how they are viewing the site not how their monitors resolution is... its a percent of their window?

    (Notice the question marks as I am not 100% sure on this... :( )
     
  15. Kevin

    Kevin Senior Member

    Yes, % is a relative value, depending on the size of the browser window (not the screen resolution). Percentages are mostly used in fluid layouts, and for some other stuff I can't come up with from the top of my head :p
     
  16. Renniks

    Renniks Senior Member

    I feel if you have a set image width in pixels, you should also have a set container width... as there will be no issues at all...

    a 100 pixel wide image will ALWAYS fit in a 110 pixel wide container if there are no CSS controls to stop it :D
     

Share This Page