473,721 Members | 3,776 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Show image top left in html page, how can I do that ?

Hello,
I want to show an image top left on my html page
http://www.stevanez-juls.de/flyer/20...ars_front.html .
But Firefox and Internet Explorer always show a little border on the top and
the left side.
How can I put the image directly to the top and left border of the window ?

Regards,
Thorsten

Jun 11 '06 #1
9 25075
htmelle
1 New Member
Hello,
I want to show an image top left on my html page
http://www.stevanez-juls.de/flyer/20...ars_front.html .
But Firefox and Internet Explorer always show a little border on the top and
the left side.
How can I put the image directly to the top and left border of the window ?

Regards,
Thorsten
Hi Thorsten
To get rid of borders you'll need to use CSS. HTML won't do this alone. Try this:

<img style="position : absolute; top: 0; left: 0;" src="">

Regards,
htmelle
Jun 11 '06 #2
Thorsten Kleinweber wrote:
Hello,
I want to show an image top left on my html page
http://www.stevanez-juls.de/flyer/20...ars_front.html .
But Firefox and Internet Explorer always show a little border on the top and
the left side.
How can I put the image directly to the top and left border of the window ?


Thorsten,
The border you're seeing is the margin or padding on the <body>
element. The size of it varies from one browser to another, but it is
non-zero for every browser I've ever used. To eliminate it, try this:
body { margin: 0em; padding: 0em; }

Bye
Philip
http://NikitaTheSpider.com/
Bulk HTML validation, link checking and more

Jun 11 '06 #3
Thorsten Kleinweber wrote:

I want to show an image top left on my html page
http://www.stevanez-juls.de/flyer/20...ars_front.html .
But Firefox and Internet Explorer always show a little border on the top and
the left side.
How can I put the image directly to the top and left border of the window ?

Remove the spacing:
body { margin: 0; padding: 0; }

Also use a proper DTD; the one you show is incomplete. HTML Strict
should be used for all new documents. Transitional was only meant to ease
the coding effort from v3.2 to v4.0.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jun 11 '06 #4

<Ni************ *@gmail.com> schrieb im Newsbeitrag
news:11******** *************@f 6g2000cwb.googl egroups.com...
Thorsten Kleinweber wrote:
Hello,
I want to show an image top left on my html page
http://www.stevanez-juls.de/flyer/20...ars_front.html .
But Firefox and Internet Explorer always show a little border on the top
and
the left side.
How can I put the image directly to the top and left border of the window
?


Thorsten,
The border you're seeing is the margin or padding on the <body>
element. The size of it varies from one browser to another, but it is
non-zero for every browser I've ever used. To eliminate it, try this:
body { margin: 0em; padding: 0em; }


Worked, thanks.

Could you perhaps further tell me how I can show the correct title if I open
this page with window.open from another page ?
I try this from http://www.stevanez-juls.de (click on Enter) but there is
only shown the url in the title bar instead of the title I wrote down in the
html file http://www.stevanez-juls.de/flyer/20...ars_front.html

Regards,
Thorsten

Jun 11 '06 #5

"Jim Moe" <jm************ ***@sohnen-moe.com> schrieb im Newsbeitrag
news:6L******** *************** *******@giganew s.com...
Also use a proper DTD; the one you show is incomplete. HTML Strict
should be used for all new documents. Transitional was only meant to ease
the coding effort from v3.2 to v4.0.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


I will change this.
Could you please tell me where I can read the current rules for the doctype
tag ?

Regards,
Thorsten

Jun 11 '06 #6
In article <e6**********@n ewsreader2.netc ologne.de>,
"Thorsten Kleinweber" <zo************ **@gmx.de> wrote:
<Ni************ *@gmail.com> schrieb im Newsbeitrag
news:11******** *************@f 6g2000cwb.googl egroups.com...
Thorsten Kleinweber wrote:

Could you perhaps further tell me how I can show the correct title if I open
this page with window.open from another page ?
I try this from http://www.stevanez-juls.de (click on Enter) but there is
only shown the url in the title bar instead of the title I wrote down in the
html file http://www.stevanez-juls.de/flyer/20...ars_front.html


Short answer: use location=yes in the window properties.

Long answer: some trial and error would probably have gotten you to this
solution; that's how I got to it. Also, in Safari the title displays
even when location=no which tells me that this behavior is somewhat
browser dependent, so it looks like you have some testing to do. Also,
you have a type in the window properties. "menuebar" should be "menubar".

Last but not least: it's just my opinion, but sites that display popups
tend to make me hostile, I guess because I feel like popups themselves
are themselves hostile. Just my $02.

HTH

--
Philip
http://NiktaTheSpider.com/
Bulk HTML validation, link checking and more
Jun 11 '06 #7
Thorsten Kleinweber wrote:
Also use a proper DTD; the one you show is incomplete. HTML Strict
should be used for all new documents. Transitional was only meant to ease
the coding effort from v3.2 to v4.0.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


I will change this.
Could you please tell me where I can read the current rules for the doctype
tag ?

<http://www.w3.org/TR/html4/struct/global.html#idx-document_type_d eclaration-3>

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jun 12 '06 #8

"Jim Moe" <jm************ ***@sohnen-moe.com> schrieb im Newsbeitrag
news:U4******** *************** *******@giganew s.com...
Thorsten Kleinweber wrote:
Also use a proper DTD; the one you show is incomplete. HTML Strict
should be used for all new documents. Transitional was only meant to
ease
the coding effort from v3.2 to v4.0.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


I will change this.
Could you please tell me where I can read the current rules for the
doctype
tag ?

<http://www.w3.org/TR/html4/struct/global.html#idx-document_type_d eclaration-3>


I tried
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
in one of my files (www.stevanez-juls.de/home2.html) and since then the
height of the top table row was bigger than before
(www.stevanez-juls.de/home.html)
Do you perhaps know why ?

Thanx
Thorsten

Jun 12 '06 #9
Thorsten Kleinweber wrote:

<http://www.w3.org/TR/html4/struct/global.html#idx-document_type_d eclaration-3>


I tried
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
in one of my files (www.stevanez-juls.de/home2.html) and since then the
height of the top table row was bigger than before
(www.stevanez-juls.de/home.html)
Do you perhaps know why ?

Browsers, especially IE, use different default margin and padding
depending the DTD indicated. Yours is such a case.
You do not explicitly set any margin or padding for <td>, <p>, or
anything else (except the body, in two places!).
You should also correct the validation errors that arise when changing
to Strict:
<http://validator.w3.or g/check?verbose=1 &uri=http%3A%2F %2Fwww.stevanez-juls.de%2Fhome2 .html>

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jun 13 '06 #10

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

Similar topics

5
2178
by: Zambien | last post by:
Hi all, Here's my problem. I have tables that are using the menu/submenu idea for hiding rows. This works fine in IE (of course) and does show/hide correctly in netscape, but as soon as the shown method is called, the table gets skewed and the presentation of the data on the page goes horribly wrong. I don't think this is a table issue as I have spent alot of time staring at this code. Here is the html...
2
2695
by: J Sahoo | last post by:
Hi, I have a browse page where I am showing few fields from my SQL Server table. One of the field is Image type, all the fields are bound to a single table. I want to show the image from the table on this browse along with the other fields. Here is the code what I have from the HTML view, I am using a datagrid to show the result. It does not show the image rather it shows "System.Byte " on the output. I did not have any code behind...
11
4996
by: Chris Beall | last post by:
See http://pages.prodigy.net/chris_beall/Demo/photo%20block%20experiments.html I've ended up with what seems like a rather complex structure for what I thought would be a somewhat simple problem. Even that complex solution works well only in FireFox (haven't tested Safari...). Can anyone come up with a better solution, where 'better' means: - Works as well as the example above, but is simpler. OR
1
4931
by: basavaraj koti | last post by:
I need to show image using xslt Below provided in my xml and xslt. <?xml version="1.0" encoding="iso-8859-1"?> <?xml-stylesheet type="text/xsl" href="../xyz.xsl"?> <Grade class="03" subject="Science"> <media id="2809"> <topic>A Bird's Paradise</topic> <category>Concept</category> <type>Animation</type>
1
3146
by: rsteph | last post by:
I've got some product information pages, with images and text, all setup within a table. I'm trying to add a small image in the upper right hand corner of the content div (where all the important information is). I've got the product name at the top, left aligned and typically as a two lined header, and I'd like to add a small logo to the right of that, either right beside it, or in the far right corner. could anyone help me with how to set...
3
3541
by: janetopps | last post by:
I have a news website, with asp pages, which was on Access, and i upgraded to MySQL, i used Bullzip to transfer the data. It had about 1000 pages, which im now able to pull up on the public side. Im sorting out a few glitches though. Since i upgraded from ms access database to MySQL, i have added about 4 articles to test the new setup. I note some fields aren't being added in the new mySql database for the new 4 records. When i ran the MySQK...
2
14073
by: thephatp | last post by:
I'm having a problem with IE rendering correctly. I'm experimenting with using all div's in my pages now, and I'm not very familiar with the quirks of IE. I have created a sample page, and I'm really confused as to what is going on in IE. FF renders the page exactly as I expect. IE renders the page with everything in the correct location, but it seems to double the background image for a sub-div section that is moved up using a negative...
3
4430
by: premprakashbhati | last post by:
hi, good evening.. i am going to upload an image in a web form .....for that iam using HTML input(file) control and one web control button i.e., Upload_Button() here is the code ...its work fine when iam using a normal web page... but can't in content page.... Code in Master Page <%@ Master Language="C#" AutoEventWireup="true" CodeFile="submaster.master.cs" Inherits="submaster" %> <%@ Register Assembly="AjaxControlToolkit"...
1
3810
oranoos3000
by: oranoos3000 | last post by:
hi would you please help me i have a online shopping center that i show pictures of the my product in home page. in the InterExplorer pictures is shown correctly but in Firefox browser is shown properties alt in img tag istead of picture . place of the pictures is saved in the database(my database is with mysql) and in home page i fetch properties of the product and address of place that pictures is located output of the code in the...
0
8736
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
9373
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9227
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
9081
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8020
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...
0
5992
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
4497
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
3206
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
2590
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.