Solved

logo is on the lower right for a client

Posted on 2003-11-15
7
311 Views
Last Modified: 2010-04-09
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
Comment
Question by:linque
7 Comments
 
LVL 2

Expert Comment

by:TGHI
ID: 9756919
 What would really help is a visual example of what exactly you mean.


        TGHI
0
 

Expert Comment

by:ChikenDude911
ID: 9757511
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
 
LVL 11

Expert Comment

by:Zontar
ID: 9757674
Please post a link to the framed version.
0
U.S. Department of Agriculture and Acronis Access

With the new era of mobile computing, smartphones and tablets, wireless communications and cloud services, the USDA sought to take advantage of a mobilized workforce and the blurring lines between personal and corporate computing resources.

 
LVL 3

Accepted Solution

by:
monvelasquez earned 250 total points
ID: 9761889
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
 
LVL 12

Expert Comment

by:Dean OBrien
ID: 9763567
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
 
LVL 12

Expert Comment

by:Dean OBrien
ID: 9763611
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
 
LVL 17

Expert Comment

by:mreuring
ID: 9763616
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

Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Put shading on half of picture 8 42
execute script based on HTML event 7 23
Changing alignment and creating border 6 28
If condition on Html with Asp 11 15
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question