We help IT Professionals succeed at work.

Css for table

Aleks
Aleks asked
on
140 Views
Last Modified: 2015-01-02
I need to create a css style for a table like the one attached.

1) rounded edges
2) type of lines like the one attached
3) title has a blue background (I can change the color if needed)
4) When the mouse is placed over a row it changes color to say yellow (I can change the color if needed)
5) Using a specific font and size which later I can change if needed (but want to specify it)

Hope someone can help.

Aleks
Comment
Watch Question

EirmanChief Operations Manager
CERTIFIED EXPERT
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
Here
css.png
EirmanChief Operations Manager
CERTIFIED EXPERT
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Top Expert 2013
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Top Expert 2013

Commented:
@Eirman,

If you ever decide to extend beyond observing fell free to join my group:
https://www.experts-exchange.com/groups/Web-Development-Classroom.html

Web Dev topics can always use additional Experts.

Cd&

Author

Commented:
What other information do you need ?

Author

Commented:
I am using a table with a repeated region on an ASP page
Top Expert 2013

Commented:
How exactly do expect any declaration to be suggest without any knowledge of the structural code that must be referenced in the declarations?

Post a link to the page, or at least the rendered code (not the asp) otherwise you are just asking a blind man to paint a picture.

Cd&

Author

Commented:
Here is an example

--

 <table width="100%" border="1" cellpadding="0" cellspacing="0" id="Results">
    <tbody>
      <tr>
        <td><div align="center"><strong><font color="#666666">DOB</font></strong></div></td>
        <td><div align="center"><strong><font color="#666666">Name</font></strong></div></td>
        <td><div align="center"><strong><font color="#666666">email</font></strong></div></td>
        <td><div align="center"><strong><font color="#666666">Main contact</font></strong></div></td>
        <td><div align="center"><strong><font color="#666666">relationship</font></strong></div></td>
      </tr>
      <%
While ((Repeat1__numRows <> 0) AND (NOT rs_contacts.EOF))
%><tr>
        <td><%= DoDateTime((rs_contacts.Fields.Item("DobD").Value), 2, 9225) %>&nbsp;</td>
        <td><span class="bodytext"><%=(rs_contacts.Fields.Item("FirstNm").Value)%>&nbsp;<%=(rs_contacts.Fields.Item("LastNm").Value)%></span></td>
        <td><%=(rs_contacts.Fields.Item("email").Value)%>&nbsp;</td>
        <td><%=(rs_contacts.Fields.Item("MainFirstNm").Value)%>&nbsp;<%=(rs_contacts.Fields.Item("MainLastNm").Value)%></td>
        <td><%=(rs_contacts.Fields.Item("Relation").Value)%>&nbsp;</td>
      </tr>  <%
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  rs_contacts.MoveNext()
Wend
%>
    </tbody>
  </table>

----
Top Expert 2013

Commented:
That is not CSS that is an 20th century approach using local attributes that will override, distort, and break most attepts to do anything with CSS.

... and this is not rendered code; it is the server side generation code.
     <%
While ((Repeat1__numRows <> 0) AND (NOT rs_contacts.EOF))
%><tr>
        <td><%= DoDateTime((rs_contacts.Fields.Item("DobD").Value), 2, 9225) %>&nbsp;</td>
        <td><span class="bodytext"><%=(rs_contacts.Fields.Item("FirstNm").Value)%>&nbsp;<%=(rs_contacts.Fields.Item("LastNm").Value)%></span></td>
        <td><%=(rs_contacts.Fields.Item("email").Value)%>&nbsp;</td>
        <td><%=(rs_contacts.Fields.Item("MainFirstNm").Value)%>&nbsp;<%=(rs_contacts.Fields.Item("MainLastNm").Value)%></td>
        <td><%=(rs_contacts.Fields.Item("Relation").Value)%>&nbsp;</td>
      </tr>  <%
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  rs_contacts.MoveNext()
Wend
%>

Open in new window


However given the obsolete markup being used and the lack of id or classes it probably does not make any difference.  I think you need to start by getting a handle on CSS at a basic level:

http://www.cssbasics.com/

Cd&

Author

Commented:
That is the code that should be replaced  :)
Top Expert 2013
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.