• Some users have recently had their accounts hijacked. It seems that the now defunct EVGA forums might have compromised your password there and seems many are using the same PW here. We would suggest you UPDATE YOUR PASSWORD and TURN ON 2FA for your account here to further secure it. None of the compromised accounts had 2FA turned on.
    Once you have enabled 2FA, your account will be updated soon to show a badge, letting other members know that you use 2FA to protect your account. This should be beneficial for everyone that uses FSFT.

Arg CSS!

Z

Zalbag

Limp Gawd
Joined
Aug 24, 2002
Messages
330
EDIT: I (think) fixed it. not sure if its the best way to do it though...

Ugh, I have been at this for like 2 hours now! Please someone help me!

My website: http://pinkus.no-ip.com
CSS file: http://pinkus.no-ip.com/web.css

I want navigation on one side, and the content to the right of it.

HTML:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Pinkus [Home]</title>

<link rel="stylesheet" type="text/css" href="web.css" />

</head>

<body>

<div id="nav">

	<p>Navigation</p>
	<a href="index.html">Home</a>

</div>

<div id="content">
	<p>email me what what's wrong: admin[at]pinkus[dot]no-ip[dot]com</p>
	<p>haha</p>
</div>

</body>

</html>

CSS:
Code: 
body {
	color: white;
	background-color: black;
	font-family: Georgia, Verdana;
	font-size: 0.8em;
}

h1 {
	color: white;
	font-size: 1.8em;
	text-align: center;
	padding: 0.5em;
}

a:link {
	color: #FF7F50;
	text-decoration: none;
}

a:visited {
	color: #FF7F50;
	text-decoration: none;
	
}

a:hover {
	color: #FF7F50;
	text-decoration: underline;
}

#nav {
	position: fixed;
	top: 50;
	left: 10;
	width: 10em;
}

#nav p {
	margin: 0;
	padding: 0;
}

#content {
	position: fixed;
	top: 100;
	margin-left: 110;
	width: 50em;
}
 
<DIV> in my experience is just for a block of text... if you want left and right, tables are usually the way to go...

Code: 
<BODY>
 <TABLE CELLPADDING=5 CELLSPACING=5 BORDER=0>
  <TR>
   <TD>
     <p>Navigation</p>
     <a href="index.html">Home</a>
   </TD>
   <TD>
     <p>email me what what's wrong: admin[at]pinkus[dot]no-ip[dot]com</p>
     <p>haha</p>
   </TD>
  </TR>
 </TABLE>
</BODY>

Edit: Sorry, I haven't worked that much with the CSS position features... Best of luck with them though!
 
I think I fixed it. Changing position: fixed to position: absolute did it.

I am not sure this is the best way to do it though...any ideas anyone?
 
Originally posted by HunterVK
<DIV> in my experience is just for a block of text... if you want left and right, tables are usually the way to go...
Click to expand...
You, sir, have LOTS to learn about CSS. :)
 
Tables can be the way to go, but they no use for data that doesn't need to be represented in a tabular form. Ever do science experiments in school? Well, the data table that you make is what tables should be used for. Otherwise, whip out some divs and css.
 
You must log in or register to reply here.
Back
Top