• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 316
  • Last Modified:

logo is on the lower right for a client

I'm trying to work on a redesign of a site that was in 4 frames (top heavy, slim lower frames).  The logo was in the lower right.  I'm making it a non framed site.  But with lots of information needing to be in the "main area", this design, which is basically in quadrants, the logo being in the lower right, may get lost.  The client likes the design, so would I need to limit the height of table cells to be certain the logo is "above the fold" or are "height" dimensions also scaled if the overall height of the table is set to 100%.    I may be asking the wrong question or phrasing it wrong.  I need the logo to show, but if there is too much info above it, will it be pushed down to where it can't be seen?



The client wants a highly informational site.  It's not today's typical "less graphics, more content" style, yet he likes it.  I'd like some comments on how to deal with this issue, and what some of you would advise a client in this circumstance.  Would you try to move the logo or is there another way to reconsider this design to work without frames?
0
linque
Asked:
linque
1 Solution
 
TGHICommented:
 What would really help is a visual example of what exactly you mean.


        TGHI
0
 
ChikenDude911Commented:
If you could show us what it was like before with frames, then show what you need done to make it look the same with tables, i might be able to help you out then.
0
 
ZontarCommented:
Please post a link to the framed version.
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
monvelasquezCommented:
instead of puting that logo inside a table, maybe you can put it inside a floating DIV
so that the logo always shows even when you scroll through the page. a good sample
is located here..

http://www.dynamicdrive.com/dynamicindex11/topcontent.htm
0
 
Dean OBrienCommented:
This script keeps an image on the bottom of the page, and adjusts the images size depending on the size of the page.  You could play around with it to have your logo in the bottom right.

<html>
<head>
<script>
function adjustfooter()
{
  bott.style.width=document.body.clientWidth - 20;
  if(content.clientHeight + 60 > document.body.clientHeight)
  {
    pic.style.top = content.clientHeight;

  }
  else
  {
    pic.style.top = document.body.clientHeight - 70;

  }
}
</script>
</head>

<body onresize="adjustfooter()" onload="adjustfooter();">

<div name="pic" id="pic" style="position:absolute;bottom:0px">
  <img name="bott" id="bott" src="banner1.gif" width="800" height="60">
</div>
</body>
</html>

Hope this helps

Easynow
0
 
Dean OBrienCommented:
Try this out!

<html>
<head>
<script>
function adjustfooter()
{
  pic.style.left=document.body.clientWidth - 200;
  if(content.clientHeight + 200 > document.body.clientHeight)
  {
    pic.style.top = content.clientHeight;

  }
  else
  {
    pic.style.top = document.body.clientHeight - 210;

  }
}
</script>
</head>

<body onresize="adjustfooter()" onload="adjustfooter();">
<div name="content" id="content" style="position:absolute;left:0px;top:0px;width:100%">
<p>text text text text text text text </p>
</div>
<div name="pic" id="pic" style="position:absolute;bottom:0px">
  <img name="bott" id="bott" src="banner1.gif" width="200" height="200">
</div>
</body>
</html>

Easynow
0
 
mreuringCommented:
What are the reasons for taking out the frames?
This is important information in determining your advice towards the client. You can do a lot of styling using layers to make it look the same as with the frames, but this may also result in the page acting as if it still had frames, you would not seem to gain much in that case.
P.S. You might want to see if you can link this question to the CSS topic as it seems you will need CSS-rules to get this working.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now