PDA

View Full Version : Need a litlte help please :p

jackle
03-18-2006, 12:49 AM
Hey ok here is the crack (punt intended) im trying to sort out a webpage but am having a few difficalties with it there is an image to show the little mistakes that i dont seem to understand how they come by tho even tho i used photoshop to create the the thing!

Anyway below is the image with mistakes (hope you can see them) there are five that i can see lol
http://i4.photobucket.com/albums/y126/liamsidley/slc.jpg

and now is the code that i have used:

a<html>
<head>
<title>slcphotographic1a</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (slcphotographic1a.psd) -->
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}
#Table_01 {
position:absolute;
left:200px;
top:25px;
width:852px;
height:565px;
}

#logo {
position:absolute;
left:0px;
top:0px;
width:608px;
height:166px;
}

#address {
position:absolute;
left:608px;
top:0px;
width:244px;
height:145px;
}

#email {
position:absolute;
left:608px;
top:145px;
width:244px;
height:21px;
}

#Slice-04 {
position:absolute;
left:0px;
top:166px;
width:852px;
height:9px;
}

#Slice-05 {
position:absolute;
left:0px;
top:175px;
width:208px;
height:1px;
}

#content {
position:absolute;
left:208px;
top:175px;
padding-top:15px;
width:644px;
height:475px;
background-image:url('images/content.gif')
}

#linkslice1 {
position:absolute;
left:0px;
top:176px;
width:208px;
height:18px;
}

#linkslice2 {
position:absolute;
left:0px;
top:194px;
width:38px;
height:219px;
}

#home {
position:absolute;
left:38px;
top:194px;
width:121px;
height:27px;
}

#linkslice3 {
position:absolute;
left:159px;
top:194px;
width:49px;
height:219px;
}

#Slice-11 {
position:absolute;
left:38px;
top:221px;
width:121px;
height:9px;
}

#services {
position:absolute;
left:38px;
top:230px;
width:121px;
height:27px;
}

#Slice-13 {
position:absolute;
left:38px;
top:257px;
width:121px;
height:13px;
}

#artprints {
position:absolute;
left:38px;
top:270px;
width:121px;
height:26px;
}

#Slice-15 {
position:absolute;
left:38px;
top:296px;
width:121px;
height:12px;
}

#gallery {
position:absolute;
left:38px;
top:308px;
width:121px;
height:27px;
}

#Slice-17 {
position:absolute;
left:38px;
top:335px;
width:121px;
height:12px;
}

#links {
position:absolute;
left:38px;
top:347px;
width:121px;
height:27px;
}

#Slice-19 {
position:absolute;
left:38px;
top:374px;
width:121px;
height:13px;
}

#contact {
position:absolute;
left:38px;
top:387px;
width:121px;
height:26px;
}

#linkspace {
position:absolute;
left:0px;
top:413px;
width:208px;
height:132px;
}

#Slice-22 {
position:absolute;
left:208px;
top:646px;
width:644px;
height:21px;
}

#designer {
position:absolute;
left:0px;
top:645px;
width:158px;
height:20px;
bottom:20px;
}

#Slice-24 {
position:absolute;
left:158px;
top:645px;
width:50px;
height:20px;
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#000000; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (slcphotographic1a.psd) -->
<div id="Table_01">
<div id="logo">
<img src="images/logo.gif" width="608" height="166" alt="">
</div>
<div id="address">
<img src="images/address.gif" width="244" height="145" alt="">
</div>
<div id="email">
<img src="images/email.gif" width="244" height="21" alt="">
</div>
<div id="Slice-04">
<img src="images/Slice_04.gif" width="852" height="9" alt="">
</div>
<div id="Slice-05">
<img src="images/Slice_05.gif" width="208" height="1" alt="">
</div>
<div id="content">
<p>SLC PHOTO-GRAPHIC has been born from the inspiration offered by friends and family who have recognised my abilities. Many thanks to them all.</br>
</br>
<p>While only established in February 2006 the company benefits from a wealth of experience gained over the last three years on the scene, assisting various promoters in developing quality promotional imagery. Specialising in lifestyle photography and design, SLC PHOTO-GRAPHIC has finally gone global by preparing this website for your enjoyment.
<p>
Largely operating within music and dance venues across the UK SLC PHOTO-GRAPHIC provides an all-round service to both organisers, artists and participants of the music scene. Everything from the design of fliers and posters or CD covers, through photography at events to art prints and web galleries. We can do it all. </br>
</br>
<p>We can also perform miracles for you, as SLC PHOTO-GRAPHIC, using high-calibre photographic and design equipment, can repair damaged photographs or other pictures, produce enlarged photographs (to A3) and obtain prints from negatives or slides. As much as we like creating our memories, we also like to assist in you holding onto yours.

<p> So, please browse the site at your will. Should you require any further information on any of our services, or view a more extensive portfolio of prints, please do not hesitate to contact us by any of the above means.
<p> This site is currently under construction, and will go through a number of changes over the next few weeks with new imagery being displayed. Please be sure to visit again.</br>
</br>
<p>NOTE: some 56k modems may require you to refresh the page to ensure new content is viewed.
</div>
<div id="linkslice1">
<img src="images/linkslice1.gif" width="208" height="18" alt="">
</div>
<div id="linkslice2">
<img src="images/linkslice2.gif" width="38" height="219" alt="">
</div>
<div id="home">
<img src="images/home.gif" width="121" height="27" alt="">
</div>
<div id="linkslice3">
<img src="images/linkslice3.gif" width="49" height="219" alt="">
</div>
<div id="Slice-11">
<img src="images/Slice_11.gif" width="121" height="9" alt="">
</div>
<div id="services">
<img src="images/services.gif" width="121" height="27" alt="">
</div>
<div id="Slice-13">
<img src="images/Slice_13.gif" width="121" height="13" alt="">
</div>
<div id="artprints">
<img src="images/artprints.gif" width="121" height="26" alt="">
</div>
<div id="Slice-15">
<img src="images/Slice_15.gif" width="121" height="12" alt="">
</div>
<div id="gallery">
<img src="images/gallery.gif" width="121" height="27" alt="">
</div>
<div id="Slice-17">
<img src="images/Slice_17.gif" width="121" height="12" alt="">
</div>
<div id="links">
<img src="images/links.gif" width="121" height="27" alt="">
</div>
<div id="Slice-19">
<img src="images/Slice_19.gif" width="121" height="13" alt="">
</div>
<div id="contact">
<img src="images/contact.gif" width="121" height="26" alt="">
</div>
<div id="linkspace">
<img src="images/linkspace.gif" width="208" height="250" alt="">
</div>
<div id="Slice-22">
<img src="images/Slice_22.gif" width="644" height="19" alt="">
</div>
<div id="designer">
<img src="images/designer.gif" width="158" height="20" alt="">
</div>
<div id="Slice-24">
<img src="images/Slice_24.gif" width="50" height="20" alt="">
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
_Aerospace_Eng_
03-18-2006, 01:00 AM
Well you went about the wrong way when you coded your layout. Your layout is a simple two column layout that needs no absolute positioning whatsoever. http://bonrouge.com/2c-hf-fixed.php
I have a good feeling that the absolute positioning is causing your problems.
jackle
03-18-2006, 07:17 PM
So you recon if i made it relative it be better?

Ok i'll give that a shot, now the other strange thing is the error is only in ie not ff whys this anyone know? Dont just tell me its because ie sucks because i already know that :lol:
VIPStephan
03-18-2006, 07:46 PM
Read the article that Aero showed you. There is probably no positioning necessary at all. No absolute, no relative... nothing.

Also "ie sucks" is the best advice someone can give you... at least in combination with the advice that you should code for/check Firefox at first and then fix what's wrong in IE.
fyo
03-18-2006, 08:18 PM
Also "ie sucks" is the best advice someone can give you... at least in combination with the advice that you should code for/check Firefox at first and then fix what's wrong in IE.

I would STRONGLY recommend that you check your code often in multiple browsers. It's a lot easier to catch something early on or when you've just made a few changes than if you discover at the end of a large project "whoops, this doesn't work in IE / Firefox / Opera / Konquerer / Safari / whatever".

(I'm not implying that you are suggesting otherwise, just making a general point)

Check often and check in at least 3 browsers. If you have access to a Mac, I would suggest Safari as the third (Firefox and IE being the two obvious ones). I check in Opera as the third myself when I don't have access to a Mac, and then every once in a while on Konquerer under Linux since it has much in common with Safari.
jackle
03-19-2006, 02:26 AM
yea i use firefox myself and everything is fine so when i wen to code the page round a friends and saw it messed up in ie i was like wtf?!

Anyway i'll read the article tomorrow sometime after ive coded something else lol