Help! Major design troubles.... 250 NP$

user-7256 · Aug 23, 2005

Hi,

You can see the design in JPG format here:

http://www.DomainTops.com/design1.jpg

The design I have right now is here:

http://www.DomainTops.com/index.php

Now, please bear with me ... I'm using BMP files because I AM ON VACATION and my laptop does NOT YET HAVE PHOTOSHOP ON IT. Please do not complain about image size, okay? I will not appreciate that. I have no resources right now. Please do not suggest or advise me on the image format. Please only assist in the design.

Would anybody be interested in helping me fix that?

Also, I need the <li> tags, on the side navigation, to be WITHOUT the little dots... then there's compatibility problems.

KUDOS TO THE ONE WHO FIXES IT! NO - I WILL GIVE 250 NP$ TO THE ONE WHO FIXES IT! ^_^ MUST BE COMPATIBLE ON IE AND FF.

kpm547 · Aug 24, 2005

Try this out. I didn't have time to make sure all the tags were closed, but it should work.

Code:

<html>
<head>
<title>DomainTops - Class-A Domain Appraisals.</title>
<style>
.sidelink {
  width: 192;
  height: 21;
  background-image: url('img/unfaded.bmp');
}

li.sidelink:hover {
  background-image: url('img/opaque.bmp');
}

body {
  margin: 0px;
}

a {
  color: black;
  text-decoration: underline;
}

a:hover {
  color: black;
  text-decoration: none;
}

li {
  font-family: Verdana, Arial, Times New Roman, Sans-Serif;
  font-size: 10pt;
  font-weight: bold;
}


</style>
</head>
<body>
<!-- add height="100%" to it -->
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="top" width="100%">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td><table border=0 cellspacing=0 cellpadding=0><tr>
    <td width="275" height="74"><img src="img/logo.bmp"></td>
    <td width="205" height="74"><img src="img/top1.bmp"></td>
    <td width="100%" height="74">
	<table border="0" cellspacing="0" cellpadding="0">
	   <tr>
		<td width="320" height="38"><img src="img/top2.bmp"></td>
	   </tr>
	   <tr>
		<td width="320" height="33"><img src="img/yellowbg.bmp"></td>
	   </tr>
	   <tr>
		<td height="100%"><img src="img/spacer.gif" height="3" width="10"></td>
	   </tr>
	</table>
    </td>
</tr></table>
</td>
</tr>
<tr>
    <td width="355" height="27" ><table border=0 cellpadding=0 cellspacing=0><tr><td><img src="img/side1.bmp"></td></tr></table></td>
    <td width="100%" colspan="2"> </td>
</tr>
<tr>
<td><table border=0 cellpadding=0 cellspacing=0>
<tr>

<td>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
    <td width="193" height="70" valign="top"><img src="img/side2.bmp"></td>
</tr>
<tr>

<td width="192" height="100%" style="background-image: url('img/fade2.bmp'); background-repeat: repeat-y">
<ul style=" list-style-type: none;margin:0;padding:0;">    

<a href="#"><li type="" class="sidelink">     Test</li></a>
    <a href="#"><li type="" class="sidelink">     Test</li></a>
    <a href="#"><li type="" class="sidelink">     Test</li></a>
    <a href="#"><li type="" class="sidelink">     Test</li></a>
</ul>
    </td>

</tr>
<tr>
    <td width="192" height="87" valign="top"><img src="img/menu.bmp"></td>
</tr>

</table>
</td>

<td valign="top" width="607" align="left" style="border:0;margin:0;padding:0px;" >
    <img src="img/side3.bmp"align=left><center>
    <b>Get your domain appraised <i><u>today</u></i>.</center>
    Testing test test test test test test test test test test test
    test test test.Testing test test test test test test test test test test test
    test test test.Testing test test test test test test test test test test test
    test test test.Testing test test test test test test test test test test test
    test test test.Testing test test test test test test test test test test test
    test test test.Testing test test test test test test test test test test test
    test test test.</td>

</tr>
</table>
</td></tr>
<tr><td>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
    <td width="192" height="13"><img src="img/bottomcorner.bmp"></td>
    <td width="100%" height="13" style="background-image: url('img/bottomfade.bmp'); background-repeat: repeat-y"></td>
</tr>
</table>
</td>
</tr>



</table>
</body>
</html>

Rowan W · Aug 24, 2005

Pure CSS layout and valid HTML 4.01, can't go wrong! :D

http://estorm.com.au/gallery/domaintops/index.htm

LeetPCUser · Aug 24, 2005

Yeah if that doesnt work let me know and I can take the images, splice them up, and make it all perty for you.

Rajo · Aug 24, 2005

i can c that the only problem is that there's spaces between the pic

user-7256 · Aug 24, 2005

Well there's a lot of problems with the style sheets too.

KPM, thanks for trying. It doesn't work too well, but I appreciate your efforts. 10 NP$ sent to you.

Rowan, it works swell! Just a few questions...

- Can the image, top1.jpg, be turned into a background, so I can put text on the yellow box if need be?
- Can the fade at the bottom (as shown in my design1.jpg) be put in properly?
- Can the height of the page be the ENTIRE (100%) height of the browser window?

If you do these, and if I like it, I'll give you an extra 30 NP$ - 280 NP$ total....

user-7256 · Aug 25, 2005

... sometime this week would be nice. 300 NP$ if done by this weekend.

killaklown · Aug 25, 2005

ill try to get it working in an hour or so.

Rowan W · Aug 26, 2005

compuXP said:
... sometime this week would be nice. 300 NP$ if done by this weekend.

I'm working on it, however I probably can't get it to stretch to the full height of the screen (unless drastic measures are taken).

user-7256 · Aug 26, 2005

Well, the whole height of the screen is not 100% necessary, I will accept all the others though, by this weekend, 295 NP$ (since you can't do the 100% height... :P)

Rowan W · Aug 26, 2005

Ok, I made the changes you requested except the height thing of course.

There's the page: http://estorm.com.au/gallery/domaintops/index.htm

And here's the zip file: http://estorm.com.au/gallery/domaintops/domaintops.zip

user-7256 · Aug 26, 2005

Oh, thanks SOO much!

I'll give you a 200 NP$ down payment now, but what I really need is that other fade image, as you notice in my original JPG, is the fade that goes all the way across the bottom, and the nav stretches as far as the content. See what I mean? :P

If you do that, it'll be 295 NP$ total, if done before the weekend.

Thanks SOO much!

user-7256 · Aug 27, 2005

Bump... just reminding ya

You have... :P 3 hours :P

phpwiz · Aug 27, 2005

ouch nice Rowan

good job in fixin it

user-7256 · Aug 27, 2005

Well, I just need 2 more things done... then I'll take it and give him the rest of the NP$.

Rowan W · Aug 28, 2005

Sorry, I couldn't get the bottom bar stretching accross the bottom of the page in Firefox, it would require a re-write of the page and I don't have the time for that.

user-7256 · Aug 28, 2005

Okay, well, thanks anyways. I'll see what I can do... :P

EpicWebDesign · Aug 31, 2005

Possible solution

PM sent to you with link to new image. Hope it helps

user-7256 · Sep 3, 2005

Thank you! ^_^

Help! Major design troubles.... 250 NP$

VIP Member

Established Member

Established Member

Account Closed

Established Member

VIP Member

VIP Member

VIP Member

Established Member

VIP Member

Established Member

VIP Member

VIP Member

Established Member

VIP Member

Established Member

VIP Member

New Member

VIP Member

Similar threads

We're social

serpentfaction.com

PikeCountyRoofing.com

Techy.co

Umm-Al-Quwain.net

FarSightSolutions.com

Opfermann.com

uketa.pl

MHLH.com

kittyslippers.com

VelvetOasis.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling