The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Cant get usanalogo.gif top corner, Please help ASAP!!
GoodLife
post Sep 16 2008, 11:50 PM
Post #1





Group: Members
Posts: 6
Joined: 16-September 08
Member No.: 6,681



I can't get the logo "usanalogo.gif" to the top corner.. it need to be above the line and even towards Essential Health.
Help please!!

Dont want
IPB Image

What I need
IPB Image




CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="{%MetaCharset%}" />
    <meta name="description" content="{%MetaDescription%}" />
    <meta name="keywords" content="{%MetaKeywords%}" />
    <title>{%MetaTitle%}</title>
    <style>
    /*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
    margin: 20px 0;
    padding: 0;
    background: #333333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

p, ul, ol, blockquote {
    font-size: small;
    line-height: 160%;
}

a {
    color: #000000;
}

a:hover {
    text-decoration: none;
}

/* Title */

#title {
    width: 740px;
    height: 50px;
    margin: 0 auto;
    border-bottom: 10px solid #000000;
}

#title * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #000000;
}

#title h1 {
    float: left;
}

#title h2 {
    float: right;
    font-size: 12px;
    padding: 20px 10px 0 0;
}

/* Header */

#header {
    width: 740px;
    height: 244px;
    margin: 0 auto;
    background: url(images/usanaa.gif) no-repeat center center;
    border-top: 10px solid #000000;
    border-bottom: 10px solid #000000;
}

#header * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

#header h1 {
    float: left;
}

#header h2 {
    float: right;
    padding: 120px 10px 0 0;
}

/* Content */

#content {
    width: 740px;
    margin: 0 auto;
    background: url(images/img2.gif);
    border: 2px solid #CCCCCC;
}

#colOne {
    float: left;
    width: 449px;
    padding: 20px;
}

#colTwo {
    float: right;
    width: 209px;
    padding: 20px;
}

/* Content > ColOne */

/* Content > ColTwo */

#colTwo h2 {
    font-size: medium;
    color: #FFFFFF;
}

#colTwo ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#colTwo li {
    margin-bottom: 1em;
    color: #FFFFFF;
}

#colTwo li li {
    margin-bottom: 0;
    padding-left: 1em;
}

#colTwo a {
    color: #FFFFFF;
}

/* Footer */

#footer {
    width: 740px;
    margin: 0 auto;
    background: #000000;
}

#footer * {
    color: #FFFFFF;
}

#footer p {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    font-size: x-small;
}
    </style>
</head>
<body>
<div id="title">
<h2><img src="images/usanalogo.gif" alt="" /><br />
<div><span style="color: white; font-size: 12px;"> Matthew Lew </span><br /></div>
</h2>
<h1>{%WebsiteName%}</h1>
</div>
<br /><br /> <br /><br /> <br /><br />
<div id="content">
<div id="colOne">
<h2>{%name%}</h2>
<p>{%content%}</p>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Menu</h2>
<ul>
{%menu_start=1%}
<li><a href="{%menu_href%}">{%menu_display%}</a></li>
{%menu_end=1%}
</ul>
</li>
<li>
<h2>Specials<br /></h2>
<div>{%special%}</div>
</li>
</ul>
</div>
<div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
<p>{%WebsiteFooter%}<br /><a href="http://www.000webhost.com/website-builder"><br /></a></p>
</div>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
poojak
post Sep 17 2008, 12:11 AM
Post #2


Newbie
*

Group: Members
Posts: 15
Joined: 4-August 08
Member No.: 6,331



Hi, Increase the height of title div and it will solve your problem. actually the image size and padding which u defined for <h2> tag is creating a problem.
Best of luck,
Pooja
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
GoodLife
post Sep 17 2008, 12:14 AM
Post #3





Group: Members
Posts: 6
Joined: 16-September 08
Member No.: 6,681



how do i increase the height?

EDIT: i figured it out! THANK YOU!!!

This post has been edited by GoodLife: Sep 17 2008, 12:40 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 17 2008, 12:32 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



"Essential Health"? Please link to a working page so we can see what it looks like. We can't guess what the CMS code or whatever it is is supposed to do.

You have specified 20 pixils top margin for BODY. Remove that to start with if you don't want a margin.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 17 2008, 01:08 AM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



You've also specified padding-top for the h2 element containing the image.

And our online validator (see the links at the top and bottom of this page) will report the errors in your markup.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
GoodLife
post Sep 17 2008, 02:02 AM
Post #6





Group: Members
Posts: 6
Joined: 16-September 08
Member No.: 6,681



i fixed the issue of the icon on the top.

Essential Health

The site is under a testing process of gettin the html stuff right before we buy a domain. so yeah..

ive gained another problem

http://testing12tree.site90.com/index.php?p=1_2_About-USANA

u see the picture? is there a way i can stretch the white area (BODY) or pretty much makin the things wider so the picture actually doesnt overlap without having to resize the picture itself because most of the items im using are going to be in that size. please help! this place is great btw.. info ASAP! i wub.gif it!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 17 2008, 02:08 AM
Post #7


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Well, you've got a fixed-width layout, and you've got fixed-width content (images) that won't fit in your fixed-width layout. It seems to me that you could change the fixed-width layout to accommodate your (current) fixed-width content, or you could convert to a liquid layout that adapts to the content and the reader's browsing environment.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 17 2008, 02:09 AM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



So don't force the width of the white area to be more narrow than the image. That doesn't happen by itself.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
GoodLife
post Sep 17 2008, 02:25 AM
Post #9





Group: Members
Posts: 6
Joined: 16-September 08
Member No.: 6,681



is there a program i can make my own layout because im limited wit choices..
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 17 2008, 02:32 AM
Post #10


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Please see the FAQ entry Where can I learn about CSS?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
GoodLife
post Sep 17 2008, 09:00 PM
Post #11





Group: Members
Posts: 6
Joined: 16-September 08
Member No.: 6,681



HEY i came up wit a new problem. i started fresh.

http://testing12tree.site90.com/

is the site and as you can see the .swf file just stops playing.. any ideas?



This post has been edited by GoodLife: Sep 17 2008, 09:08 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 02:27 PM