help! layout help needed!!

[deideii]

Hello urbanlights,

I love Version 2 very, very much. No suggestions. I love it the way it is.



-Jea@Piano-Girl.co.uk

[urbanlights]

okay, it's coded now at http://urbanlights.info
how does it look?
should i make the corners rounded? and if i should, what's the code for that?
i know i used to have the code and its something like

Code: Select all

border-radius: 2em 2em 2em

or something, I don't remember! I got it from some site but I have no idea what site haha

Anyways, any and all suggestions on the coding would be amazing, considering coding is NOT my forte haha (:

thanks again!!!

[urbanlights]

okay, help?!
i'm trying to make a 3-column footer and it is NOT working out! It looks terrible right now, I don't know how to fix it!
Any coding genius's out there? haha

[olivia]

okay, help?!
i'm trying to make a 3-column footer and it is NOT working out! It looks terrible right now, I don't know how to fix it!
Any coding genius's out there? haha

Your coding needs a lot of work, lol.

But, here's what you asked for. Change the width and margin-right as desired..

Code: Select all

.left {
text-align: center;
float: left;
width: 100px;
margin-right: 50px;
}

.centered {
text-align: center;
float: left;
width: 100px;
margin-right: 50px;
}

.right {
text-align: center;
float: left;
width: 100px;
}


[olivia]

I see you took the code...

Remember when coding, you must close anything you open.

You have left all three of the floating DIV's open.
Meaning you didn't put any </div> after you were done typing what belongs in each one.

You should also close <br> and <img> tags.
And have a open tag for every closed tag, i.e. <p>.

This is a correct example...

Code: Select all

<div class="right">
<h4>Advertising</h4>
<p>
<a href="http://teendown.com"><img src="http://teendown.com/td button 1.png" alt="Advertising" title="Advertising" width="88" height="31" border="0" /></a>
<br />
<br />
Contact me to ask about advertising!
<br />
</p>
</div>

Now you want to ensure that a browser realizes nothing else should be floating.
So that everything else stacks properly.

Add this to your styling...

Code: Select all

.clear {
clear: both;
height: 0px;
margin: 0px;
}

And add this after all the last floating DIVs (not each one, just the last one):

Code: Select all

<div class="clear">
&nbsp;
</div>

You may want to delete the space in the footer id, like so:

Code: Select all

<div id="footer">

[urbanlights]

omg i SUCK at coding haha it is not my thing lol
thanks so much! (:

[deideii]

I <3 it!! I <3 it just the way it is!!

[urbanlights]

aww thanks so much!

i sware, i'm coding retarted.
i need help; my visitor page isn't showing up right
could anyone help?
you can see it at http://urbanlights.info/visitor.php
thankss! (: