|
HTML - Color Inside Of Tab Menu
Hi. I have learned everything I know about web pages from this site over the last 2 days. Thanks to all the experts out there.
I'm developing a family web page and like the tab menus that seem popular. I found most of the code that follows on here and other sites. My problem is this: I want the tabs themselves to have certain colors under certain conditions. I got it working fine initially, but then when I went to put it inside the "<div", the colors got messed up. I have tried several things...nothing seems to work. The only way I can get the colors to work is to move the "<div" comment after the list specification and before the "we live in chicago" text (in all that white space). But that's not where it belongs. Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Brown Family</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" media="screen" title="style (screen)" /> </head> <body bgcolor="#E6E6E6"> <div id="content" style="margin: 0% 15% 0% 15%"> <h1 style="color:red" style="font-family:verdana">The Browns</h1> <ul id="tabmenu"> <li><a class="active" href="index.html">About Us</a></li> <li><a href="laura.html">Laura</a></li> <li><a href="tom.html">Tom</a></li> <li><a href="alex.html">Alex</a></li> <li><a href="contactus.html">Contact Us</a></li> </ul> <p style="color:#463E3F">We live in Chicago</p> </div> </body> </html> The odd thing is the color of the active tab does work. Any help is appreciated. Tom Similar TutorialsHi, I am trying to change the color of text inside the <tr> but only the text color changes but not hyperlink text color. I do not want to add style tag inside <td> or in <a> as i change the color of the row text only in certain conditions. Please could someone help me on how to change the hyperlink color inside <tr> Here is my sample code: HTML Code: <tr style="color:blue;"> <td> Some Text </td> <td> <a href="" class="folderLink" onclick="openTask();"> AccountNumber </a></td> </tr> I tried <tr style ="color:blue;link-color:blue;"> but didn't work as i am not sure of the syntax I have a dropdown menu and was wondering how I could change the bg color to black. This is my code for it: <div class="c2"> <form name="jump"> <select name="menu" onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;"> <optgroup label="Games"> <option>Choose an Option</option> <option value="http://broggini.webs.com/1.swf">Age Of War</option> <option value="http://broggini.webs.com/4.swf">Bloons</option> <option value="http://broggini.webs.com/5.swf">BoxHead Zombie Wars</option> <option value="http://broggini.webs.com/3.swf">Bubble Shooter</option> <option value="http://broggini.webs.com/6.swf">Hapland</option> <option value="http://broggini.webs.com/7.swf">Hapland2</option> <option value="http://broggini.webs.com/8.swf">Hapland3</option> <option value="http://broggini.webs.com/11.swf">Kitten Cannon</option> <option value="http://broggini.webs.com/12.swf">Line Rider</option> <option value="http://broggini.webs.com/2.swf">Mario</option> <option value="http://broggini.webs.com/9.swf">The Impossible Quiz</option> <option value="http://broggini.webs.com/10.swf">The Impossible Quiz 2</option> <option value="http://www.primarygames.com/arcade/action/dunebuggy/index.htm">Dune Buggy</option> <!-- --></optgroup> </select Hi, ive been working with a template in dreamweaver and have been able to insert my own banner and sidebar, but there is a small part that I cant find where to edit it...any help is appreciated....screenshot below http://imageshack.us/photo/my-images/39/doop.png/ id like to change the green....but cant figure out how First let me apologize if this post has been made and/or belongs in another area but I'm not too sure even sure how to ask this. My humble site is set up like such using HTML and CSS: As of right now I have it such that when a navigation link is clicked it loads a whole new page. How can I do this such that only the "main text" area (which sits inside a table) is loaded? I hope that makes sense! 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 I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Hello, I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help! Ben 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 this is my first post here, Could someone answer this question. I have posted it in two dedicated HTML forums and from each forum recieved two opposing answers - Can I put a <h1,2,3 etc> tag inside a <ul></ul> eg - ul> <li><h1>1</h1></li> <li><h1>2</h1></li> </ul> The first set of replies said "no" I cant, I can only put the <h1> before the list - because you dont have a headline within a list. The second answer said "yes" I can html-wise, but I tend to agree more with the first answer as it is not scematicaly correct. Can someone clear it up for me? how do i get the buttons to go inside the div of the main console plz html: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="">
<meta name="description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<title>Squared Away Designs,Professional Web Design,Lincoln,Lincolnshire</title>
<html>
</head>
<body>
<div id="wrapper">
<div id="titletext">
<img src="images/titletext.png" alt="" />
</div>
<h1>Alan Martin<br>Tel: 07939 156 706</h1>
<div id="logo">
<img src="images/logo.png" alt="" />
</div>
<hr/>
<div id="maincolumn">
<img src="images/maincolumn.png" alt="" />
<div id="home">
<img src="images/home.png" alt="" />
</div>
<div id="webdesign">
<img src="images/webdesign.png" alt="" />
</div>
<div id="graphicdesign">
<img src="images/graphicdesign.png" alt="" />
</div>
<div id="aboutus">
<img src="images/aboutus.png" alt="" />
</div>
<div id="contactus">
<img src="images/contactus.png" alt="" />
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-4586064-1";
urchinTracker();
</script>
</div>
</body>
</html>
css: Code: body {
margin: 0 auto;
text-align: center;
background-color: #000000;
}
#wrapper {
background-color: #000000;
width: 980px;
height: 770px;
}
#titletext {
float: left;
margin-top: 20px;
margin-left: 40px;
padding-top: 0px;
}
h1 {
float: left;
margin-top: 50px;
margin-left: 150px;
padding-top 0px;
font-family: arial;
font-size: 16px;
color: #ff6000;
}
#logo {
float: right;
margin-top: 10px;
margin-right: 10px;
padding-top: 0px;
}
hr {
float: right;
margin-top: 10px;
margin-left: 0px;
height: 4px;
width: 800px;
color: #ff6000;
}
#maincolumn {
float: left;
margin-top: 0px;
margin-left: 14px;
padding-top: 0px;
}
#home {
float: left;
margin-top: 20px;
margin-left: 18px;
padding-top: 0px;
}
#webdesign {
float: left;
margin-top: 20px;
margin-left: 5px;
padding-top: 0px;
}
#graphicdesign {
float: left;
margin-top: 20px;
margin-left: 5px;
padding-top: 0px;
}
#aboutus {
float: left;
margin-top: 20px;
margin-left: 5px;
padding-top: 0px;
}
#contactus {
float: left;
margin-top: 20px;
margin-left: 5px;
padding-top: 0px;
}
thnx 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 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....... 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? 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.... How do I change the color of my links? 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. 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. |
|||||||