Ad:

HTML and CSS Discussion Thread
Unsolved
Views: 612

Aug 27th, 2009

image

Expand Post »

I have a page set between frames that has a table with two columns: the left column has an image fixed in one position and in the right column is text (with images). When the window is at 100%, it works, but if the window is dropped to 3/4 size, the image overlaps the text. Site is catbent.com and it's the all about section.

Thanks

Similar Threads

edit text on a gif image in photoshop in Graphics and Multimedia
How to create image maps that look so nice... in Graphics and Multimedia
Image capture into HTML/IE and Oracle databases... in Oracle
adobe image problem in Graphics and Multimedia
Webcam stops transmitting image in USB Devices and other Peripherals

cab_driver

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

20 posts
since Oct 2008

Permalink

Aug 27th, 2009

Re: image

I'd appreciate some help on this problem as it's one of the few things I have left on the site

cab_driver

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

20 posts
since Oct 2008

Permalink

Aug 27th, 2009

Re: image

Can you post your CSS? You may want too consider cell padding or perhaps a margin for this text.

Last edited by Xlphos; Aug 27th, 2009 at 8:12 pm.

Xlphos

Reputation Points: 32

Solved Threads: 116

Veteran Poster

Offline

1,073 posts
since Apr 2008

Permalink

Aug 27th, 2009

Re: image

The CSS for the image is as follows:

css Syntax (Toggle Plain Text)
img.one {
position:fixed;
}
img.one {
position:fixed;
}

The text is just straight text. Adding a margin or cell padding would just push the text over slightly and it`d still be overlapped if the window was small enough.

Last edited by peter_budo; Aug 28th, 2009 at 10:56 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

cab_driver

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

20 posts
since Oct 2008

Permalink

Aug 28th, 2009

Re: image

Click to Expand / Collapse Quote originally posted by cab_driver ...

I have a page set between frames that has a table with two columns: the left column has an image fixed in one position and in the right column is text (with images). When the window is at 100%, it works, but if the window is dropped to 3/4 size, the image overlaps the text. Site is catbent.com and it's the all about section.

Thanks

you shouldn't use position: fixed at first place - it is not cross-browser supported and it does exactly what you are complaining about.

Use float instead.

Last edited by Troy III; Aug 28th, 2009 at 12:24 am.

Troy III

Reputation Points: 120

Solved Threads: 61

Posting Pro

Offline

511 posts
since Jun 2008

Permalink

Aug 30th, 2009

Re: image

I was the one who was facing this problem also and I have my whole week in solving this problem so in the whole forum is there anyone who can help us because now I am thinking to get rid of and if this will solved I really appreciate that.

Last edited by James Walter; Aug 30th, 2009 at 7:37 pm.

James Walter

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Aug 2009

Permalink

Aug 31st, 2009

Re: image

I would drop the height and width declarations that don't belong in modern HTML:

HTML and CSS Syntax (Toggle Plain Text)
<img src="Images/Purple eyes.gif" width="345" height="483" />
<img src="Images/Purple eyes.gif" width="345" height="483" />

Instead I would separate HTML and CSS like this:

HTML and CSS Syntax (Toggle Plain Text)
HTML:
<img class='portrait' src="Images/Purple eyes.gif" />
HTML:
<img class='portrait' src="Images/Purple eyes.gif" />

HTML and CSS Syntax (Toggle Plain Text)

CSS:
.portrait {
     float:left;
     width:30%; /* or something that fits */
}

The heigth will always be correct (the aspect ratio won't change) and the text follows nicely on the right side. If you need to separate this from more text (or pictures) use a tag with style='clear:both;' .

inge

ingeva

Reputation Points: 16

Solved Threads: 9

Junior Poster

Offline

106 posts
since Jul 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: CSS and iframes

Next Thread in HTML and CSS Forum Timeline: How to set a table in front of an object?

DaniWeb Message

Cancel Changes

User Name
Password