Solved

logo is on the lower right for a client

Posted on 2003-11-15
7
312 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
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
HTML - Color not displaying correctly in EMAIL. 6 49
Place text over image using CSS 6 52
html border input line 7 16
Need output in powershell ( Vertical format) 2 22
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.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
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…
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 …

821 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