...

View Full Version : Aligning content



hack4urlife
02-18-2011, 01:17 AM
Hi all,
I'm designing a website, and I need to separate the links from the main content.
http://img827.imageshack.us/f/designn.jpg/
^ There's an image of what I have so far. How would I add content along side the links? They're all separate images.

Thanks!

Excavator
02-18-2011, 01:22 AM
Hello hack4urlife,
I saw your earlier post with the same question... not much we can do with a screenshot like that. Post your code so we can see how your presenting your links, then we might be able to help you.

Even better, a link to the test site so we can see your code in action.

If you do post code in the forum, please use the code tags, [code][/code] - available with the # button in the post edit window.
This will wrap your code in a scroll box which greatly helps the readability of your post.

hack4urlife
02-18-2011, 01:28 AM
Oh, thanks. Sorry for the double post, I just thought people were ignoring me. :)
Unfortunately, I'm keeping the site offline for now, but here's my code:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>// home</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body class="text">
<strong>blahblahblah</strong>// home
<p class="text"><img src="images/block.png" width="20" height="18"></p>
<p align=left><a href="index2.html"><img src="images/home.png" width="20" height="57" alt="Home"></a></p><p align=left><a href="music.html"><img src="images/music.png" width="20" height="50" alt="Music"></a></p>
<p align=left><a href="pics.html"><img src="images/pics.png" width="20" height="35" alt="Pictures"></a></p>
<p align=left><a href="vids.html"><img src="images/vids.png" width="20" height="35" alt="Videos"></a></p>
<p align=left><a href="links.html"><img src="images/links.png" width="20" height="50" alt="Music"></a></p>
<p align=left><a href="projects.html"><img src="images/projects.png" width="25" height="50" alt="Projects"></a></p>
</body>
</html>


The images are local, but you can replace them with little blips or something.
Thanks for your help!

Excavator
02-18-2011, 01:33 AM
Post your CSS as well. Markup is fine but there is still no way to tell what you're doing with it.

Excavator
02-18-2011, 01:39 AM
It might be easiest just to show you an example of a simple two column layout (http://nopeople.com/CSS%20tips/simple_2-column/index.html). Floating the one column is the secret you're looking for.

hack4urlife
02-18-2011, 01:52 AM
Post your CSS as well. Markup is fine but there is still no way to tell what you're doing with it.


@charset "utf-8";
.text {
font-family: MankSans-medium;
}

.content {
font-family:MankSans-medium;
font-size:14px;

}

.content2 {
font-family:MankSans-medium;
font-size:16px;
}

A:link {
text-decoration:none;
color:#000
}

A:active {
text-decoration:none;
color:#444
}

A:hover {
text-decoration:none;
color:#999;
}


Thanks for being patient with me...

hack4urlife
02-18-2011, 01:53 AM
It might be easiest just to show you an example of a simple two column layout (http://nopeople.com/CSS%20tips/simple_2-column/index.html). Floating the one column is the secret you're looking for.

I'm trying this one out now.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum