Heres the coding for our inidvidual pages:
<TITLE>The Spine</TITLE>
<BODY>
<BODY BACKGROUND="page design bluelive.jpg" STYLE="background-repeat: no-repeat">
<FONT FACE="century gothic" SIZE="9" COLOR=000000">
<div
style="
top:120 ;
left:850 ;
position: absolute;
z-index: 2;
visibility: show;">
Cervical
</div>
</font>
<FONT FACE="century gothic" SIZE="6" COLOR=#000000">
<div
style="
top: 170;
left: 229;
position: absolute;
z-index: 2;
visibility: show;">
<a href="A LINK FIRST SECTION" style="black" title"Cervical"><font color="#000000">Cervical</a>
</div>
<div
style="
top: 305;
left:190 ;
position: absolute;
z-index: 2;
visibility: show;">
<a href="A LINK SECOND SECTION">
<font color="#000000">Thoracic</a>
</div>
<div
style="
top:465 ;
left:217 ;
position: absolute;
z-index: 2;
visibility: show;">
<a href="A LINK THIRD PAGE PAGE"><font color="#000000">Thoracolumbar</a>
</div>
<div
style="
top:620;
left:225;
position: absolute;
z-index: 2;
visibility: show;">
<a href="A LINK FOURTH PAGE"><font color="#000000">Lumbar</a>
</div>
<div
style="
top:-23;
left:1200;
position:absolute;
z-index: 2;
visability:show;">
<a href="homepage real.html"><IMG SRC="the spine logo.gif" border="0"></a>
</div>
<div
style="
top:200;
left:600;
position:absolute;
z-index: 2;
visability:show;">
<iframe src="frame1.html" width="810" height="550"> </iframe>
</BODY>
<HTML>
You can see that the div tag has worked really really well and has become quite the life saver with all the website as we needed things to be exactly in place on every single page. One problem i had when i added the links in to the words on the side of the website, the navigation bar if you wish, was that once you put in the "a href" bit they turned a horrible blue tht didnt match our site. I overcame this problem by finding out how to change the colour of links, i changes this blue to a black that i felt was suitable. For ease and quickness in the coding i just added in Black instead of #000000 as i felt this was easier for the other group members to discepher in the coding. Now that i have worked out the coding for the individual pages, i have shared this coding in our group on facebook, so that everyone can use it and put there work into it. The image attached to this post is the website, with the iframe in and all the link s set up,
No comments:
Post a Comment