|
CSS - Css Reference Not Working On Postbacks
I ran into this very strange problem. CSS reference works on first load, but not on subsequent postbacks. I stared at it for whole evening not sure what to do, hope some of you have seen this before. Here's code fragment:
<%@ page language="java" %> <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %> <%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %> <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %> <%@ page import="com.aa.samples.constants" %> <%@ include file="includes/header.jsp" %> <!-- REF: TabPane http://webfx.eae.net/dhtml/tabpane/tabpane.html --> <html:html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <title>Login Page</title> <link rel="stylesheet" type="text/css" href="../pages/includes/common.css" /> </head> <body> <script type="text/javascript" src="includes/tabpane.js"></script> <link type="text/css" rel="StyleSheet" href="includes/tab.webfx.css" /> <div class="tab-pane" id="tab-pane-1"> <script type="text/javascript"> var tabPane1 = new WebFXTabPane( document.getElementById( "tab-pane-1" ) ); </script> <div class="tab-page" id="tab-page-0"> <h2 class="tab">Login</h2> <html:form action="/authenticateUsersAction.do"> <table class=TABLE > ... and the rest of it ... Thanks in advance! Norman Fung Similar TutorialsHi I am new to flex and i am suppose to change the css file so that it references a a swc file instead of an programmatic skin. I know the syntax is classreference... for the action script. I just want to to know what i should replace it as. Thanks Hi all, new css user here and have a slight problem. I am trying to change the color of the 'post date' on my forum that i am creating. In the source code for this area, there is no div id, but just three classes namely, "top-post forum-post clear-block", "post-info clear-block", and "posted-on", with the first being the most outer class. In my css sheets there are references to the latter two classes, but adding 'color:#fffff', does not change the text color. I have tried listing them all from outer to inner and then declaring the color but also this did not work. I am using drupal and the advanced forum module, and saw using inspect element that another site just had the color specified under 'posted-on', and it was working, but not for me. Even with an !important tag, it just comes up with an exclamation mark on the 'inspect element. I was wondering if anyone had any suggestions as to how to change this? Any help massively appreciated! Can anyone recommend a reference book. I have the Jeffrey Zelman book but would like something that covers a bit more detail. Is the Eric Meyer on CSS any good? cheers, steven. Hi, I have a script that refers to a css file (cbw.css). I want to place the css file in a subdirectory but it does not work. If I place it root directory, it works. I even tried referring to entire url, and it still does not work PHP Code: echo "<head>"; echo "<link media='screen' type='text/css' href='127.0.0.1/phpfusion7/cbw/css/cbw.css' rel='stylesheet'/>"; echo "</head>"; but if I put the url directly in the browser, it brings up the css file, so I know that the reference to the directory is correct. Thanks in advance. UPDATE Found answer - link to images in css file was incorrect. Really basic question. I've created a CSS text class. How do I reference it to apply to a text sample? I've been using this page as my guide: http://www.htmlgoodies.com/beyond/css/article.php/3470231 But they only reference commands such as <I class="name"> and <U class="name">. I don't want to add any Italics or Underlines, so how do I only reference the class? This problem is in Internet Explorer. Here's the first page that looks the way it should: http://www.invistation.com/invite_me/contact.php And here's the other page, that references the same css file, but rendered differently: http://www.invistation.com/invite_me/resetpass.php My CSS File: http://www.invistation.com/invite_me/css/index2.css What gives? It doesn't make any sense why the form on the resetpass page is shifted more to the right than the form on the contact page. I'm using the same div for the two forms. Hi, I am trying to remove the annoying url and page numbers that appear at the bottom of a page when you print a website - I want to do this using CSS so that anybody who prints my site wont get those annoying references, not change my browser. Anybody got any ideas on how to do so? Dom. Hi! I need a very good CSS2 quick reference where I can rapidly see what is supported in which browsers and a short description of the property. Thank you! I am creating a standalone (included with <script src>) script to display a slideshow of images, and need the images' container DIV to resize to the height and width of the largest image, PLUS the border width. I can get the height easily enough, but the border is giving me problems. The code I'm using now is: Code:
function getcss(myclass,element) {
var CSSRules;
if (document.all) { CSSRules = 'rules'; }
else if (document.getElementById) { CSSRules = 'cssRules'; }
for (var i = 0; i < document.styleSheets[0][CSSRules].length; i++) {
alert ('.' + document.styleSheets[0][CSSRules][i].style['border'] + '.');
if (document.styleSheets[0][CSSRules][i].selectorText == myclass) {
return document.styleSheets[0][CSSRules][i].style[element]
}
}
}
function InitializeImageRoller() {
for (var q = 0; q < Files.length-1; q++) {
var hidden = eval('hiddenpicture' + q);
if (MaxW < hidden.width) { MaxW = hidden.width }
if (MaxH < hidden.height) { MaxH = hidden.height }
Container.style.height = MaxH;
Container.style.width = MaxW + getcss('Container','borderWidth');
hidden.style.display = "none";
}
}
right now I'm testing, and in the first function, I have a line " alert ('.' + document.styleSheets[0][CSSRules][i].style['border'] + '.');". This works fine, but returns ALL the properties of the border. I need it to only give me the width. What should the ['border'] be changed to to accomplish this? Greetings all, Firstly, I am just now starting to use CSS instead of tabled layouts. I must say I am impressed by the power of CSS, but am still learning the ins-and-outs of it. I was wondering if there are any good references/books you'd suggest purchasing or looking at online? Now for my specific question. For my simple page project I am using to learn CSS, I have a <div> that denotes the header. This is supposed to simply have a small .jpg image on the left and some text on the right, like this: ___________________________ |[ i m a g e ]....................text | However, it comes out looking like this: ___________________________ |[ i m a g e ]..........................| |.....................................text| I suspect it is due to the align: right of the text, but am not sure how to correct it. Relevant snippets of code: testpage.html Code: ... <div class=header> <img src="image.jpg"><h1>TEXT</h1> </div> ... style.css Code:
...
#header{
background-color: #FFF;
border: 2px solid #666666;
width: 860px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 0;
}
#header h1{
text-align: right;
margin-right: 20px;
font-style: italic;
letter-spacing: 3px;
}
Thanks for any advice. Hello, Simple page trying to get the black line to be at the very top of the page. It works in all browsers (for me) except IE. http://www.gypsydev.us/css/ Any idea what else I need to do? Thanks, GuruGeek Code: <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Title</title>
<STYLE TYPE="text/css">
a:link {
color: #808080;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
a:hover {
color: #A0A0A0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
a:active {
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
a:visited {
color: #808080;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
version {
color: #939393;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}
pagetitle {
color: #969696;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:16px;
text-transform:capitalize
font-weight:700
}
</STYLE>
</head>
Any help is welcome, I am not well versed in CSS. Well, not this CSS. None of the properties are workign in IE. it is frustrating. im trying to redo my layout in the "tabless" fasion since its the best thing to be doing now i beleive. this is how far i've gotten... http://72.232.208.44/new/newindex.html the navigational links are just barely off. this is becasue they are a unorded list. i adjsuted their list-style-type to be none but it stil shows up with a small smal blank spot where the bullet would go. CSS: Code:
A:link{color:#ADD8E6;text-decoration:underline;}
A:visited{color:#ADD8E6;text-decoration:underline;}
A:active{color:#ADD8E6;text-decoration:underline;}
A:hover{color:#ADD8E6;text-decoration:underline;}
#banner_container{
margin:auto;
text-align:center;
}
#banner{
border:thin none #000000;
border-spacing:0;
padding:0;
width:750px;
height:155px;
background-image:url("images/GFG-topBanner_01.jpg");
background-repeat: no-repeat;
//text-align:center;
margin:auto;
}
#banner_under{
border:thin none #000000;
border-spacing:0;
padding:0;
width:750px;
height:28px;
background-image:url("images/GFG-topBanner_02.jpg");
background-repeat: no-repeat;
text-align:right;
vertical-align:bottom;
margin:auto;
}
#navlist{
border:thin none #000000;
border-spacing:0;
padding: 0;
padding-left: 0;
padding-right:0;
margin: 0;
white-space: nowrap;
list-style-type:none;
list-style:none;
}
#navlist li
{
border:thin none #000000;
border-spacing:0;
padding: 0;
padding-left: 0;
padding-right:0;
margin: 0;
display: inline;
list-style-type: none;
list-style:none;
}
UL{list-style-type:none;}
TD{text-align: left; border:thin none #000000;padding:0;}
TR{border:thin none #000000;padding:0;}
BODY{background-color:#003333;margin:auto;}
textarea, select, checkbox, input, submit{background-color:#aeb0b0;border-color:#9d9c9c;}
.noborder{border:thin none #000000;}
HTML: Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<SCRIPT SRC="javascript.js" type="text/javascript"></SCRIPT>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div id="banner_container">
<div id="banner">
</div>
<div id="banner_under">
<ul id="navlist">
<li><a href="index.html" onMouseover="lightup('pic1')" onMouseout="turnoff('pic1')"><img src="images/bHome.jpg" class="noborder" name="pic1" width="56" height="28" alt=""></a></li>
<li><a href="services.php" onMouseover="lightup('pic2')" onMouseout="turnoff('pic2')"><img src="images/bServices.jpg" class="noborder" name="pic2" width="78" height="28" alt=""></a></li>
<li><a href="contact.php" onMouseover="lightup('pic3')" onMouseout="turnoff('pic3')"><img src="images/bContact.jpg" class="noborder" name="pic3" width="73" height="28" alt=""></a></li>
<li><a href="controlpanel.php" onMouseover="lightup('pic4')" onMouseout="turnoff('pic4')"><img src="images/bControlPanel.jpg" class="noborder" name="pic4" width="113" height="28" alt=""></a></li>
</ul>
</div>
</div>
</body>
</html>
btw i know i can do hover stuff with css i am just trying to work on one thing at a time though Hey, it's me again, I was wondering if there is a way to make any header tag (in my case, it's H3) so that the text appears as normal? Essentially, make it so that nothing changes with the text. eg- 'Hello <H3>everybody</H3>' would appear just the same as 'Hello everybody.' I've tried multiple things using CSS, but can't seem to make it work. Code: .mainnav a:link, .mainnav a:visited { font-family: tahoma; color: #9b9999; font-size: 15px; line-height: 37px; font-weight: bold; margin: 2px 0 0 0px; text-decoration: none; }
.mainnav a:hover, .mainnav a:visited:hover { font-family: tahoma; color: brown; font-size: 15px; line-height: 37px; font-weight: bold; margin: 2px 0 0 0px; text-decoration: none; }
i wrote them for the mainnav class tags but the links arent effected? i'm using IE7 and targeting the IE7 users with those codes... What's wrong? I checked there is no duplicated implementation... i have been trying my hand at css recently and done this page with some css in it but some how it does not seem to be working.my main problem is the fact the two divs one holding the navigation table and the other holding the texttable are not able to use the css properties in terms of font size and font alignment.i looks like that i have made some serious or stupid error here.i would appreciate any help with this.thanks.the code of the page is given below. <html> <head> <title> WORKING CSS WITH DIVS.................. </title> </head> <style type="text/css"> div.banner { POSITION:ABSOLUTE; TOP:0; LEFT:0;RIGHT:0; WIDTH:750; HEIGHT:100; OVERFLOW:AUTO; BORDER-LEFT: 5PX SOLID #454545; BORDER-TOP: 5PX SOLID #454545; BORDER-BOTTOM:5PX SOLID #454545; BORDER-RIGHT: 5PX SOLID #454545; FONT-FAMILY:ARIAL; FONT-SIZE:48PX; TEXT-ALIGN:LEFT;COLOR:WHITE; BACKGROUND-COLOR:BLACK; } div.navigationtable { FONT-FAMILY:TAHOMA; FONT-SIZE:10PX;TEXT-ALIGN:LEFT; } div.navigationtable { POSITION:ABSOLUTE; TOP:150; LEFT:10; WIDTH:150; HEIGHT:200; } div.texttable { FONT-FAMILY:BOOK ANTIQUA; FONT-SIZE:10PX; TEXT-ALIGN:JUSTIFY; } div.texttable { POSITION:ABSOLUTE; TOP:150; LEFT:190; WIDTH:560; } </style> <body bgcolor="#ffffff"> <div class="banner"> Hello.com </div> <div class="navigationtable"> <table border=1 cellpadding=0 cellspacing=0 width=150> <tr> <td><a href="http://www.yahoo.com">Yahoo</a></td> </tr> <tr> <td><a href="http://www.rediff.com">Rediff</a></td> </tr> <tr> <td><a href="http://www.bbc.co.uk">BBC</a></td> </tr> <tr> <td><a href="http://www.ebay.com">EBay</a></td> </tr> <tr> <td><a href="http://www.w3schools.com">W3Schools</a> </td> </tr> <tr> <td><a href="http://www.cricket.org">Cricket</a></td> </tr> </table> </div> <div class="texttable"> <table border=1 cellpadding=0 cellspacing=0 width=560> <tr> <td> Viswanathan Anand kept himself in the race for the title by keeping the gap between him and leader Veselin Topalov to just half a point with one more round to go in the Category 20 M-Tel Masters chess tournament at Hotel Grand Sofia. He ensured that the in-form local hero Topalov did not run away with honours with a round to spare. In the last game to finish in the ninth round, Anand squeezed out a fine win in the endgame against a tired looking Michael Adams, who at various stages had even seemed slightly better with white, but it was Anand who seized the chances he got. Anand's win carried him to five points from nine rounds, and a clear second position and Topalov is half a point ahead at 5.5 points. In the final round, Anand will have white pieces against Judit Polgar, who drew her ninth round game against an off- colour Vladimir Kramnik. If Topalov and Anand end up with same points, they will have to have a play-off in rapid, where Anand will have a definite advantage. But for that situation to happen Anand must win against Polgar and hope Topalov does no better than a draw. Viswanathan Anand kept himself in the race for the title by keeping the gap between him and leader Veselin Topalov to just half a point with one more round to go in the Category 20 M-Tel Masters chess tournament at Hotel Grand Sofia. He ensured that the in-form local hero Topalov did not run away with honours with a round to spare. In the last game to finish in the ninth round, Anand squeezed out a fine win in the endgame against a tired looking Michael Adams, who at various stages had even seemed slightly better with white, but it was Anand who seized the chances he got. Anand's win carried him to five points from nine rounds, and a clear second position and Topalov is half a point ahead at 5.5 points. In the final round, Anand will have white pieces against Judit Polgar, who drew her ninth round game against an off- colour Vladimir Kramnik. If Topalov and Anand end up with same points, they will have to have a play-off in rapid, where Anand will have a definite advantage. But for that situation to happen Anand must win against Polgar and hope Topalov does no better than a draw. </td> </tr> </table> </div> </body> </html> Hi all for some reason my css just won't work: http://www.milztech.net/area51/ Css: Code:
body
{
font-family: verdana, geneva;
font-size: 52px;
background-color: #CCCCCC;
}
Any ideas?? Why does this css style work only in firefox and not IE : Code:
.showhide {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;font-size: 12px;color: #EA6D67;cursor: pointer; onMouseOver:text-decoration: underline;}
Everything in the style works apart from the last section: {onMouseOver:text-decoration: underline;} Any ideas? Cheers i have been trying my hand at css recently and done this page with some css in it but some how it does not seem to be working.my main problem is the fact the two divs one holding the navigation table and the other holding the texttable are not able to use the css properties in terms of font size and font alignment.i looks like that i have made some serious or stupid error here.i would appreciate any help with this.thanks.the code of the page is given below. <html> <head> <title> WORKING CSS WITH DIVS.................. </title> </head> <style type="text/css"> div.banner { POSITION:ABSOLUTE; TOP:0; LEFT:0;RIGHT:0; WIDTH:750; HEIGHT:100; OVERFLOW:AUTO; BORDER-LEFT: 5PX SOLID #454545; BORDER-TOP: 5PX SOLID #454545; BORDER-BOTTOM:5PX SOLID #454545; BORDER-RIGHT: 5PX SOLID #454545; FONT-FAMILY:ARIAL; FONT-SIZE:48PX; TEXT-ALIGN:LEFT;COLOR:WHITE; BACKGROUND-COLOR:BLACK; } div.navigationtable { FONT-FAMILY:TAHOMA; FONT-SIZE:10PX;TEXT-ALIGN:LEFT; } div.navigationtable { POSITION:ABSOLUTE; TOP:150; LEFT:10; WIDTH:150; HEIGHT:200; } div.texttable { FONT-FAMILY:BOOK ANTIQUA; FONT-SIZE:10PX; TEXT-ALIGN:JUSTIFY; } div.texttable { POSITION:ABSOLUTE; TOP:150; LEFT:190; WIDTH:560; } </style> <body bgcolor="#ffffff"> <div class="banner"> Hello.com </div> <div class="navigationtable"> <table border=1 cellpadding=0 cellspacing=0 width=150> <tr> <td><a href="http://www.yahoo.com">Yahoo</a></td> </tr> <tr> <td><a href="http://www.rediff.com">Rediff</a></td> </tr> <tr> <td><a href="http://www.bbc.co.uk">BBC</a></td> </tr> <tr> <td><a href="http://www.ebay.com">EBay</a></td> </tr> <tr> <td><a href="http://www.w3schools.com">W3Schools</a></td> </tr> <tr> <td><a href="http://www.cricket.org">Cricket</a></td> </tr> </table> </div> <div class="texttable"> <table border=1 cellpadding=0 cellspacing=0 width=560> <tr> <td> Viswanathan Anand kept himself in the race for the title by keeping the gap between him and leader Veselin Topalov to just half a point with one more round to go in the Category 20 M-Tel Masters chess tournament at Hotel Grand Sofia. He ensured that the in-form local hero Topalov did not run away with honours with a round to spare. In the last game to finish in the ninth round, Anand squeezed out a fine win in the endgame against a tired looking Michael Adams, who at various stages had even seemed slightly better with white, but it was Anand who seized the chances he got. Anand's win carried him to five points from nine rounds, and a clear second position and Topalov is half a point ahead at 5.5 points. In the final round, Anand will have white pieces against Judit Polgar, who drew her ninth round game against an off- colour Vladimir Kramnik. If Topalov and Anand end up with same points, they will have to have a play-off in rapid, where Anand will have a definite advantage. But for that situation to happen Anand must win against Polgar and hope Topalov does no better than a draw. Viswanathan Anand kept himself in the race for the title by keeping the gap between him and leader Veselin Topalov to just half a point with one more round to go in the Category 20 M-Tel Masters chess tournament at Hotel Grand Sofia. He ensured that the in-form local hero Topalov did not run away with honours with a round to spare. In the last game to finish in the ninth round, Anand squeezed out a fine win in the endgame against a tired looking Michael Adams, who at various stages had even seemed slightly better with white, but it was Anand who seized the chances he got. Anand's win carried him to five points from nine rounds, and a clear second position and Topalov is half a point ahead at 5.5 points. In the final round, Anand will have white pieces against Judit Polgar, who drew her ninth round game against an off- colour Vladimir Kramnik. If Topalov and Anand end up with same points, they will have to have a play-off in rapid, where Anand will have a definite advantage. But for that situation to happen Anand must win against Polgar and hope Topalov does no better than a draw. </td> </tr> </table> </div> </body> </html> Hi guys, Why is this happening in IE8? It works in chrome/ff etc though. Links to site and css. Site Project: Final Fantasy CSS CSS Sorry if its too vague, let me know if you need more details. |
|||||||