HTML - Create A Background That Lines Up With The Site Logo? Please Help
Hello,
Here is my site logo, with the name covered due to private project: Now I have created a background the same as this without the logo. I have tiled this accross the webpage, but now need to line the logo with it, so that I can have the webpage viewable by any screen resolution. Please could you tell me how to make this line up correctly: Thank you. PS. Im using Microsoft Frontpage 2003 Similar TutorialsI have a table on the top of my page and it has a logo background image...but when i test the code i see that there are white spaces on the topside of website also right side and left side... for example on this website htmlforum.com logo and the blue area are streched to the above right and left side..there are no whitespaces... how am i going to do this? thank you http://www.mythlabb.com/ IE displays the top logo just fine. Firefox displays it as a broken image. It's just a .jpg file, nothing special, and it's on the page as a regular image tag right at the top of the Body tag. Am I missing some little Firefox quirk here or something? I removed the text content in the code snippet below but it's enough to get the idea. Code: <html> <head> <link rel="stylesheet" href="styles/mainStyle.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <center><img src="images\mythLogo.jpg"></center> <center>webdesign - consultation - graphics<br></center><br><br> <div id="topnav">Insert menu here</div> <div id="maintext">Insert text here</div> </body> </html> Hello all, The team I work on is going to be creating a .NET application which reads organization information from a database and creates a dynamic Org Chart. One of common features in an org chart is lines that show reporting structures. Does anyone have any recommendations on how we could dynamically create such lines that would need to go both horizontally and vertically? Thanks I am trying to changed the logo on my website. The part of the html code which does this, is showing as: <div id="logo-div" class="fw-logo"></div> the logo is a .gif file and I cant find anywhere in the html which is calling this image file. Where is it getting logo-div and fw-logo from, can someone please explain the html above that I posted Hi guys i have downloads site if you click on download button you will redirect to other web page in new window to download the file i want address bar in this other web page still viewing my url site (mask other web page url) this is my download button code, what code that i need to add to do this Quote: <a href="downloads.php?do=file&id={$file['id']}&act=down" {$target}><img src="$stylevar[imgdir_button]/download.gif" alt="{$vbphrase['ecdownloads_download']}" title="{$vbphrase['ecdownloads_download']} {$file['name']}" border="0" /></a> please share your knowledge Hi everyone, I am a new member of the forum. It is very pleasant for me to be in this forum. I read in the HTML for Dummies book and see the instruction of creating a background for the Website: "If you like backgrounds that provide a veritcal band down one side, you can create those backgrounds by making very short (just a few pixels) and very wide (at least 1280 pixels) images that look like a cross-section of the background effect you want. That image, after you tile it, produces aband down the side of the monitor" I don't really know how to do the background like the instruction above. Can anyone give me some advice to do it? Thanks a lot. I'm trying to create a page where I can submit a form and have it appear on my home page, similar to a blog. I'm trying to keep this simple, just one page to type things, and have it appear on another page. This is for my band's website and I need a simple way for all of us to post to our news section on the home page. (I've tried to use wordpress, blogger, etc. I don't think trying to post blogs on a blogging site and have it transfer to my site is going to work. I've had to many problems getting it to work.) When you create a select form with a default size or a size of 1, the options (once you expand the form out by clicking it) that are moused over will be highlighted. I want that same effect on a select form with a size of 30. I imagine the solution lies in some javascript onmouseover function, but I couldn't find anything. Help? Hi All, I am building a website for a friend. The site is built in Dreamweaver CS2. I need to have the top part of the background in black and the bottom part of the background in white. I have done this so far with a table, 100% width, background black. But when I view it in IE or Firefox, the background has a white border around it, rather than coming right to the edge of the screen. You can see what I mean he Test Site Any help is much appreciated. Hi, My website sits of center on the iphone's. I think logic tells me that its something to do with the background image. http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Please can someone help as I've been stuck on this for AGGGGEEEEESSS Thanks alot Joe please help choose a nice background color theme for my site... I'm not savy with html...I'm trying to find the code so I can change this "plain jane" background color of my "template made site". Can I get some opinions on a color theme and ALSO where I would insert the color codes. Not looking for a "in your face" attack..just anything better than the blah brown/tan colors! TIA http://goldenworldgoods.awardspace.com/ Hello again, I did this site in Dreamweaver, looked fine in my dreamweaver editor, uploaded it and voila everything goes nuts. List of Problems: The Links are not positioned properly, not big enough plus the drop downs to the bottom and not to the right. That was properly my fault since I just copied a suckerfish method... But can someone help with this. If you study the News Header in the CSS, it says it has a background image, how ever it doesn't show when I uploaded it. I know the url and the pic is correct cause it worked in Dreamweaver... The background for "welcome" is all the way up there which isn't supposed to happen, it supposed to be right on top of the Hello text but that isn't happening either. The hello and welcome are supposed to be aligned to the left of the right header. Thats about it, please can someone help me. I've changed the format of this like 3 times just to get it correctly done, but nothings working. Thank you And don't worry I got it all validated and what not I've begun to notice that most websites now, up on the address bar, have a logo, to the left of the "http://..." address. Is it a piece of html code, or something else? My guess is the latter.. i have a domain registered with network solutions, do i have to pay for it? Thanks, -Adam adam79@toast.net Hello, This is the site in question: www.hbcacworth.org I would like to place a small rectangular logo on the right side of the page on the same line as the church logo which is already there. I cannot figure out how to do this. Does anyone have any suggestions? Thank you so much. bt I have a logo on my page coded like this <img src="http://www.etcetc.com/logo.gif" border="0"align="center"> however when u hover ure mouse over the logo it turns into a linked image and when u click on it ,it opens a blank page. I havent coded for the logo to be linked anywhere. why is that happeninig?: thanks Hello! I was wondering how you make a little logo to your website like the one on google.com for an example. Ok so I have these affiliate links and what I would like to do is create a page have my banner/logo located at the top of the page and then have the affiliate link open at the bottom of the page I've changed the logo on my site at www.manchestermodelling.com. However, I need to move it higher. I've tried absolute positioning, valign etc. but it hasn't moved. I may have entered the wrong syntax however. Does anyone know what code I should use? Thank you I've lost the montage in the header section of my website, any ideas? http://www.mcaorals.co.uk I have a CSS file code follows BODY { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #42d4ca; background-color: #540a67; } .text { FONT-SIZE: 16px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica } .newstext { FONT-SIZE: 14px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .prtext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .smalltext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .wsmalltext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .smalltext2 { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .eresource { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .wtext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .bullet { FONT-FAMILY: Arial, Helvetica } .secthdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none } .tabhdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none } .peheader { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica } .desthdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .header { FONT-WEIGHT: bold; FONT-FAMILY: Arial,Helvetica } .nulink { TEXT-DECORATION: FONT-SIZE: 14px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica; font-size: 12px; background-color: #540a67; } .nulink:hover { COLOR: #42d4ca } .tabhdrlink { COLOR: green; TEXT-DECORATION: none } .wtabhdrlink { COLOR: #fff000 ; TEXT-DECORATION: none } .wtabhdrlink:visited { COLOR: orange; TEXT-DECORATION: none } .tabhdrlink:visited { COLOR: pink } .tabhdrlink:link { COLOR: white } .tabhdrlink:hover { COLOR: white } .svclink { FONT-FAMILY: Verdana, Arial, Helvetica } .destlink { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica } .tablink { FONT-WEIGHT: bold; TEXT-DECORATION: none } A:hover { COLOR: pink } A.menubartext { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } TD.clsMenuBarItem A { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } A.clsMenuBarItem { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } A.clsMenuBarItem:visited { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } TD.clsMenuBarItem { FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } TD.clsMenuBarItem A:hover { COLOR: orange } .clsMenuBarItem { FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } .clsMenuBarItem:hover { COLOR: orange } DIV.clsMenu { PADDING-RIGHT: 5px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial,Helvetica; BACKGROUND-COLOR: #00bede } DIV.clsMenuGray { PADDING-RIGHT: 5px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial,Helvetica; BACKGROUND-COLOR: gray } DIV.clsMenu A { FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } DIV.clsMenuGray A { FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } DIV.clsMenu A:hover { COLOR: white } DIV.clsMenu_blk A:hover { COLOR: white } .dllist { FONT-SIZE: 12px } <div id="logo"> <a href="/"><img src="../Montage/New-Montage-Chrome.jpg" width="1024" height="98" alt="MCA Orals Chrome Montage Header"></a> </div> Here is my site: http://www.straighttothetop.net What I want to do is add the image (the one in the background) and put it in the header above the navigation links (home, products, etc) Just having a black background and the image on the header as a kinda banner/logo centered on top of the navigation links |