Solved

logo is on the lower right for a client

Posted on 2003-11-15
7
306 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
Comment Utility
 What would really help is a visual example of what exactly you mean.


        TGHI
0
 

Expert Comment

by:ChikenDude911
Comment Utility
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
Comment Utility
Please post a link to the framed version.
0
Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

 
LVL 3

Accepted Solution

by:
monvelasquez earned 250 total points
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

744 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now