Need help with putting pictures and text on the same line... |
Need help with putting pictures and text on the same line... |
HungryWolf |
Oct 7 2006, 08:47 PM
Post
#1
|
Group: Members Posts: 7 Joined: 7-October 06 Member No.: 360 |
I don't know why this is happening, but because I'm a noob when it comes to coding of any sort, I thought it would be easier to just ask here.
Here's my HTML: http://www.freewebs.com/hungrywolf/code.html If someone could check that out and see why it's happening, I would be extremely grateful. |
pandy |
Oct 8 2006, 12:16 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
|
HungryWolf |
Oct 8 2006, 10:24 AM
Post
#3
|
Group: Members Posts: 7 Joined: 7-October 06 Member No.: 360 |
I need help putting pictures and text on the same line. I don't understand why it's not working, but it's not.
|
Darin McGrew |
Oct 8 2006, 10:39 AM
Post
#4
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
A page displaying the HTML source isn't very useful. An HTML page using that source would be more useful. But with that said...
What image are you trying to put on the same line as what text? I didn't see anywhere that you had tried to do this. |
HungryWolf |
Oct 8 2006, 07:36 PM
Post
#5
|
Group: Members Posts: 7 Joined: 7-October 06 Member No.: 360 |
A page displaying the HTML source isn't very useful. An HTML page using that source would be more useful. But with that said... What image are you trying to put on the same line as what text? I didn't see anywhere that you had tried to do this. I don't understand why that would be more useful, but: http://www.freewebs.com/oddducks/help.html |
Peter1968 |
Oct 9 2006, 03:43 AM
Post
#6
|
Serious Coder Group: Members Posts: 448 Joined: 23-September 06 Member No.: 213 |
The whole thing is arranged as a weird table, rows, cells and all. Not sure if you're doing that or the freewebs page creator is.
But, you have the text and the image separated by paragraph tags. Get rid of them and the text and image should be on the same line. CODE <div style="overflow: auto; width: 770px; height: 315px"> <p>This is what it's doing.</p> <p>I have text and when I try to put a picture next to it, it automatically goes to the line downwards from it.</p> <p>Example<img src="images/katamariballfull.gif" width="24" height="23"></p> </div> |
pandy |
Oct 9 2006, 03:58 AM
Post
#7
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
I don't understand why that would be more useful, but: Because you had about 10 images in the page you posted the code of and you didn't tell us which one you had problems with. There wasn't text close to any of them, so rather hard to guess. Also because everyone had to copy-paste the code to be able to see the page in a browser. We can use View Source to see the coding. QUOTE Much more useful. Peter1968 provided the answer. But don't get rid of all paras. Put the image inside the para with the text you want it next to. |
HungryWolf |
Oct 11 2006, 10:05 PM
Post
#8
|
Group: Members Posts: 7 Joined: 7-October 06 Member No.: 360 |
That's no help, unless I'm not understanding what you're telling me. The text and the picture are both in the same paragraph yet they're still doing this. 'Example' stands for text that should be next to the picture, but instead for some reason ends up above it. Is there something in the script that might be doing this?
This post has been edited by HungryWolf: Oct 11 2006, 10:07 PM |
Darin McGrew |
Oct 11 2006, 11:39 PM
Post
#9
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Your style sheet is using "display : block" for the image, so the browser is displaying the image as a block-level element.
|
HungryWolf |
Oct 12 2006, 02:24 PM
Post
#10
|
Group: Members Posts: 7 Joined: 7-October 06 Member No.: 360 |
|
jimlongo |
Oct 12 2006, 02:39 PM
Post
#11
|
This is My Life Group: Members Posts: 1,128 Joined: 24-August 06 From: t-dot Member No.: 16 |
Your style sheet is using "display : block" for the image, so the browser is displaying the image as a block-level element. What would I have to change to make it not do that? remove img from the in-line style declaration in your html change CODE <style type="text/css">td img {display: block;}</style> to CODE <style type="text/css">td {display: block;}</style> |
HungryWolf |
Oct 12 2006, 09:01 PM
Post
#12
|
Group: Members Posts: 7 Joined: 7-October 06 Member No.: 360 |
Ah, that works but it completely screws up my template.
Oh well, I'll either suffer or find a new template. Thanks. |
HungryWolf |
Oct 20 2006, 10:02 AM
Post
#13
|
Group: Members Posts: 7 Joined: 7-October 06 Member No.: 360 |
I was wondering; would I be able to put that script before where I put the pictures in my divider and end it after I put the pictures in my divider, so I can have it how I want: the pictures sitting next to the text instead of under it, and also keep the template from screwing up? If it's possible at all, it shouldn't be too hard considering this is all in a <div> and shouldn't affect the whole thing.
|
Darin McGrew |
Oct 20 2006, 10:57 AM
Post
#14
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
If I understand the question correctly, then no, you can't put a style element inside a div element. The style element goes inside the head element.
|
Lo-Fi Version | Time is now: 26th April 2024 - 02:36 PM |