I'm trying to code my site to be without tables, but I'm having a few troubles.
<!-- m --><a class="postlink" href="http://www.lukerpig.com">http://www.lukerpig.com</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.lukerpig.com/pig.css">http://www.lukerpig.com/pig.css</a><!-- m -->
Below the main banner is a strip of text and a picture beside it. I want to send the picture to the right side of the page, but keep the text on the left side.
I'm finding this to be surprisingly difficult, and if anyone knows how to align my picture, please enlighten me as to how!
Thankeez
lukerpigI can't really see what you're talking about but you've definitely got some out of place divs in that table. Normally I'd do what you describe with a block element containing the text (text-align:left) and the image in the background, no repeat, top right or such.Well, I've had more of a development in my layout.
now, the text (which is an image itself) is on a different line then the picture. Does anyone know how I can bring these two images onto the same line?now, the text (which is an image itself)Then it's not text, it's an image. You were a big Myst fan weren't you? Float one left, the other right and give them widths that combine to less than 100%.Then it's not text, it's an image. You were a big Myst fan weren't you?
lol. Those were the days. The days of Myst.
ANyways, since I really know nothing about floating, do I float the span that the image is in, or the image itself?You float the images.I floated the images, but it seemed to do nothing to bring the two on the same line.
Did I mess up, or do I need a new suggestion?Did you float one left and the other right?http://www.lukerpig.com/indexpush.php
I thought I made a post earlier, but I don't see it anymore.
Anyways, the above link shows what happens when I float the banner to the left. Being just introduced to the css float thing, what should I do to fix the layout?I'm afraid the more I look at your layout and HTML the less I can figure out what you're trying to do. Maybe someone else here has a better grasp.Right now, below my banner, I have a green colored strip containing a picture containing a few words (Ban) , and a small square picture with an image relating to the text (Ran).
As I see it from firefox, the Ran is resting inside of the black area that holds all of my text. I want for this image to get out of my text area, and onto the same line that already holds my Ban.
Thanks for the help you've given me, though, and sorry that I'm so confusing
Consider this untested idea.
<div id="ban"><img src=http://www.webdeveloper.com/forum/archive/index.php/"ban12.gif" width="420px" height="15px" alt="ban"/></div>
<div id="ran"><img src=http://www.webdeveloper.com/forum/archive/index.php/"ran12.gif" width="29px" height="31px" alt="ran"/></div>
#ban { float:left; width:50% }
#ran { float:right; width:49%; text-align:right }Yay! I finally got it to work! The trick was adding come "clear" CSS to my table!
Now, I just need to find a way to give my area a background...
Thank you A LOT for the suggestions and for sticking in there for me
<!-- m --><a class="postlink" href="http://www.lukerpig.com">http://www.lukerpig.com</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.lukerpig.com/pig.css">http://www.lukerpig.com/pig.css</a><!-- m -->
Below the main banner is a strip of text and a picture beside it. I want to send the picture to the right side of the page, but keep the text on the left side.
I'm finding this to be surprisingly difficult, and if anyone knows how to align my picture, please enlighten me as to how!
Thankeez
lukerpigI can't really see what you're talking about but you've definitely got some out of place divs in that table. Normally I'd do what you describe with a block element containing the text (text-align:left) and the image in the background, no repeat, top right or such.Well, I've had more of a development in my layout.
now, the text (which is an image itself) is on a different line then the picture. Does anyone know how I can bring these two images onto the same line?now, the text (which is an image itself)Then it's not text, it's an image. You were a big Myst fan weren't you? Float one left, the other right and give them widths that combine to less than 100%.Then it's not text, it's an image. You were a big Myst fan weren't you?
lol. Those were the days. The days of Myst.
ANyways, since I really know nothing about floating, do I float the span that the image is in, or the image itself?You float the images.I floated the images, but it seemed to do nothing to bring the two on the same line.
Did I mess up, or do I need a new suggestion?Did you float one left and the other right?http://www.lukerpig.com/indexpush.php
I thought I made a post earlier, but I don't see it anymore.
Anyways, the above link shows what happens when I float the banner to the left. Being just introduced to the css float thing, what should I do to fix the layout?I'm afraid the more I look at your layout and HTML the less I can figure out what you're trying to do. Maybe someone else here has a better grasp.Right now, below my banner, I have a green colored strip containing a picture containing a few words (Ban) , and a small square picture with an image relating to the text (Ran).
As I see it from firefox, the Ran is resting inside of the black area that holds all of my text. I want for this image to get out of my text area, and onto the same line that already holds my Ban.
Thanks for the help you've given me, though, and sorry that I'm so confusing
Consider this untested idea.<div id="ban"><img src=http://www.webdeveloper.com/forum/archive/index.php/"ban12.gif" width="420px" height="15px" alt="ban"/></div>
<div id="ran"><img src=http://www.webdeveloper.com/forum/archive/index.php/"ran12.gif" width="29px" height="31px" alt="ran"/></div>
#ban { float:left; width:50% }
#ran { float:right; width:49%; text-align:right }Yay! I finally got it to work! The trick was adding come "clear" CSS to my table!
Now, I just need to find a way to give my area a background...
Thank you A LOT for the suggestions and for sticking in there for me