|
HTML - Color Problem
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 Similar TutorialsHi, i want the background color of a div to only span a percentage of the div. For example HTML Code: <div style="width: 90%; padding: 1%; background: green;">50%</div> But i only want the green background colour to span the percentage (in this case 50%) of the div. Is this possible, and if so can somebody point me in the right direction? Thankyou. Hi.I am trying to put different colors in s same paragraph.So i use <a style="color:blue">my text</a> then <a style="green">same paargraph continued </a>.It works but i was thinking if this is the right way to do or is there another way? At the moment I have a color fade on the left side of our website behind the links. I am using the onmouseover and onmouseout commands to change the color when someone puts their cursor over the link. I have no problem changing the background color when the mouse is over the link, but I can't find a way to return it to the color fade background after someone removes their mouse. Any ideas as to what I should put in the onmouseout spot to get it to return to the original fading background? <tr> <td width="200" valign="top" style="filter:progidXImageTransform.Microsoft.Gradient(endColorstr='#F5F5F5', startColorstr='#CAF0F7', gradientType='1'" ><table width="87" height="155" border="0"> <tr> <td><table width="200" height="229" border="0" cellpadding="0" cellspacing="0" bordercolor="#F5F5F5" id="navigation"> <tr> <td width="200"><div align="center"><a href="Homepage.html" class="navText style3" onmouseover="style.backgroundColor='#CAF0F7';" onmouseout="????????" ><font color="#5A434A"><span class="style5">Home</a></div></td> </tr> thanks 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 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? 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. 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 I have googled and googled and i still can find this simple question. I wanna know how to make text color boxes. So for example like.. what im talking about is like. picture just inverting a box around a word. so its a black box around in and white text inside. I wanna know how alter the text color and the box color. thx again. 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 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....... 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. 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.... 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. 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. How do I change the color of my links? Hello, all! Newbie here.. and I mean a newbie! I am desperate to find out the color code for the attached color... any idea how I can find out? I tried to do a side by side comparison on a color chart.. and it just never matches right. I am hoping that one of you folks who have a clue what you're doing have a trick for figuring this out! Thanks so much!! 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. |
|||||||