Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by kdallstar

  1. Hi guys I have a navigation bar where the code for the position isposition:absolute; left:350px; top:400px;On my computer it looks fine and where I wanted it to be. But on my friends computer it's skewed all the way to the right. So what am I doing wrong? I'm fairly new to CSS and only learned through some online reading so sorry for the beginners question :/ @font-face { font-family: 'Limelight'; src:url(../fonts/Limelight.eot); src:local(Limelight), url('../fonts/Limelight.ttf') format('opentype');} body { background:url(../images/bg.png); margin: 0; padding:0;}#logo { background:url(../images/header.png) no-repeat; background-position:50% 0%; width:100%; display:table; }#content { width: 900px; margin: 450px auto 0; background: white; border: solid 1px #CCC; padding: 20px 20px 0px 20px;}#header { position:absolute; left:350px; top:400px; list-style:none;}#header li { display:inline; padding:0px 32px 0px 0px;}#header ul li a { font-family:'Limelight'; color:#FFF; font-size:30px; text-decoration:none;}#header li a:visited { display:inline; font-family:'Limelight'; color:#FFF; font-size:30px;}
  2. Hey guys this is my first site that I created : http://wheatleyspacelab.com/. It is supposed to be a fan site for the character Wheatley from Portal 2. I just want to know which areas i could improve and which areas I did well. Two problems that I have already noted, one the homepage the 3 boxes on the bottom have horrible text and I need to update the images on one of the slideshows. I haven't gotten around to making some of the other pages but before I do I want to know if my overall idea is good. Thanks
  3. I am having some issues with centering my webpage with css. I have set the margins as auto and the width as 760px, and my page is somewhat centered. However the contents still little bit right of the page. I'm including the code below. Any help will be greatly appreciated.body {background-image:url(../images/slice.gif);background-repeat:repeat-x;}#wrap {margin-left:auto;margin-right:auto;width:760px;}#header img {float:left;margin:-10px 0px 0px 0px;}#header ul {float:left;list-style:none;}#header li {float:left;display:inline;font-family:Arial, Helvetica, sans-serif;color:#FFF;font-size:24px;padding:0px 32px 0px 0px;}#header p{float:right;color:#FFF;font-size:24px;text-decoration:underline;font-family:Arial, Helvetica, sans-serif;margin: 16px 0px 0px 0px;}#header li a {text-decoration:none;}#header li a:visited {float:left;display:inline;font-family:Arial, Helvetica, sans-serif;color:#FFF;font-size:24px;padding:0px 30px 0px 0px;}#header li a:hover {text-decoration:underline;color:#FFF;}#header p a:hover {color:#0099CC;}#header #social {float:right;margin: -100px 0px 0px 0px;}#header p a:visited {float:right;color:#FFF;font-size:24px;text-decoration:underline;font-family:Arial, Helvetica, sans-serif;margin: 16px 0px 0px 0px;}
  • Create New...