Cant get usanalogo.gif top corner, Please help ASAP!! |
Cant get usanalogo.gif top corner, Please help ASAP!! |
GoodLife |
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 What I need 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;"> </div> </div> <div id="footer"> <p>{%WebsiteFooter%}<br /><a href="http://www.000webhost.com/website-builder"><br /></a></p> </div> </body> </html> |
poojak |
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 |
GoodLife |
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 |
pandy |
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. |
Darin McGrew |
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. |
GoodLife |
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 it! |
Darin McGrew |
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.
|
pandy |
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.
|
GoodLife |
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..
|
Darin McGrew |
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?
|
GoodLife |
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 |
Lo-Fi Version | Time is now: 28th March 2024 - 02:27 PM |