473,321 Members | 1,778 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,321 software developers and data experts.

Beginner having problems with aligning gif's and text

5
Hi all.
I'v just started to learn/use css and at my first try I've got a little problem.

I want picture.gif at the left, wrapped text in the middle, and picture.gif at the right.

I've tried different css code after suggestions I found via google but not the right one.

Will someone give me a hint on which way I should proceed?

Thanks :-)
Aug 21 '07 #1
9 1484
Death Slaught
1,137 1GB
Hi all.
I'v just started to learn/use css and at my first try I've got a little problem.

I want picture.gif at the left, wrapped text in the middle, and picture.gif at the right.

I've tried different css code after suggestions I found via google but not the right one.

Will someone give me a hint on which way I should proceed?

Thanks :-)
I'm no CSS expert and i hate the langauge anyways i just learned enough to suit my person then i stay as far away as humanly possible but heres a link to w3schools you most likely can find your answer there. Good Luck!

Thanks, Death Slaught
Aug 21 '07 #2
Lesjen
5
I'm no CSS expert and i hate the langauge anyways i just learned enough to suit my person then i stay as far away as humanly possible but heres a link to w3schools you most likely can find your answer there. Good Luck!

Thanks, Death Slaught
Hi Dean.

I've been there, read the tutorial but not been able to apply the suggested code to get the result I want.
/Leslie
Aug 21 '07 #3
Death Slaught
1,137 1GB
Hi Dean.

I've been there, read the tutorial but not been able to apply the suggested code to get the result I want.
/Leslie
well i think i might have found a way to make it work but please explain what isnt working is it the pics or the text?
Aug 21 '07 #4
Lesjen
5
well i think i might have found a way to make it work but please explain what isnt working is it the pics or the text?

If you take a look at http://www.eskk.nu/leslie/ I think you'll see the problem.
Aug 21 '07 #5
drhowarddrfine
7,435 Expert 4TB
Leslie,
I'm glad to see you validated your html and css to make sure it was standard and compliant. You'd be surprised how many come here with problems yet have tens to hundreds of errors but wonder what is wrong.

First, even though your doctype is valid, IE won't recognize it and go into quirks mode. I don't know why you commented out the second half but remove the comments to get the full tag line.

Part of your problem lies with forgetting that images are inline elements and you cannot position inline elements because they are the same as a word in a paragraph, it can't be moved. So I suggest you look into taking those images out of the paragraphs and only let the <p> contain text. Then, float:left; the images to see if that's what you want.

Another possibility is to make the images block level, that is, in CSS, display:block; Then they can be repositioned.

Look into styling your images, the size, with CSS rather than html attributes.

I am impressed with your html for being so new. At least you read the right book. :)
Aug 21 '07 #6
Lesjen
5
Leslie,
I'm glad to see you validated your html and css to make sure it was standard and compliant. You'd be surprised how many come here with problems yet have tens to hundreds of errors but wonder what is wrong.

First, even though your doctype is valid, IE won't recognize it and go into quirks mode. I don't know why you commented out the second half but remove the comments to get the full tag line.

Part of your problem lies with forgetting that images are inline elements and you cannot position inline elements because they are the same as a word in a paragraph, it can't be moved. So I suggest you look into taking those images out of the paragraphs and only let the <p> contain text. Then, float:left; the images to see if that's what you want.

Another possibility is to make the images block level, that is, in CSS, display:block; Then they can be repositioned.

Look into styling your images, the size, with CSS rather than html attributes.

I am impressed with your html for being so new. At least you read the right book. :)
Thanks for the nice words :-) I'll try to keep up the good work.
I've now got the hang of it I think.
But it looks a little weird in IE6, I've read about the problems with IE, any suggestions on how to adjust so it looks the same in Firefox and IE?
/Leslie
Aug 21 '07 #7
drhowarddrfine
7,435 Expert 4TB
I don't know what you mean by the "right" image. And do you mean you want your images to appear on the right but text on the left?
Aug 21 '07 #8
Lesjen
5
I don't know what you mean by the "right" image. And do you mean you want your images to appear on the right but text on the left?
I got it right :-)
I moved the text below the pictures in the html document and then I used css code float: left and code float: right.

Another question!

Should I use one styles document for all my pages making sections or should each page have it's own?
/Leslie
Aug 22 '07 #9
drhowarddrfine
7,435 Expert 4TB
To maintain consistency across all pages, we usually keep one style sheet. If some pages need additional unique styling, for some reason, you can include it or use @import.
Aug 22 '07 #10

Sign in to post your reply or Sign up for a free account.

Similar topics

4
by: TempMan | last post by:
I want this text field to always display a number variable. The variable "num" is defined in the head, how can I get a text box to display this varibale?? <input name="Balance" type="text"...
1
by: ::::x:::: | last post by:
Hi All, below is come code I'm writing for an assignment, and I'm stuck. What I want to happen: page load, user click on money money = bank bank is displayed in a text box I can get the bank...
0
by: Stevie Allan | last post by:
I've been changing my javascript rollovers to CSS using :hover. I have used the following class and html so that when you hover over the home.gif the 'Home' text next to it is underlined. CSS:...
1
by: junior | last post by:
Hi group, I have a problem with a small project i'm doing at the moment. Here's my code below. <table width="668" height="63" border="0" cellpadding="0" cellspacing="0"> <tr> <td...
0
by: David | last post by:
Hello all. I am trying to implement my first server control and have run into two problems that I cannot solve. I need the assistance of someone with more experience. My goal was to create an...
2
by: funkiejunkie | last post by:
Hello all, I posted a thread a while ago and was told to include the code so here it is. I still dont really get CSS, everything I have done has been blagged because I cant be bothered to read...
34
by: aljamala | last post by:
I keep getting this error for the given code region (it actually highlights the line with the body tag): line 42 column 1 - Warning: <trisn't allowed in <bodyelements </head> <body...
6
by: fpcreator2000 | last post by:
Hello everyone. I'm having problems with a page I've created that is used to insert data into a database. It uploads two files into two distinct folder, and it takes the filenames and inserts...
1
by: tshad | last post by:
In VS 2008, I have in my footer a button, link and 2 images. But they are not displaying in the vertical middle of the row, even though I have it set that way: <asp:Button ID="AddQuestion"...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.