473,382 Members | 1,329 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,382 software developers and data experts.

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 25058
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*********************@f6g2000cwb.googlegrou ps.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******************************@giganews.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**********@newsreader2.netcologne.de>,
"Thorsten Kleinweber" <zo**************@gmx.de> wrote:
<Ni*************@gmail.com> schrieb im Newsbeitrag
news:11*********************@f6g2000cwb.googlegrou ps.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_declaration-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******************************@giganews.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_declaration-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_declaration-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.org/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
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...
2
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...
11
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...
1
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"...
1
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...
3
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...
2
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...
3
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...
1
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...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

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.