Big problem, realy anoying me :|
|
| View previous topic :: View next topic |
| Author |
Message |
Tomi
500+ Club
Joined: 26 Jun 2006
Posts: 809
|
 Posted: Sun Oct 08, 2006 1:20 am Post subject: Big problem, realy anoying me :| |
 |
|
ok, basicly im having a bash a designing simple templates for ebay auctions.
I have come up with this.... http://www.imperialfists.com/Coolblue.htm
My problem was and still is getting text in the right place. I want the template to just be an image and the text to be seprate so users can edit the text without editing the image.
I only managed to get that after about an hour of putting the text in stupid places using layers 
I could set the image as the BG in a table and just simply write over the top but i dont think this will realy work as presiestly as i want eg. the sub header discription might not line up with the text lines in dreamweaver. So i tryed using layers as i said it took me about an hour to get that.
Then i previewd it in ebay and what a suprise....
http://img213.imageshack.us/my.php?image=gahha7.jpg
lol thats stupid :s
if you want another example of whats goin on put this code... the code for the page into here.. http://w3schools.com/html/tryit.asp?filename=tryhtml_basic
| Code: |
<html>
<head>
<title>Cool Blue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.style5 {font-size: 18px}
.style6 {font-size: 12px}
.style7 {
color: #308DDD;
font-weight: bold;
}
body {
background-image: url();
}
-->
</style>
</head>
<body>
<div align="left"></div>
<div align="center"></div>
<div id="Layer7" style="position:absolute; width:337px; height:297px; z-index:7; left: 344px; top: 750px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">
<div align="center">
<p><span class="style5">Payment</span><br>
<br>
We accept :<br>
<br>
- PayPal<br>
-Bankers draft (UK only) <br>
- Cheque (UK only) </p>
<p>Please note the template will not be sent untill the payment is received, if payment type is cheque the template will be sent after the cheque has cleared. <br>
<br>
Also as stated above if you are not a UK customer please pay via PayPal only.<br>
<br>
</p>
</div>
</div>
<div id="Layer6" style="position:absolute; width:702px; height:113px; z-index:6; left: 349px; top: 626px;">
<div align="left">
<p><span class="style2">- This template should be used for personal use only for one eBay user ID. <br>
- The design and layout of this template belongs to Radioactive_Ragamuffin and must not be copyed or imatated in anyway.<br>
- You will not remove any Radioactive_Ragamuffin links from the template.<br>
- You will not breech Copyright.<br>
- You will not re-sell my templates under any circumstances.<br>
- My templates must not be changed or alterd.<br>
- If any of these condidtions are breached you will be emailed with a warning before being reported to eBay. </span>
</p>
</div>
</div>
<div>
<div id="Layer3" style="position:absolute; width:192px; height:128px; z-index:3; left: 860px; top: 208px;"><img src="http://www.imperialfists.com//Image.jpg" alt="" name="" width="190" height="126" border="1"></div>
</div>
<div id="Layer2" style="position:absolute; width:192px; height:128px; z-index:2; left: 612px; top: 208px;"><img src="http://www.imperialfists.com//Image.jpg" alt="" name="" width="190" height="126" border="1"></div>
<div align="center"><img src="http://www.imperialfists.com/Cool_blue.jpg" width="838" height="1173">
</div>
<div id="Layer8" style="position:absolute; width:315px; height:298px; z-index:8; left: 734px; top: 748px; font-family: Arial, Helvetica, sans-serif; font-size: 18px;" class="style5">
<p align="center">Shiping</p>
<p align="center" class="style6"><span class="style7">FREE!!!</span><br>
<br>
<br>
Postage Costs are free because the template will be sent via email.<br>
<br>
We guarentee a maximum of 24 hours for delivery. If you have not received the template after 48 hours please check your bulk/spam email folder, if you cant find it please contact me ASAP.</p>
</div>
<div id="Layer5" style="position:absolute; width:698px; height:209px; z-index:5; left: 351px; top: 386px;">
<p align="left" class="style1">Increase your eBay sales with a professional looking auction designed by Radioactive_Ragamuffin.</p>
<p align="left" class="style1">This Template is the first of many Designs from Radioactive_Ragamuffin. We offer profesional eBay listing templates at competative prices. Our Templates are easy to manage and edit with full instructions. </p>
<p align="left" class="style1">You get this template exactly as you see it with all text, image and areas fully editable.</p>
<p align="left" class="style1">We provide hosting for the template and any images that make up the template but unfortunatly we can not provide hosting for your images but we can link you to image hosting website if needed</p>
<p align="left" class="style1">Full customer suport service is available for these templates, if you have any problems setting it up etc please contact me through eBay. </p>
</div>
<div id="Layer1" style="position:absolute; width:192px; height:128px; z-index:1; left: 355px; top: 208px;"><img src="http://www.imperialfists.com//Image.jpg" alt="" name="" width="190" height="126" border="1"></div>
<div id="Layer4" style="position:absolute; width:536px; height:67px; z-index:4; left: 587px; top: 33px;">
<p><img src="http://i54.photobucket.com/albums/g81/Tomi_photo/Title.jpg" width="241" height="55"></p>
</div>
<div align="center"></div>
<div align="center"></div>
<div align="left"></div>
</body>
</html>
|
As usual i bet its somthing realy simple, and before you say it yes the code is probably a mess and that might be the problem, but i was doing somthing i wasnt sure how to code so i used design view.
Thanks in advance to anyone who can help 
Tomi^ |
|
| Back to top |
|
 |
|
|
Tomi
500+ Club
Joined: 26 Jun 2006
Posts: 809
|
| Posted: Wed Oct 11, 2006 3:48 pm Post subject: Re: Big problem, realy anoying me :| |
|
|
no body wana help  :'( |
|
| Back to top |
|
|
spires
Joined: 12 Oct 2006
Posts: 2
|
| Posted: Thu Oct 12, 2006 7:07 pm Post subject: Re: Big problem, realy anoying me :| |
|
|
Your layers will always stay in the exact place.
So if you make your browers window bigger or smaller every thing will move apart from the layers.
This is a problem lots of people have.
You can either left align everything.
or
replace your body tag with this.
Change the width to the width of your site.
| Code: |
<body leftmargin="0" topmargin="0">
<center>
<div id="wrapper">
<div id="pagetitle">
<div style="position:relative;width:720px;height:900px;-adbe-g:p,10,10;">
|
replace the close body tag with this:
| Code: |
</div>
</div>
</div>
</center>
</body>
|
that closes all of you div tags at the top.
Hope this helps. |
|
| Back to top |
|
|
Tomi
500+ Club
Joined: 26 Jun 2006
Posts: 809
|
| Posted: Fri Oct 13, 2006 9:53 am Post subject: Re: Big problem, realy anoying me :| |
|
|
mint thanks very much  will try this tonight |
|
| Back to top |
|
|
|
Welcome to DEVPPL.com
You are not logged in, which means that you can't post in the forums.
Click here to Register
If you are a current member here on DEVPPL, please login below:
|
|
|
|
