Help - Not showing properly on Opera.

[CyberJ37]

Site: http://www.warezblog.org

Normal:

On Opera:

 

[iFlames]

opera is a browser which shows the output exactly as the input is given
ff and ie neglect the mistakes in the code and display it

check your code if its correct
upgrading opera can be another option

btw i can see it properly on opera

[slide]http://i46.tinypic.com/sziiow.jpg[/slide]

 

[Palooo 2009]

It's fine for me...I am using Opera 10.54

 

[ieatlinux]

Same here, very nice domain name btw.

 

[CyberJ37]

Thanks guys

 

[jayfella]

It may be as a result of your resolution. Try wrapping it in a DIV and using the "min-width" CSS property.

Also moving to Development section...

 

[CyberJ37]

It may be as a result of your resolution. Try wrapping it in a DIV and using the "min-width" CSS property.

Also moving to Development section...

I ain't that familiar with that shit xD Mind helpin'?

Oh and sorry, accidentally posted on the wrong section.

 

[timtamboy63]

It doesn't seem to be his resolution as you can normally find this out by resizing your browser window.
Maybe try a shift refresh and let us know if your still getting it?

 

[Hyperz]

Usually that is the result of how your DOM is build up.

<a><img /></a>
<p>text</p>

That's what yours looks like and it's roughly the equivalent of this:

<a><img /></a>
<br />
text

Notice the line break?
So:

<p><a><img /></a>
text</p>

Along with the correct css should fix it. However I'm not sure if the P tag has restriction on what type of child elements it can have. If it has restrictions replacing P with DIV should solve it. God I <3 the cross browser HTML mess.

 

[timtamboy63]

Shouldn't matter should it? Both the margin and padding for the <p> are set to 0

edit: I got what you meant, my bad

 

[Hyperz]

Margin and padding have 0,0 to do with this. Tags have different names for a reason.

 

[timtamboy63]

Yah I realised, what im tryin to work out is how they're staying on the same line, shouldn't the <p> tag automatically wrap it to the next line?
And I dont see a float:left there either.

 

[jayfella]

I cant re-create the error, but thanks for the talisman desktop program :P <3

Edit: Floats are actually very specific things to use. And will break depending on where it is embedded.

 

[timtamboy63]

Ah, so then was I wrong in assuming that anything wrapped in <p></p> automatically moves to the next line?

 

[CyberJ37]

So what am I supposed to do exactly? I'm confused xD Pretty rusty after a long time not dealin' with this shit.

 

[Hyperz]

P stands for paragraph as you most likely know. Everything outside it in the same parent element will be either above or below it because it's not in the same paragraph.

 

[timtamboy63]

Basically you want to wrap the image in the <p> tag as well?

 

[Hyperz]

If you want it to be in the same paragraph, yes. That's what I said in my 1st post.

 

[CyberJ37]

Fixed it. Wraped the paragraph tag around the image too and added "position: relative;" to the image class.