Hey guys,

 

As I'm just starting off, I'm getting to know the code still.

 

At the moment, my page just has got a Logo and a small bit of text on.

As you can see here http://footiefanatics.co.uk/test/ the text appears underneath the logo on the right, is there anyway to get it so it's the same level as the logo?

 

Thanks,

Preemo

Put your logo in & text in separate divs & float them left & right.

have a look at Floats

 

http://www.w3schools.com/css/pr_class_float.asp

 

 

and their third example

Using floats, see below

 

<div id="wrapper">
<div id="header-left">
  <a href="index.php"><img src="./images/index-logo.gif" /></a> 
  <p>hello</p>
 </div>
<div id="header-right">
 <p>Email us at </p>
</div>
</div>

 

css code

img { border:none;} /* removes borders on linked images, without adding border=0 to all the images */
#wrapper {
width:960px;
margin:0 auto;
}
#header-left {
width:500px;
float:left;
}
#header-left img {
float:left;
width:360px;
height:100px;
}
#header-left p {
float:right;
}
#header-right {
width:300px;
float:right;
}

 

That will give you the left and right of the header... You would need to add styling, margins etc. Change the widths to your needs.

Edited January 10, 201115 yr by Faevilangel

That's perfect guys, thank you!

edit my post above due to a mistake on my part.