|
HTML - Bg In <div> One Color & Page Bg Another
Hi,
I'm having a problem with layout I'm doing. I'm currently using all HTML. I have <div> tags for each section, and, not that I have to keep it that way - but it seemed uniformed. Anyway, onto the problem. I have the bg of my page, let's say yellow. Then I've got two <div> sections - one for navigation and one for content. The <div> section for content has a white bgcolor, and I set up the <div> section for the navigation the same way - with a white bgcolor. Problem is, everytime I type in the <div> navigation & content section the yellow bg shows up. When I press enter, the white bg shows, press enter again and type, the yellow bg. I'm also working with a style sheet so there's not alot of formatting in the body, which I prefer. Here is the code for the layout: <body> <!--Sagmar logo at top of page--> <div id="img"> <img src="siteImg/logo.jpg" width="607" height="230" alt="Sagmar Leather"> </div> <!--Navigation section--> <div id="nav"> <p> </p> <p><a href="#">Home</a> <p><a href="#">Products</a> <p><a href="#">Contact Us</a> <p><a href="#">Disclaimer</a> </div> <!--Content for webpage--> <div id="content"> <!--Start typing content here--> dsfdfds</div> </body> _____________________________________ Also here is the style sheet code I'm using: body, p { background-color: #FF9D0B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #993300; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FF9D0B; scrollbar-track-color: #FFFFFF; } #nav { border: 2px; border-style: solid; border-color: #993300; background-color: #FFFFFF; position:absolute; width:105px; height:592px; left: 10px; top: 254px; text-align: center; font-weight: bold; } #content { border: 2px; border-style: solid; border-color: #993300; background-color: #FFFFFF; position: absolute; width: 491px; height: 592px; left: 125px; top: 255px; } ______________________________ I'm also using a style sheet so that I don't have so much formatting in the actual body. So the question is - is there someway to get the <div> navigation & content sections to stop acting like this (yellow, white, yellow, white)? Should I just use tables instead? (But if there is a way to stop it and keep using <div> I would like that too). BUT if tables are the way to go, it wouldn't kill me. Thanks for any input on this. Similar TutorialsYeah so there is a strange color bar at the top of my page. Just appeared when I subbed my GFX in.Notice the neon green line in both my main frame and my inline frame. Whats goin on yall? Code and Images below: <!doctype html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"> <title>The works of D.M. Rosemark</title> <style type="text/css" media="screen"> <!-- body { background: url("bkgb.jpg"); background-repeat:no-repeat; background-attachment:fixed; margin: 0px } div#wrap { margin: 0 auto; width: 800px; } div#header { height: 145px; background: url("bkgc.jpg"); background-repeat:no-repeat; background-attachment:fixed; margin: 0px } div#footer { height: 50px; background: url("bkgc.jpg"); background-repeat:no-repeat; background-attachment:fixed; margin: 0px } div#frame { margin: 0 auto; width: 600px; } iframe#one { border-style:ridge; border-width:10px; border-color:#999999; width: 600px; height: 425px; padding:1px; } //--> </style> </head> <body><div id="header"></div> <div id="frame"><iframe id="one" frameborder="0" src="three.html" scrolling="no"> </iframe></div> </body> </html> Hello Everyone, i am new to HTML, i am trying to develop my first website. I am using asp.net , C#, HTML, CSS and Visual studio2008 on windows Xp I had a page, in that i moved the tables to center. after moving the tables to center i found the white space on the left and right sides of the page. Now i want to fill the white space which is on the left and right sides of the page with the black color. Can anyone please help me thank you regards john. Hello all, First post here, been stalking for a few weeks and of course, I'm milking for information. Wish I knew enough to contribute. I've undertaken a web design project for a friend and I've run into a few snags I've never seen. I have a background color set, and the background color only extends the size of the browser window. It's grey when I scroll down. www.thephoenixpages.com/ourstory Forgive the design, not my doing. Also, is there a discrepancy in positioning with Chrome vs FF ? The picture box is off in each browser. Lastly, I attempted the sticky footer(as seen on some of the pages, but not the linked one) and it had the same problem. It wouldn't stick to the bottom, but the bottom of the window as seen on the screen. If anyone could shed some light on these problems, I'll email you a high five. Thanks. larsy Hi, I want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> Hello all! Does anybody noticed that font colors are treated as background color while printing in IE? I just set a <font color=#f0f0f0>MY TEST</font> or <span style="color: #f0f0f0">MY TEST</span> and, on screen, it's OK. On print preview, it goes black. I can print in grayscale only if I turn "print background images and colors" on. Does anybody has a workaround on it? It will be a watermark, so it should be printed in grayscale. I dont think I'm setting a background color, specially on first example (color of the font). Thanks! I have a social network. I want my users to be able to pic colors for certain things... I'd really like to use the GUI that twitter has for this, but that could be expensive... So how do I do it? And how do i get smilies to input text into a text box like this one... Dynamic pages are going to be hard i think When I view my site at 32 bit color at a res of 1028x1200, I can't see my hr lines. But when I view it at 16 bit I can. Anyone know why? And yes it and my CSS validate. Geoserv. edit: site www.apnaonline.ca Hello friends, I am making a login page which takes 2 fields:- 1) user name 2)password Now I want these 2 fields to be colored yellow or blue in the background just like how "gmail" appears to us. Can you please tell me how to change the color inside the textbox from white to any other color. If possible can you please give me a sample code....... So I'm rather rusty with html and building a low budget site. At www.cccathens.com I have a background image set to a particular width well at www.cccathens.com/about_us I'm not using the same background image. But I would like the same look as far as having the white on each side. Is there a way to set the background color of the page so it has the same effect? Thank you, Todd Hi guys, I have this style: .inputlink { font-family: Arial; font-size: 8pt; color: #CF2F31; font-weight: regular; } and using it here. <span class="inputlink"><a href="www.atglink.com">www.atglink.com</a></span><br/>\n'); But still the link is showing in usual blue. Can someone help, please? Thanks in advance. Shiyam hi all how do i change color for this code its for php tags Code: echo 'Not bad, you scored average'; i want it to be red thanks This thread at the other site hasn't helped: http://www.coffeecup.com/forums/webs...colored-lines/ Is there any code I can use that will render a color line in Internet Explorer and the other browsers? All I have working now at http://www.ColoradoProcessServers.net is the Netscape browsers. hiii. this may be a silly question, but i still cant figure out how to add the color of the border in the <img src> code. for example... <img src="lalala.jpg" border="2" BORDERCOLOR="??"> or is it not possible? I need help deciding on a color scheme for the Washington Huskies. I don't want it to be to bright but right now it's purple and black so it needs to be a little lighter. Could you also specify what to make the colors like text or background or whatever. Thanks. hi, i am new in this field of web designing .i don't even have good knowledge of colors.how can i improve my color choice and color theory.can you suggest me some tricks so that I'll work on that to make perfection.please help. kindly revert back.... Can you change the color of the 'Title' of a page? For instance, I would like to update the title of my webpage to warn when the site is going down for maintenance, so during these times, I would like the message to be red. Thanks. I'm just wondering how I can find the code to change for the background color of my site. Someone else designed it, and they have left the project so I can't ask where it is. Here is the index.html file, where I'm guessing I should be able to find the place to change it (?) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Baller Magazine</title> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <link href="baller.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> <!-- function openwin() { window.open('http://www.goodglobalgames.org/js/', 'win','width=870,height=700,status=no,scrollbars=yes,directories=no,menubar=no,resizable=no,toolbar= no'); } // --> </script> <script type="text/javascript"> <!-- function openwindow() { window.open("contact.html", "", "width=600,height=650"); } // --> </script> <SCRIPT SRC="select.js" LANGUAGE="javascript"></SCRIPT> <style type="text/css"> <!-- .style4 {color: #FFFFFF} --> </style> </head> <body onload="MM_preloadImages('images/head-o_05.jpg','img/defblog2.1-o.jpg','img/signup-o.gif')"> <div style="width:940px; margin: 0 auto;"> <table border="0" cellpadding="10" cellspacing="0" style="margin:0 auto; width:940px;"> Or is it in the css stylesheet? I would appreciate any help someone out there can provide. Thank you Hey guys, I got some problems with coloring my design, http://test.fairfight.dk/html/ At my MacBook it looks like this in firefox: As you see there is an ugly "bottom" - that bottom shouldnt be there.. It should look like this: Do you have any idea why it doesnt show up as I want it to be? This is my first post in the forum, I'm sorry if I've done anything wrong Hi, Could anyone say what the exact color codes for every color on this picture are for HTML? Or should I take colors, which look almost the same? Or Do i have to mix colors myself? ima noob. To this forum and html as well so please be gentle. i brought lube...lol I'm trying to change the color of the 'bar' between two frames. The frame on the left I have set to 'no scroll' and i want to change the color of it. I know how to change the color of scroll bars, arrows... but how do i change just the bar? I've been using JS to change the colors of the scroll bar. Is there another way? like css. |
|||||||