Jump to content

khan1992

Members
  • Content Count

    5
  • Joined

  • Last visited

Community Reputation

0 Neutral

About khan1992

  • Rank
    Newbie
  1. khan1992

    CSS3 Columns

    I am having trouble keeping my content within the divs or sorted in column. They seem to be ever expanding. I have tried have 3 divs with each set 400px each set to float within a 1200px container. and thought this would contain them but they appear in one line. Also tried using the css3 columns but that is also doing the same thing. I have no idea where i went wrong? This is the HTML <!DOCTYPE html><head><html><title>Untitled Document</title><link href="mainstylesheet.css" rel="stylesheet" type="text/css" /><link href="textcss.css" rel="styleshe
  2. can css be used to do something like that as im not very competent with javascript
  3. ive been trying to keep a div enlarged however once i stop hovering over it it reverts back to original leaving a nasty white gap which i want to plug. sort of like what they have on this website http://www.rdio.com/ where they display the albums. This is what ive managed to do <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><
  4. Yeh thanks that seemed to do the trick around all the divs but now theres gaps between the divs <!DOCTYPE html><head><html><title>Untitled Document</title><link href="mainstylesheet.css" rel="stylesheet" type="text/css" /><style></style></head><body><div class="header"> <p>stuff</p> <p> </p></div><div class="content1"> <p>stuff</p> <p> </p></div><div class="content2"> <p>stuff</p> <p> </p></div><div class="content3">
  5. Every time i build a website i always get mysterious borders appearing. Heres the code i have <!DOCTYPE html><head><html><title>Untitled Document</title><link href="mainstylesheet.css" rel="stylesheet" type="text/css" /><style>.body{ margin: 0px; padding-bottom: none; }</style></head><body><div class="header">stuff</div><div class="content1">stuff</div><div class="content2">stuff</div><div class="content3">stuff</div><div class="footer">stuff</div></body></html>
×
×
  • Create New...