CSS styles for a row

I want to include some css style for a row inside a table(which fetches results from database.)CSS style works for the table but not for the row inside.Pls help.
Here is my code:(inside php script)
echo "<table align=\"center\" class=\"studinfo\">
        <tr class=\"studinforow\"><td>Name:</td><td>".$row['Name']."</td></tr>
        <tr class=\"studinforow\"><td>Exam No:</td><td>".$row['Examno']."</td></tr>
        <tr class=\"studinforow\"><td>Roll No:</td><td>".$row['Rno']."</td></tr>
        <tr class=\"studinforow\"><td>Semester:</td><td>".$row['Sem']."</td></tr></table>";
CSS code:
.studinfo {
    margin-top: 20px;
    background-color: #E9F9FC;
    margin-bottom: 10px;
    width: 350px;
    font-family: Sintony;
    font-size: 13px;
    line-height: 22px;
    padding: 5px;
    border: 1px solid #AEE8F4;
    height: 150px;
.studinforow {
    padding: 25px;

I don't think padding works on the <tr> tag so you may find you need to add it to the <td> tag:
<td class=\"studinforow\">Semester:</td><td class=\"studinforow\">".$row['Sem']."</td>
You could just add the padding like below instead on every <td> tag:
.studinfo td {
padding: 25px;

Similar Messages

[svn] 4285: Exposed TLF' s new textJustify property on ParagraphElement as a CSS style for Gumbo components .

Revision: 4285
Author: [email protected]
Date: 2008-12-10 16:08:28 -0800 (Wed, 10 Dec 2008)
Log Message:
Exposed TLF's new textJustify property on ParagraphElement as a CSS style for Gumbo components. It works with TextBox, TextGraphic, TextView, and components that use these primitives. When text is fully justified, this property determines whether the extra pixels are added between words or between any characters.
QE Notes: Please add tests for this new functionality.
Doc Notes: None
Bugs: None
Reviewer: Jason
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/mx/graphics/TextBox.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/graphics/graphicsClasses/TextBlockCompose r.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/styles/metadata/BasicParagraphFormatTextS tyles.as

Hello xhpx,
In your media queries your changing the .gridContainer but the #LayoutDiv1 is the same. The reason the color goes away is the media query for mobile sizes doesn't have the background color. Though I would remove #LayoutDiv1 from any media query since it doesn't need to change.
http://jsfiddle.net/gCka7/
hope this helps.
Chad Smith - BCGurus.com
also, creating a jsfiddle or just a link to the site could make it easier for debuging.

Using Column Value in CSS Style for Column in Report

I am trying to apply a CSS style (background color) to a column in a report based on another column.
So for the Column attributes for a specific column, I would like to be able to add this to the 'CSS Style' Field under the group, "Column Formatting":
background-color:#BKG_COLOR#;
It doesn't seem to be taking my column value, which is #daf2ea
In the CSS Style Field, if I change it to: background-color:#daf2ea - then it works.
So it doesn't seem to take my column value of #BKG_COLOR" in the CSS Style field.
Any ideas? Do I need to use the 'HTML Expression' field instead, and how would I do that?
Thanks,
John

Hi,
that's correct, custom report templates will do.
I find them sometimes quite limited, though. And I always ask myself "how would I do it without APEX", because there's often a lean jQuery solution that affords less coding.
If you employ a so called "marker class" that depends on your colour value, you could begin like in the previous answer and enter the follwing into HTML Expression:
<span class="#BKG_CLASS#">#THE_COLUMN_I_WANT_TO_SHOW#</span>
That means you would not query a plain color, but some name that can act as a CSS marker, like
select THE_COLUMN_I_WANT_TO_SHOW
, case when THE_COLUMN_I_WANT_TO_SHOW > 100 then 'hotColor' else 'coldColor' end as BKG_CLASS
from my_tableIn the page's Function and Global Variable Declaration, you'd enter
function colorMyReport () {
apex.jQuery('.hotColor').closest('td').css('background-color','#FAA');
}And under Execute when Page Loads, you enter:
colorMyReport();There's only one challenge, of course, when the report is paged via AJAX, because the script would only run once (on the first page shown).
But if this is a solution for you, I'd be pleased to show you how to overcome this. Just let me know.
Hope there is no typo in my typing, because I have to catch my train now :-)
Bye!

Over writing CSS style for links

I've set up a style sheet for the site I'm building which
works great. But we want to have the link style on just one of the
pages different from the rest of the site.
I thought I could just over write it in the styles for that
page to create the look we want. Unfortunately it won't let me do
that and goes back to the site link style.
Is there a simple way to overwrite this style for just the
one page?
Any help would be greatly appreciated.
Thanks!
dm

Try
http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm
Regards
John Waller

Multiple CSS Styles For Links

I know it's common to create multiple styles for all the
fonts on a website but how can I create multiple styles for links
where one if you hover it'll turn red and another link it'll turn
blue?

quote:
Originally posted by:
Newsgroup User
You're welcome. If that was your first visit to P7 you may
want to bookmark
the site. It is an invaluable resource. I own several P7
products and they
are all great.
Walt
"rmiman" <[email protected]> wrote in
message
news:etp7ir$dh5$[email protected]..
> Thanks, that tutorial was great, it showed me just what
I was looking for!
It actually was my first time on that site and I loved what I
was able to learn. Do you have anymore great CSS tutorial
sites?

Why are my inline css styles for BC tags being ignored and just default to blue underlines?

I am familiar with inline css styling for email campaigns and have always customised links in emails with the code I sent:
however Im puzzled why this code doesn't work with BC tags {tag_viewinbrowser} and {tag_unsubscribe}, any help would
be great as I think the default blue links look ugly.
This is my code: <a href="" style="color:#78787c; text-decoration:underline;">{tag_viewinbrowser}</a>
All other links I have styled appear as they should, its just BC tags where the style seems to be ignored?

You can put <style>span#unsubscribe a{color:red;}</style> code in your newsletter html that can address the DOM that is specific to those links. BC is adding it's own anchor tags for those links so your style isn't touching it. Rewrite your tag to look like this. <span id="unsubscribe">{tag_unsubscribe}</span> . That with the style code will solve your problem.

Any way to single out unused CSS styles, for deletion?

Any way to gather a list of all CSS styles in a given
stylesheet that are no
longer being used by any files in a given website, so they
can be purged?

Please submit this to the development team -
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
However, if you have so many custom classes that you have to
worry about
this, then you are not using CSS effectively -
In general, you don't need many custom classes. And, in fact,
they
make your life more difficult when you come back to maintain
the page a year
later. As Micha said, use ID selectors and create descendent
selector
rules, for example -
#maintable { .... }
#maintable td { .... }
#maintable td table { ... }
each of those rules would apply explicitly to a) this table -
<table id="maintable">,
and b) this cell -
<table id="maintable">
<tr>
<td>...</td>
</tr>
</table> (and all others in that table),
and to this table -
<table id="maintable">
<tr>
<td>
<table>
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
Then you could use this rule -
#maintable table td.special { .... }
to apply to this cell explicitly -
<table id="maintable">
<tr>
<td>
<table>
<tr>
<td class="special">this one</td>
<td>but not this one</td>
<td class="special">this one</td>
<td>but not this one</td>
</tr>
</table>
</td>
</tr>
</table>
Make sense?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Mike J.S." <[email protected]> wrote in message
news:fevvgn$7m2$[email protected]..
> Any way to gather a list of all CSS styles in a given
stylesheet that are
> no longer being used by any files in a given website, so
they can be
> purged?
>

How do I create more than one CSS style for text links?

Hello,
Just like the title says, I need help with creating more than one CSS text link style in Dreamweaver CS4. For instance, I want the navigation on the website I'm building to have a different text link style than a link in some part of the body copy. I've been playing with Dreamweaver for a while and can't find any way to do this. If it's even possible to do this, I would really appreciate any help.

Yes it is possible but as you have failed to provide a valid link to your site, I will tell you in general Terms:
1) First create a class or an ID to to your Nav bar;
2) Now style your navbar in such a way that these styles will only apply to your nav bar. To do this, you start your style by doing something like this:
ul#vavigation {.........}
ul#navigation a {.........}
ul#navigation a:hover {.........}
ul#navigation li {.........}
your html code might look like this:
<ul id="navigation">
<li><a href="#">Home</a></li>
etc etc .........................
</ul>
hth

Need to override CSS style for link

I've set up a page with an external style sheet. I have a
link within a heading that I want to look different from my CSS
link style (I want it to match the heading). Is there a way to
override the basic style? I tried setting up a class and that
didn't work. Any suggestions would be greatly appreciated

Clearly there is a typo there. It should be either this -
.heading a:link {
(leading dot for heading - no SPACE after the colon)
or this -
#heading a:link {
depending on whether there is a custom class or an ID
selector being used to
identify the container for the link.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Katsuey" <[email protected]> wrote in message
news:f1rf6c$h92$[email protected]..
>> I've set up a page with an external style sheet. I
have a link within a
>> heading that I want to look different from my CSS
link style (I want it
>> to
>> match the heading). Is there a way to override the
basic style? I tried
>> setting up a class and that didn't work. Any
suggestions would be
>> greatly
>> appreciated
>
> Yes, give that heading a different style such as:
>
> heading a: link{
> color: red;
> }
>
> Where as all other links might be:
> a:link {
> color: blue;
> }
>

Change CSS styles for Acces Web App

Here's the problem, the #s4-mini-header needs to be set to display:none so the SharePoint header is not shown. Ideally this would be conditional based on group membership (i.e. Site Owners would see the section, for read only it would be hidden)
I need to block the "Open in Access" option allows people with read only access to open my database on their local systems. We're publishing a "member" price list and do not want someone to be able to download the whole list
and share it with our competitors.
I've seen quite a few posts on this without solution. The most common is that "MS is aware of the issue".
I should be able to hid it in CSS if I can find the file and edit it. It appears to be using the minimal.master mater page. SharePoint designer is not allowed to open the site, is this something I need Visual Studio to do?
I've been given a deadline of today to make the site available for our partners so it looks like they'll get the Options header..
Thanks for any help!
VV

I have found a KLUDGE that solves this particular problem. Unfortunately it impacts all of the access websites served by that IIS server.
The problem is that the default.aspx page created when the Access Web App is published has the MasterPageFile value set to point to a file named minimal.master located in \15\TEMPLATE\GGLOBAL. That file is loaded by the default
page. I couldn't find the default.aspx file to edit so I did the next best thing: I modified the minimal.master file.
To repeat, the one big gotcha is that changing the file at that location applies the change to ALL access web apps on the IIS server.
I added style="display:none !important" to the first s4-pr div and the banner was removed.
A more elegant solution would have been to edit the default.aspx file but I couldn't find it. If someone comes up with a better way to do this please post it!
Thanks for all who helped!

How to apply CSS style values to h:messages ?

Hi Folks,
I'm quite new to JSF development. What I'm currently trying to do, is to apply a CSS style for a <h:messages> tag:
<h:messages globalOnly="true" style="color: red;" layout="table" />Unfortunately the style "color: red;" is not being applied to the generated HTML table (or list):
<table>
   <tr>
      <td>My Error Message!</td>
   </tr>
</table>But I assume the generated HTML should rather look something like this:
<table style="color: red;">
   <tr>
      <td>My Error Message!</td>
   </tr>
</table>I'm using MyFaces 1.1.3 with Tomcat 5.5. Is this maybe a bug in MyFaces?
Salute

We speak HTML here.
Let's see what you have tried so far, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Buescorpmtf" <[email protected]> wrote in
message
news:g3p16e$j03$[email protected]..
>I have been trying to apply a simple CSS style of a
rounded border to my
>web
> pages. I received the coding and images from
http://www.roundedcornr.com.
> I
> downloaded the images and linked them in the CSS style
editor. I tried to
> apply the style to the webpage/container, but it won't
apply. This seems
> like
> a pretty simple task, but I can not get it done.
>
> Does anyone know how to do this? Step by Step and in
plain English? :)
>
> Thanks
>

Reg : Password Type CSS Style

Hi Team,
My requiremetn is as below :
OAF page contains the following fields :
Name :
Password:
Re-Enter Password :
All fields should be text-input.
So my requirement is that : the entered password should not be shown as normal text, it should be masked with '*' while user entering the passwords. Which is a default behaviour in many of the websites.
So how to create a CSS style for it ?? Do we have any inbuilt css styles available in OAF ??
FYI: Login site for Oracle Apps which is built on OAF is having this behaviour (password is masked with '*') , but i could not find the exact CSS which it is using.
Please provide your thoughts.
Regards
Sridhar

You don't need to use a CSS class. If you are usnig the OAMessageTextInputBean you can just call the setSecret(boolean) method.

IE6 not displaying css style

Hi all,
I have a weird problem. I have created a simple css style for
a page header. On the top of the white area to the right of the
page it the words "Health and Beauty" should have white text with a
purple background. For some reason the background color is not
showing up in IE 6. It shows up in every other browser on both the
windows and mac platforms. Any ideas? The page is question is
www.greenforlife.net/healthandbeauty.html. The css is as follows:
body {
background: #465e34;
color: #FFFFFF;
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
#topnav ol {
display: inline;
#signup a:hover {
display: inline;
margin: 0px;
padding: 0px;
#footer {
position: relative;
width: 850px;
bottom: 0px;
float: left;
margin: 30px;
text-align: center;
#footer a {
text-decoration: none;
color: #FFFFFF;
#wrapper {
width: 850px;
margin-right: auto;
margin-left: auto;
height: 930px;
background: #608246 url(images/reuse.jpg) no-repeat left
top;
#masthead {
width: 320px;
position: relative;
left: 0px;
top: 0px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
float: left;
height: 91px;
background: #465E34;
padding-top: 5px;
#mastheadtagline {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: right;
float: left;
width: 530px;
position: relative;
top: 0px;
padding-top: 74px;
background: #465e34;
vertical-align: bottom;
padding-bottom: 5px;
#topnav li {
list-style: none;
display: inline;
margin-right: 3px;
border-right: thin solid #FFFFFF;
padding-right: 6px;
font-size: 13px;
.topnavrightli {
border-right: thin solid #8E66A9;
#leftnav {
float: left;
width: 175px;
position: relative;
top: 100.px;
color: #c2e2a9;
left: 0px;
line-height: 1.75em;
background: #465E34;
height: 550px;
top: 100px;
#newslettertext {
font-style: italic;
line-height: normal;
color: #FFFFFF;
#content {
float: left;
width: 650px;
position: relative;
top: 30px;
left: 25px;
background: #FFFFFF;
border: thin solid #465E34;
height: 650px;
color: #465E34;
font-size: 12px;
#flashholder {
position: relative;
width: 650px;
top: 0px;
height: 153px;
#abouttext {
position: relative;
width: 630px;
top: 0px;
padding-top: 5px;
color: #465E34;
margin-left: 5px;
margin-right: 0px;
font-size: 12px;
padding-left: 5px;
.sectionheader {
font-size: 16px;
font-style: italic;
background: #B7EBA1;
display: block;
border: thin solid #406432;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 30px;
.highlight {
font-size: 16px;
font-style: italic;
color: #3E0947;
display: block;
padding-top: 7px;
#abouttext img {
float: left;
padding-right: 10px;
padding-left: 20px;
#abouttext li {
list-style: url(images/bulletimage.gif);
#abouttextheader {
width: 550px;
position: relative;
top: 0px;
padding-left: 10px;
#signup {
width: 175px;
top: 0px;
position: relative;
display: inline;
text-align: left;
#gemoftheweek {
float: right;
width: 310px;
position: relative;
border: thin solid #465E34;
margin: -55px 0px 0px -1px;
padding: 0px;
top: 0px;
right: 0px;
height: 175px;
#promotestext {
float: left;
width: 300px;
clear: right;
margin: 0px;
padding: 0px;
position: relative;
text-align: left;
#reuse {
margin-left: 30px;
margin-top: 20px;
margin-right: 20px;
#gemheader {
font-size: 14px;
font-style: italic;
color: #FFFFFF;
background: #465E34;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
display: block;
margin: 0px;
#contenttable {
position: relative;
width: 650px;
top: 0px;
.tableheader {
background: #C3E2A9;
border: medium solid #465E34;
.tableimg {
padding-left: 25px;
#challengebox {
border: thin solid #465E34;
#gemoftheweekcontent {
position: relative;
width: 310px;
top: 0px;
height: 145px;
#gemtext {
font-size: 15px;
font-style: italic;
padding-top: 0px;
text-align: center;
display: block;
float: right;
margin-top: 40px;
width: 130px;
margin-left: 5px;
#logo {
background: #618247;
text-align: center;
float: left;
width: 151px;
height: 70px;
margin-bottom: 10px;
}#gemimage {
float: none;
width: 151px;
position: relative;
top: 5px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
#logodivider {
background: #465E34;
width: 175px;
height: 20px;
#topnav a:link {
color: #FFFFFF;
text-decoration: none;
#leftnav li {
list-style: none;
margin-left: -25px;
#leftnav a:link {
text-decoration: none;
color: #C2E2A9;
display: block;
#leftnav a:hover {
color: #FFFFFF;
text-decoration: none;
background: #618247;
display: block;
#leftnav a:visited {
color: #C2E2A9;
text-decoration: none;
#topnav a:visited {
color: #FFFFFF;
text-decoration: none;
#topnav a:hover {
color: c4eca5;
text-decoration: none;
#topnav {
float: left;
width: 800px;
position: relative;
top: 10px;
background: url(images/purplenavbg.gif) no-repeat;
left: 25px;
text-align: center;
font-size: 13px;
height: 25px;
padding-top: 4px;
#test {
position: relative;
width: 200px;
top: 0px;
left: 50px;
.pageheader {
color: #FFFFFF;
background: #8E66A9;
font-size: 24px;
font-style: italic;
font-weight: bold;
border-top: 1px solid #41054A;
border-bottom: 1px solid #41054A;
display: block;
h1 {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
.articleblock {
border-right: 1px solid #465E34;
border-left: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
vertical-align: top;
.articleblockright {
border-right: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
h2 {
font-weight: bold;
font-size: 12px;
Thanks,
John

What happens if you remove the italic style from the font....
it could be
this:
http://www.positioniseverything.net/explorer/italicbug-ie.html
Nadia
Adobe® Community Expert : Dreamweaver
Skype: nadiaperre
Tutorials |SEO |Templates
http://www.DreamweaverResources.com
http://www.csstemplates.com.au
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
"John Ciccolini" <[email protected]> wrote
in message
news:ehp18m$21b$[email protected]..
> Hi all,
> I have a weird problem. I have created a simple css
style for a page
> header.
> On the top of the white area to the right of the page it
the words "Health
> and
> Beauty" should have white text with a purple background.
For some reason
> the
> background color is not showing up in IE 6. It shows up
in every other
> browser
> on both the windows and mac platforms. Any ideas? The
page is question
> is
> www.greenforlife.net/healthandbeauty.html. The css is as
follows:

How can i load a specific CSS style sheet for Safari?

Okay, So I have some structure issues when viewing my website on Safari compared to Firefox. Is there a way to put a code in the <head> tag to load a specific CSS style sheet for Safari like you can do with IE?
Thanks.

I took a screenshot of your page from Firefox (shown below). I assume you're seeing the same problem in Safari. If you increase text size one click, the keyboard image drops below the #contact division.
1) Height is a restiction in all browsers except IE. Avoid using height values on containers with text in them. If needed to show a background image, use the min-height property.
2) Fix your code errors. Some browsers are very sensitive to errors.
3) Your #content lacks cohesion. You need 3 columns, each with a width in pixels. Or simply use a 3-column table.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Insert a div box background for one document only while using external CSS style sheet.

I am trying to set a background image in one of my div boxes, but because I am using an external style sheet it changes it in all my documents. How can I do it with just this one page? Preferably in design mode.

What i did to slove this problem was:
Open my external CSS style sheet
Copy the contents of it
Remove the CSS link in the one page i wanted to be different.
Pasted the contents in the <head> under the rest of the CSS rules for that page.
Then I could set the background for that box w/o altering the other pages..
I tried the other suggestions, but could not get them to work. Not saying they are wrong, but maybe i was implementing them wrong.

CSS styles for a row

Similar Messages

Maybe you are looking for