Avatar of Aleks
Aleks
Flag for United States of America asked on

Css for table

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
CSSHTMLWeb Development

Avatar of undefined
Last Comment
COBOLdinosaur

8/22/2022 - Mon
SOLUTION
Eirman

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Aleks

ASKER
Here
css.png
SOLUTION
Eirman

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
SOLUTION
COBOLdinosaur

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
COBOLdinosaur

@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&
Aleks

ASKER
What other information do you need ?
Your help has saved me hundreds of hours of internet surfing.
fblack61
Aleks

ASKER
I am using a table with a repeated region on an ASP page
COBOLdinosaur

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&
Aleks

ASKER
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>

----
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
COBOLdinosaur

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&
Aleks

ASKER
That is the code that should be replaced  :)
ASKER CERTIFIED SOLUTION
COBOLdinosaur

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.