Html Problem (resolved)

**Robbo** · Jul 2nd, 2004, 08:47 AM

ok, got this

<FONT FACE="StoneSans" SIZE=+3 COLOR="#ff0000">
<H1 ALIGN="CENTER">
<IMG SRC="../PICS/P_Logo.gif" WIDTH=150><BR>
<B>PRODUCT SPECIFICATION</B><BR>
<IMG SRC="../PICS/201831.jpg" WIDTH=150><BR>
</H1>
</FONT>

which just picks up 2 pics and have a title, however i can get how i want it, see pic

please help, thanks in advance

**Robbo** · Jul 2nd, 2004, 08:50 AM

here is all the HTML code for this

HTML>
<HEAD>
<TITLE>PRODUCT SPECIFICATION</TITLE>
</HEAD>
<BODY LINK="#0000ff" VLINK="#800080" BGCOLOR=white>


<FONT FACE="StoneSans" SIZE=+3 COLOR="#ff0000">
<H1 ALIGN="CENTER">
<IMG SRC="../PICS/P_Logo.gif" WIDTH=150><BR>
<B>PRODUCT SPECIFICATION</B><BR>
<IMG SRC="../PICS/201831.jpg" WIDTH=150><BR>
</H1>
</FONT>
<P><HR></P><P></P>

please help been on this for a while, and it must be really simple

**ober0330** · Jul 2nd, 2004, 09:17 AM

Ok, you never explained how you want it to look!?

**Robbo** · Jul 2nd, 2004, 09:22 AM

Like this

|-----------------| |-------------------|
|-----------------| |-------------------|
|-----------------| |-------------------|
|-----------------| |-------------------|
|-----------------| |-------------------|
|-----------------| |-------------------|
'''''''''''''''''''''''''''''''''''''''''''''''''' |-------------------|
PRODUCT DESCRIPTION |-------------------|
''''''''''''''''''''''''''''''''''''''''''''''''''''|-------------------|
''''''''''''''''''''''''''''''''''''''''''''''''''''|-------------------|
''''''''''''''''''''''''''''''''''''''''''''''''''''|-------------------|
''''''''''''''''''''''''''''''''''''''''''''''''''''|-------------------|
''''''''''''''''''''''''''''''''''''''''''''''''''''|-------------------|
''''''''''''''''''''''''''''''''''''''''''''''''''' |-------------------|

is that ok, even if i have to make ref to space under the title not too bothered, that how want it too look.

like the picture to download

just two pics with a title

all centered, but one pic on left under it the title and over the right side of it the other pic from top of left pic to bottom as if there was another pic under the title like the one above, understand?, cheers, would it be easyer to zip the html file up, will post in a mintue

cheers

**Robbo** · Jul 2nd, 2004, 09:54 AM

Heres the HTML file and the two pics just put anywher and open

cheers

**Acidic** · Jul 2nd, 2004, 10:06 AM

hmm. which one of ou two stole the avatar?

when trying to place stuff correectly. use DIVs, they simplyfy everything soo much. Oh, you'll need to know a bit of CSS too.

**Robbo** · Jul 2nd, 2004, 10:15 AM

hhmmm didnt notice that, had this one for ages forgot where i got it from?

anyway, how do i use DIV, would you give ma an example or help me with the HTML code

Thanks

**Acidic** · Jul 2nd, 2004, 11:33 AM

Code:

<style type="text/css">
#testDIV {
     position:absolute;
     left:139px;
     top:53px;
     width:182px;
     height:145px;
     z-index:1
}
</style>


<div id="testDIV">
  <p>This is text inside a DIV.</p>
  <p>This DIV can be placed anywhere, just use the CSS.</p>
</div>

**Robbo** · Jul 5th, 2004, 03:05 AM

so i just dulpicate if i want more than one then

**Acidic** · Jul 5th, 2004, 04:50 AM

yep. remember to change the id attribute though.

You'll also need to copy 'n paste the CSS bit, and then change it slightly. so that the two DIVs don't overlap.

**Robbo** · Jul 5th, 2004, 04:57 AM

yeah thats great that worked a treat

**Acidic** · Jul 5th, 2004, 05:00 AM

since people use dirreferent resolutions, you might want to use percentages in your left & top attributes in the CSS bit.
eg:
left:10%;

edit: also change the title of the first post so the text [resolved] is there. Makes the forum look prettier.

**Robbo** · Jul 5th, 2004, 05:11 AM

cheers, i will do,

Thanks

Thread: Html Problem (resolved)

Thread Tools

Display

Html Problem (resolved)

Posting Permissions