SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    position elements

    I want to position the ID#symbols to the right within the ID#Intro but it won't move. I tried a float on one of the classes but it doesn't move the entire ID.
    Code HTML4Strict:
    <div id="symbol">
    <div class="symbol_visual"></div>
    <div class="symbol_create"></div>
    <div class="symbol_watch"></div>
    </div>

    Code CSS:
    #symbol {
    margin: 0px 56px 0px 0px;
    }
     
    .symbol_visual {
    float:right;
      width:160px;
    	border: 1px green solid;
    	height:150px;
    	width: 100px;
      margin: 0px 85px; 10px 100px;
    	background:gray;
    }
    .symbol_create {
    	width:160px;
    	border: 1px green solid;
    	height:150px;
    	width: 100px;
    margin: -1px 105px; 10px 100px;
    	background:gray;
    	}
    .symbol_watch {
    	width:160px;
    	border: 1px green solid;
    	height:150px;
    	width: 120px;
    margin: -152px 210px; 10px 100px;
    	background:gray;
    	}

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    What's the div #intro? It will probably need to have a width set and overflow: hidden;
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    New thread created here.


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
  •