Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: DIVs

  1. #1
    Join Date
    Mar 2009
    Location
    Western Australia
    Posts
    386
    Tokens
    0

    Default DIVs

    Ok I designed a template a while ago and Lewiie15 coded it for me and I've had a look at the CSS and changed it a bit but I want to add another box and I was wondering if anybody know how the CSS knows where to put the boxs.

    for example this code:
    HTML Code:
    }
    #login_top {
    	width: 167px;
    	height: 24px;
    	float: left;
    	margin: 0;
    	border: 0;
    	background: url(imgs/box_top.png) no-repeat;
    	font: tahoma;
    	font-size: 13px;
    	color: #FFFFFF;
    	padding-top: 6px;
    	padding-left: 6px;
    }
    #login_content {
    	width: 171px;
    	float: left;
    	margin: 0;
    	border: #000000 solid 1px;
    	background: #EFEFEF;
    	font: tahoma;
    	font-size: 13px;
    	color: #000000;
    	padding-top: 7px;
    	text-align: center;
    }
    I've got the new box in sort of where I want it but I need to have a break line between them (for example <br> or <br />) so does anybody know?

  2. #2
    Join Date
    Jan 2009
    Location
    Australia
    Posts
    853
    Tokens
    0

    Default

    Just add padding between the two boxes you want seperating. If you've got one box ontop of another and you want it say, 5 pixels above the other then use: padding-bottom: 5px; on the box that was ontop.
    Cheap Layout Coding
    PM For Free Quote

  3. #3
    Join Date
    Mar 2009
    Location
    Western Australia
    Posts
    386
    Tokens
    0

    Default

    Didn't work, heres screenies.


  4. #4
    Join Date
    Oct 2005
    Location
    Melbourne, Australia
    Posts
    7,554
    Tokens
    0

    Latest Awards:

    Default

    Can't you add a clear div that has a fixed height of 5px or whatever?

  5. #5
    Join Date
    Mar 2009
    Location
    Western Australia
    Posts
    386
    Tokens
    0

    Default

    Doesn't work. Did I mention I copied the CSS from the origonal box?
    HTML Code:
    #box_top {
    	width: 167px;
    	height: 24px;
    	float: left;
    	margin: 0;
    	border: 0;
    	background: url(imgs/box_top.png) no-repeat;
    	font: tahoma;
    	font-size: 13px;
    	color: #FFFFFF;
    	padding-top: 6px;
    	padding-left: 6px;
    }
    #box_content {
    	width: 171px;
    	float: left;
    	margin: 0;
    	border: #000000 solid 1px;
    	background: #EFEFEF;
    	font: tahoma;
    	font-size: 13px;
    	color: #000000;
    	padding-top: 7px;
        padding-bottom: 5px;
    	text-align: center;
    }

  6. #6
    Join Date
    Sep 2009
    Location
    Hull
    Posts
    827
    Tokens
    0

    Latest Awards:

    Default

    m8, you have me on msn, stop making new posts lol i offer support on my layouts anyway...

    Just ask me on msn

    Lew.

  7. #7
    Join Date
    Dec 2006
    Location
    Swindon
    Posts
    3,299
    Tokens
    215
    Habbo
    dunko

    Latest Awards:

    Default

    overflow: hidden;

    that coding is terrible anyway.

  8. #8
    Join Date
    Apr 2009
    Location
    United Kingdom
    Posts
    1,111
    Tokens
    100

    Latest Awards:

    Default

    cba to read all code.

    add margin-bottom:10px; on the box content or w/e

  9. #9
    Join Date
    Mar 2009
    Location
    Western Australia
    Posts
    386
    Tokens
    0

    Default

    Quote Originally Posted by BoyBetterKnow View Post
    cba to read all code.

    add margin-bottom:10px; on the box content or w/e
    Thanks man!
    Quote Originally Posted by Lewiie15 View Post
    m8, you have me on msn, stop making new posts lol i offer support on my layouts anyway...

    Just ask me on msn

    Lew.
    Haha, I didn't want to annoy you

  10. #10
    Join Date
    Sep 2009
    Location
    Hull
    Posts
    827
    Tokens
    0

    Latest Awards:

    Default

    m8, i offer support on all my layouts that are coded other than ones i coded like last year... lol

    But if anyone contacts me asking me how to change the images ect i will virtually shoot you google does exist.

    Lew.

Page 1 of 2 12 LastLast

Posting Permissions

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