Spacing on pictures on framed part of page??????

chrisdude911 · Jun 3, 2007

Hey guys
I am having a problem with frames on my site

On http://www.chriswillisdude.pwp.blueyonder.co.uk/

you can see that there is a gap on the top part of the page between
the egde of the page and the pictures
is there a way to fix this?

This is my code:

<html>
<head>
</head>
<body>
<img src="background.jpg" width="1000" height="118" border="0">
</body
</html>

Thanks
Chris

Jonathan N. Little · Jun 3, 2007

chrisdude911 said:
Hey guys
I am having a problem with frames on my site

On http://www.chriswillisdude.pwp.blueyonder.co.uk/

you can see that there is a gap on the top part of the page between
the egde of the page and the pictures
is there a way to fix this?

Fix your markup which is not valid

This is my code:

<html>
<head>
</head>
<body>
<img src="background.jpg" width="1000" height="118" border="0">

IMG is a inline element and should be contained in a block element

</body

The closing tag of your body element is malformed said:
</html>

chrisdude911 · Jun 3, 2007

I am new to this
Would you mind explains waht a "block element" and an "inline element"
mean?
Thanks
Chris

chrisdude911 · Jun 3, 2007

<html>
<head>
</head>
<body>

<img src="background.jpg" width="1000" height="118" border="0">

</body>
</html>

is that right
because that still didnt fix it

thanks
chris

Ben C · Jun 3, 2007

<html>
<head>
</head>
<body>

<img src="background.jpg" width="1000" height="118" border="0">

</body>
</html>

is that right
because that still didnt fix it

is a block-level element, but so is <body>. The is not
necessary; as far as I can see there's nothing wrong with putting <img>
directly inside body.

The gap is just the default margin on body. If you don't want the gap,
add body { margin: 0; } to the styles or write <body style="margin: 0">.

chrisdude911 · Jun 3, 2007

Thanks
That has worked!!

Chris

Roy A. · Jun 3, 2007

I am new to this
Would you mind explains waht a "block element" and an "inline element"
mean?

The body element can only contain block elements or inline (text
level) elements. If you're using a HTML 4.01 Strict DOCTYPE you
should put the img element in an block element, because this DOCTYPE
only allows block elements directly inside the body element.

<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->

http://www.w3.org/TR/html401/struct/global.html#edef-BODY

Block elements is defined as

<!ENTITY % block
"P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

http://www.w3.org/TR/html401/sgml/dtd.html#block

Inline elements is defined as

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; |
%formctrl;">

http://www.w3.org/TR/html401/sgml/dtd.html#inline

INS and DEL is either block or inline, depending on the context.

Inline elements can only contain text or other inline elements. Block
level elements can, depending on the element, contain inline elements
and text; block elements, or a mix of those elements.

Beside block and inline elements, you can also use script elements
inside the body element.

Need help with code on website (noob)	2	Jul 18, 2022
On-air script	0	Aug 7, 2022
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
How to use PDF-lib and how to center each line of texts on the page?	1	Aug 16, 2023
Help with my responsive home page	2	Dec 14, 2022
How to have two html audio players on one page?	0	May 3, 2022
Having difficulty with the layout of these images / video for this web page	2	Jul 5, 2022
CSS: How can I stop overflow on the y-axis?	2	Dec 24, 2022

Spacing on pictures on framed part of page??????

chrisdude911

Jonathan N. Little

chrisdude911

chrisdude911

Ben C

chrisdude911

Roy A.

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads