Solved

logo is on the lower right for a client

Posted on 2003-11-15
7
308 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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Bootstap Icons 3 44
Glyph icons in Bootstrap 3 4 37
Enter key on html form page 11 48
Put shading on half of picture 8 24
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.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

920 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

15 Experts available now in Live!

Get 1:1 Help Now