Shoutbox

mabye im wrong in my outlook on this bit - but:

quote:

---

Originally posted by raceprouk
Remove all the <br />s from around the image

---

their there to mvoe the text down away from the image,

quote:

---

Originally posted by raceprouk
- Swap the h1 and h2

---

thats like that to have "a heading" - 2347ATC (Porthcawl)
but the h1 is there to show the page information

quote:

---

Originally posted by raceprouk
Use CSS to set the image to 'float', with some positioning attributes to make it float in the right place (you may want to look at <div> tags for this)

---

ummmm... il have to look into doing that 1

<h1> is meant to be the page title, <h2> a subtitle. There's a reason there's 6 different heading tags
As for the image: CSS margin-top

quote:

---

Originally posted by raceprouk
meant to be

---

key words - doesnt have to be tha way though

why do i need to add a top maring for the image?

Adding a margin-top to the image will allow you pixel-fine control of the image location. In fact, since you have two images, assign an ID to each one, then use the '#id' selector to set the margin CSS properties.
Example:
<img src="logo.gif" alt="Logo" id="Logo"/>
with CSS
#Logo {
margin-top: 25px;
}

ok,
can the ID be anything?

but this doesnt make the links able to move up the float next to the logo image whilst keeping that in the center

I know it doesn't make the image float: I only told you how to position the top
To get the 'floating', try this: wrap the <ul> in a div, wrap that <div> and the <img> in another div, and set the inner <div> to 'float: left;'. Scrap that: it doesn't want to work. Just experiment

uuuuuhhhoooooooooohhhhhh
ready for my major screw up.....

code:

---

div.two {float: left}

---

code:

---

<div class="two"><img src="2347atc.gif" alt="2347ATC logo" />
                <br />
                <br />
<div><ul>

LIST HERE

</ul></div></div>

---

is that right?

andout of curiosity - what does <div> do?:£

so - the <div> can be used to customise paragraphs and headinhs/= or links differently whiklst only coding it once

i think

quote:

---

Originally posted by DJKAL
so - the <div> can be used to customise paragraphs and headinhs/= or links differently whiklst only coding it once

i think

---

No, thats what classes are for

Div's act as containers for elements, so you can group them together, which is why they are used so often in modern webdesign, as they allow the coder to group certain elements and position them. Take a look at most div based webdesigns, divs are used to contain the header, and used to seperate multiple columns.

However if you just want to apply the same style to multiple elements you can use the class attribute of the element. See the class selector section of the css syntax page on w3schools.