4 replies [Last post]
mj_wales
Offline
newbie
Last seen: 15 years 20 weeks ago
Joined: 2004-07-29
Posts: 4
Points: 0

I'm very new to CSS and am trying to mae a heading type thing one image on the left of the page one image on the right eg:

--------------------------------------------------------------------------------------
Image 1                                                                             Image2
--------------------------------------------------------------------------------------

i have tried creating two classes one text-aligh right the other left and surrounding each in a div (they ended up the right sides of the page but one below the other) and also using span with the classes but it made them both left aligned.

If anyone could give me an idea on the sort of CSS I should be using I would be very greatful.

Mat

sharkrey
sharkrey's picture
Offline
newbie
Deeeeeeep South, USA
Last seen: 8 years 46 weeks ago
Deeeeeeep South, USA
Timezone: GMT-6
Joined: 2004-07-28
Posts: 9
Points: 0

pictures

Here's one way...I'm sure there are others...

Example Page

The css is internal...just view source.

rtm223
rtm223's picture
Offline
Enthusiast
Last seen: 15 years 30 weeks ago
Joined: 2004-05-18
Posts: 58
Points: 0

pictures

Sharkrey, I took the liberty of stealing your cow pic and the html file (hope you don't mind :oops: )and re-wrote it in my own, rather unconventional, way:

http://www.caffeinefuelled.net/richard-hotlink/doublefloat.htm

Just to throw something else into the mix, I love how there are so many different ways to do the same thing Smile

//edit: although the filename and title both say float, there is no floating involved. It's just left over from the original file - don't wanna cause any confusion.

css layout tutorials - in depth layout tutorials for all you newbies D maybe even some stuff for you not-so-new-bies out there P

sharkrey
sharkrey's picture
Offline
newbie
Deeeeeeep South, USA
Last seen: 8 years 46 weeks ago
Deeeeeeep South, USA
Timezone: GMT-6
Joined: 2004-07-28
Posts: 9
Points: 0

pictures

Be gentle with Bessie...she's been a good cow. (whatever that means...)

This is great...not unconventional...you just attacked from another angle. I wouldn't have thought about using background images. Or, at least, I didn't.

Thanks...I'm continually learning...

mj_wales
Offline
newbie
Last seen: 15 years 20 weeks ago
Joined: 2004-07-29
Posts: 4
Points: 0

pictures

thanks so much guys Laughing out loud