Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Aligning content

    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!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,688
    Thanks
    22
    Thanked 1,829 Times in 1,813 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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:
    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!

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,688
    Thanks
    22
    Thanked 1,829 Times in 1,813 Posts
    Post your CSS as well. Markup is fine but there is still no way to tell what you're doing with it.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,688
    Thanks
    22
    Thanked 1,829 Times in 1,813 Posts
    It might be easiest just to show you an example of a simple two column layout. Floating the one column is the secret you're looking for.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Post your CSS as well. Markup is fine but there is still no way to tell what you're doing with it.
    Code:
    @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...

  • #7
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    It might be easiest just to show you an example of a simple two column layout. Floating the one column is the secret you're looking for.
    I'm trying this one out now.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •