473,698 Members | 1,952 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Opera 7.23 - behavior with image

1) Set Opera in User mode with images and no CSS.

2) Load http://users.rcn.com/neal413/brassattack/index.html

3) Note the rendered height and width of the photograph.

4) Switch to CSS version, The CSS applied to the picture is

#bandpic {
float: left;
padding: 1em 2em;
}

which AFAIK should not affect rendered size, but only position on page and
space around the image.

5) Note the picture is the same width as previously rendered, but
significantly shorter, like we're all troglodytes or something.

Any explanation? Is it something I've done, or a strange bug I never saw
coming?
Jul 20 '05 #1
8 1810
Neal <ne*****@spamrc n.com> wrote:
5) Note the picture is the same width as previously rendered, but
significantly shorter, like we're all troglodytes or something.

Any explanation? Is it something I've done, or a strange bug I never saw
coming?


http://groups.google.com/groups?hl=e...ing.google.com

--
Karl Smith.
Jul 20 '05 #2
Neal <ne*****@spamrc n.com> wrote:
5) Note the picture is the same width as previously rendered, but
significantly shorter, like we're all troglodytes or something.

Any explanation? Is it something I've done, or a strange bug I never saw
coming?


http://groups.google.com/groups?hl=e...ing.google.com

--
Karl Smith.
Jul 20 '05 #3
Neal <ne*****@spamrc n.com> wrote:
1) Set Opera in User mode with images and no CSS.

2) Load http://users.rcn.com/neal413/brassattack/index.html

3) Note the rendered height and width of the photograph.

4) Switch to CSS version, The CSS applied to the picture is

#bandpic {
float: left;
padding: 1em 2em;
}

which AFAIK should not affect rendered size, but only position on page and
space around the image.

5) Note the picture is the same width as previously rendered, but
significantl y shorter, like we're all troglodytes or something.

Any explanation? Is it something I've done, or a strange bug I never saw
coming?


Bug in Opera 7.2x, fixed in the 7.5 previews.

--
Spartanicus
Jul 20 '05 #4
Neal <ne*****@spamrc n.com> wrote:
1) Set Opera in User mode with images and no CSS.

2) Load http://users.rcn.com/neal413/brassattack/index.html

3) Note the rendered height and width of the photograph.

4) Switch to CSS version, The CSS applied to the picture is

#bandpic {
float: left;
padding: 1em 2em;
}

which AFAIK should not affect rendered size, but only position on page and
space around the image.

5) Note the picture is the same width as previously rendered, but
significantl y shorter, like we're all troglodytes or something.

Any explanation? Is it something I've done, or a strange bug I never saw
coming?


Bug in Opera 7.2x, fixed in the 7.5 previews.

--
Spartanicus
Jul 20 '05 #5
On Sat, 10 Apr 2004 21:30:38 -0400, Neal <ne*****@spamrc n.com> wrote:
1) Set Opera in User mode with images and no CSS.

2) Load http://users.rcn.com/neal413/brassattack/index.html

3) Note the rendered height and width of the photograph.

4) Switch to CSS version, The CSS applied to the picture is

#bandpic {
float: left;
padding: 1em 2em;
}

which AFAIK should not affect rendered size, but only position on page and
space around the image.

5) Note the picture is the same width as previously rendered, but
significantl y shorter, like we're all troglodytes or something.
Which one is you?
Any explanation?


Up to a point. You've set the width and height attributes in the HTML. I
seem to recall that browsers interpret these differently if you then
apply CSS padding as well, some squeezing it inside and shrinking the
image, and some not.

It's weird that Opera only does it in one dimension; I'd call that a
bug. At a guess it has something to do with the float.

Try using margin instead of padding and see if that helps. If all else
fails, remove the width/height from the HTML.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #6
On Sat, 10 Apr 2004 21:30:38 -0400, Neal <ne*****@spamrc n.com> wrote:
1) Set Opera in User mode with images and no CSS.

2) Load http://users.rcn.com/neal413/brassattack/index.html

3) Note the rendered height and width of the photograph.

4) Switch to CSS version, The CSS applied to the picture is

#bandpic {
float: left;
padding: 1em 2em;
}

which AFAIK should not affect rendered size, but only position on page and
space around the image.

5) Note the picture is the same width as previously rendered, but
significantl y shorter, like we're all troglodytes or something.
Which one is you?
Any explanation?


Up to a point. You've set the width and height attributes in the HTML. I
seem to recall that browsers interpret these differently if you then
apply CSS padding as well, some squeezing it inside and shrinking the
image, and some not.

It's weird that Opera only does it in one dimension; I'd call that a
bug. At a guess it has something to do with the float.

Try using margin instead of padding and see if that helps. If all else
fails, remove the width/height from the HTML.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #7
On Sun, 11 Apr 2004 10:20:58 +0200, Stephen Poley
<sb************ ******@xs4all.n l> wrote:
5) Note the picture is the same width as previously rendered, but
significantly shorter, like we're all troglodytes or something.
Which one is you?


I'm the trog with the bone...
Try using margin instead of padding and see if that helps.


Seems to have made us less ugly. Though that's beyond the capacity of CSS
to repair. Thanks!
Jul 20 '05 #8
On Sun, 11 Apr 2004 10:20:58 +0200, Stephen Poley
<sb************ ******@xs4all.n l> wrote:
5) Note the picture is the same width as previously rendered, but
significantly shorter, like we're all troglodytes or something.
Which one is you?


I'm the trog with the bone...
Try using margin instead of padding and see if that helps.


Seems to have made us less ugly. Though that's beyond the capacity of CSS
to repair. Thanks!
Jul 20 '05 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
3592
by: tony kulik | last post by:
This code works fine in ie and opera but not at all in Mozilla. Anybody got a clue as to how to get it right? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <script language="JavaScript" type="text/javascript"> function show(that) { if (box.style.visibility=='hidden') { that.style.visibility = 'visible'}; }
6
4767
by: Gustav Medler | last post by:
Hello, there is a known problem with Opera and the execution of content shown in <NOSCRIPT> tag. Everythings works fine, if there is only one simple script like: http://www.dr-wald.de/test/Opera-NOSCRIPT.html Switching off Javascript will show the alternative content. Javascript enabled will only show the JS-content, _not_ the <NOSCRIPT> content.
6
2253
by: Robert Lapes | last post by:
I'm just getting into using CSS and I'm having a problem getting Opera to display a Navigation Bar in the same way as IE6. Can someone please point me in the right direction? The site I'm working on can be seen at http://www.budbury.co.uk/itel/index.htm In Opera 6.05 the Nav Bar image floats behind the content division that follows the navbar.
4
1970
by: Erik Sandblom | last post by:
Hello all, I made a nice frame around an image, using padding and border like this: <img style="padding: 5px; margin: 5px; border: 1px solid gray" src="./stuff/gde.gif" alt="Gewerkschaft der Eisenbahner" align="right" border="0" width="201" height="43"> But Opera 7.2 squishes the image. I think it's because I've sized the
28
3420
by: Lachlan Hunt | last post by:
Hi, I've been trying, but failing to work out what is causing Opera to render my drop down menu incorrectly on my site. http://www.lachy.id.au/ For some reason, there seems to be extra margin added below each list item, that gets bigger for each subsequent item. Can someone please take a look and see if they can find my problem? It works almost perfectly in Firefox so you can see how it should look. It degrades
5
4384
by: PhilM | last post by:
I am attempting to have a floating image below page content, but above <body> In order to get this to work with mozilla+opera, am I required to have all page content set at z-index>(some number).?? When I started, I used negative z-index for my floating image, all worked in opera, not mozilla. Google indicated must set <body> position:relative;top:0;left:0;float:left; but then that broke opera.. image didn't come more than 1/3 of page,...
24
2880
by: Thomas Mlynarczyk | last post by:
Hi, Here's what I have: <div> <img ...><br> Caption text </div> The div is floated left and has no width set, the content is centered, there are no margins or padding on the <img> (just a bottom margin and
5
3096
by: Jelks Cabaniss | last post by:
I asked this in two of the Opera newsgroups, but except for one person who advised me to just use namespaced HTML elements in my XML, there were no replies. Has anybody here successfully used Opera's CSS extension "-o-replace" to display images in generic XML? See below: --------- Opera has some nice (in theory) CSS extension to enable linking and embedding in XML ...
7
4037
by: mike57 | last post by:
The minimal AJAX script below works in Firefox, but not in IE, Opera, or Chrome. I could use some suggestions or referrals to resources that will help me get the script working in other browsers. Before there are six characters entered in the CAPTCHA code field, the 'Send' button is supposed to be disabled. When there are at least six characters in the CAPTCHA code field, the script attempts to verify the CAPTCHA w/AJAX. If it verifies, it...
0
8668
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8598
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9014
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
7708
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6515
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5857
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4612
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3037
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2320
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.