Re: Need Help Fixing Layout Issue

RobertTG wrote:

> I need help with Style.
> In screen shot below I need the 2 corners circled in red aligned.
> http://img160.echo.cx/img160/3312/screen9ad.png
>
> XHTML template code is below, please fix for me.
> Thanks !

[snip one mile and a half of code]

You're not actually serious, are you?
a) provide a real URL, not a screenshot with a lot of code
b) cut all the stuff that doesnt matter, so people can focus on the
problem, without having to eliminate all the rest of the stuff first

Oh, and c) we're not here to fix your problems, we're here because we
like to be here, and we may enjoy helping you with your problems, but
the real work is to be done by you, not us :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

RobertTG wrote:

> oh man...
> I made it so: ALL you have to do is:
> 1) Paste the code into an HTML editor and view it. ALL references are either
> inline or valid - NO relative references.

If it's that easy, why didn't you do that?
Just upload the example somewhere where we can see it.

> 2) Look at the screenshot to know what "my problem" is.

Screenshots are static and not showing more than one browser issue.

> I been on the Net for quite sometime and I think I have gotten
> BREVITY/SIMPLICITY into an art form.

Design an award for it.

A very general solution to your problem: add *{border:1px solid red;}
to your styles, and see where all the elements are really lined up.
Usually that gives clues about why something doesn't line up where you
expect it. Looking at your screenshot I'd say it's a margin or a
padding somewhere ;-) Is the div exactly as wide as the image?

(No, I'm not gonna past your code into my text editor, save it, write
the URL into different browsers and then fiddle with the code)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Here is the URL
http://acuratsx.blogspot.com/


I kind of made it better based on suggestions from William
Look just like what I want in FFox but not too good in IE.
I think somewhere the code is not "kosher"

RobertTG wrote:
> Here is the URL http://acuratsx.blogspot.com/


> I kind of made it better based on suggestions from William Look just
> like what I want in FFox but not too good in IE. I think somewhere
> the code is not "kosher"

Validation shows 13 errors; seems like a good place to start your fix.

http://validator.w3.org

--
Blinky
International Thank Your Developers Week - June 20-27, 2005
Say thanks to your favorite Open Source team one way or another.
http://blinkynet.net/comp/tydevs.html Yes, Eight Days A Week.

"RobertTG" <rtg@mailinator.com> wrote in message
news:d90mld$4l$1@reader1.panix.com...
> oh man...
> I made it so: ALL you have to do is:
> 1) Paste the code into an HTML editor and view it. ALL references are
either
> inline or valid - NO relative references.

Ahem.

Where are the images? In particular, where is the image of the cowgirl? Not
in your HTML I see. So, even if Els were to copy/paste your HTML she *still*
will not be able to see the image.

Duh.

Richard wrote:

> "RobertTG" <rtg@mailinator.com> wrote in message
> news:d90mld$4l$1@reader1.panix.com...
>> oh man...
>> I made it so: ALL you have to do is:
>> 1) Paste the code into an HTML editor and view it. ALL references are
> either
>> inline or valid - NO relative references.
>
> Ahem.
>
> Where are the images? In particular, where is the image of the cowgirl? Not
> in your HTML I see. So, even if Els were to copy/paste your HTML she *still*
> will not be able to see the image.
>
> Duh.

Richard, that image is in there, to be precise, in this bit of code:

<div style="margin: 0px 0px 0px 0px; padding: 0px;">
<img src="<div style="margin: 0px 0px 0px 0px; padding: 0px;">
<img src="http://photos6.flickr.com/12204176_1f3a7f966c.jpg" alt="" />
</div>" alt="" />
</div>

Sorry ;-)


--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Els wrote:

> Richard wrote:
>
>> "RobertTG" <rtg@mailinator.com> wrote in message
>> news:d90mld$4l$1@reader1.panix.com...
>>> oh man...
>>> I made it so: ALL you have to do is:
>>> 1) Paste the code into an HTML editor and view it. ALL references are
>> either
>>> inline or valid - NO relative references.
>>
>> Ahem.
>>
>> Where are the images? In particular, where is the image of the cowgirl? Not
>> in your HTML I see. So, even if Els were to copy/paste your HTML she *still*
>> will not be able to see the image.
>>
>> Duh.
>
> Richard, that image is in there, to be precise, in this bit of code:
>
> <div style="margin: 0px 0px 0px 0px; padding: 0px;">
> <img src="<div style="margin: 0px 0px 0px 0px; padding: 0px;">
> <img src="http://photos6.flickr.com/12204176_1f3a7f966c.jpg" alt="" />
> </div>" alt="" />
> </div>
>
> Sorry ;-)

And something went wrong with my copy paste there :S
In the original post it read:

<div id="main-content">
<div style="margin: 0px 0px 0px 0px; padding: 0px;">
<img src="http://photos6.flickr.com/12204176_1f3a7f966c.jpg" alt="" />
</div>

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -