Go Back   CodingForums.com > :: Server side development > PHP

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 12-03-2010, 11:44 AM   PM User | #1
triumph
New to the CF scene

 
Join Date: Dec 2010
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
triumph is an unknown quantity at this point
Apply css to php echo table

I want to apply css to tables created in html and populated by php echo. I apply the css to the table but only the html elements have the style applied.

PHP Code:
<link href="css/style.css" rel="stylesheet" type="text/css">


Some code ......

<table width="400" border="1" cellpadding="3" cellspacing="0" class="my_css_style">
<tr>
<td colspan="4"><strong>Current Lists</strong> </td>
</tr>

<tr>
<td align="center"><strong>Name</strong></td>
<td align="center"><strong>Description</strong></td>
<td align="center"><strong>Active</strong></td>
<td align="center"><strong>Update</strong></td>
</tr>
<?php
while($rows=mysql_fetch_array($result)){
?>
<tr>
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['description']; ?></td>
<td><? echo $rows['active']; ?></td>
<?php
// link to update.php and send value of id
?>
<td align="center"><a href="editlist_update.php?id=<?php echo $rows['listid']; ?>">update</a></td>
</tr>
<?php
}
?>
</table>
Any help would be greatly appreciated.
triumph is offline   Reply With Quote
Old 12-03-2010, 02:02 PM   PM User | #2
seco
Regular Coder

 
seco's Avatar
 
Join Date: Nov 2008
Location: Oregon
Posts: 682
Thanks: 5
Thanked 79 Times in 77 Posts
seco has a little shameless behaviour in the past
perhaps the css would be helpful, do you have class names defined or are you just applying the style to td, tr, etc?
seco is offline   Reply With Quote
Old 12-04-2010, 03:22 PM   PM User | #3
triumph
New to the CF scene

 
Join Date: Dec 2010
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
triumph is an unknown quantity at this point
Thanks for the reply.
The code I gave you is embedded in another table which I am applying the css to. The css is applied to all text apart from that generated by php echo.


Code:
body#velabs a.prod-action:active,
body#velabs a.prod-action:focus,
body#velabs a.prod-action:hover,
body#cdnlabs a.prod-action:active,
body#cdnlabs a.prod-action:focus,
body#cdnlabs a.prod-action:hover {
  background-position: -291px 0px;
}


#prod-content {
	position:relative;
	width:100%;
	margin-top:15px;
	
	letter-spacing:-0.04em;
  overflow:hidden;
  -moz-border-radius:			7px;
	-webkit-border-radius:		7px;
}

*html #prod-content {
	margin-top:3px;
	}
*html body#cxpage #prod-content {
	margin-top:15px;
	}

*:first-child+html #prod-content {
	margin-top:3px;
	}
*:first-child+html body#cxpage #prod-content {
	margin-top:15px;
	}

.prod-content-bottom,
.prod-content-bottom-w {
display: none;
}




#ve-index .prod-subsubhead, #vepage .prod-subsubhead {
	background: #fff;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
}
.prod-subsubhead h4 {
	display:block;
	float:left;
	margin:30px 0 0 0px;
	font-weight:bold;
	font-size:22px;
	line-height:22px;
	letter-spacing:-1px;
	color:#4f4f4f;
	padding: 0 20px 0 40px;
}
.prod-subsubhead h4 a, .prod-subsubhead h4 strong {
	color:#000;
}
.prod-subsubnav ul li a {
	color:#9e9e9e;
	padding:3px 10px;
}
.prod-subcontent {
	margin:0 30px;
}
body.faq .prod-content, body.faq .prod-content p, .addon-faq p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#777;
	padding-bottom:2em;
}
body.faq .prod-content p b, .addon-faq p b {
	display:block;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	padding-bottom:0.5em;
}
body.faq .prod-content .faq_search_query {
	color:#8d1c1c;
	font-weight:bold;
}
body.faq .prod-content ul {
	font-size:12px;
	color:#333;
	list-style:circle outside;
	padding:0 0 2em 2em;
	margin-top:-1em;
}
body.faq .prod-content ul li {
	padding-bottom:0.1em;
}
body.faq .faqsearch {
	background:url(../img/greyscale-sprite__f050d77.png) no-repeat 0px -463px;
	margin:0 0 30px;
	padding:17px 0;
	width:587px;
}
body.faq .faqsearch .faqsearchinputbox {
	border:1px solid #ddd;
	margin:0 20px;
	background:#fff url(../img/textinputbg__5d76440.gif) repeat-x;
}


*html body.faq .faqsearch .faqsearchinputbox input {
	width:500px;
	padding:10px 0;
}


body#youhack, body#nitropage {
	background:#1a1a1a url(../img/nitro-subcontentbg01__b06c041.gif) repeat-x top !important;
}
body#youhack a, body#nitropage a {
	color:#fff;
}
body#youhack p, body#nitropage p {
	color:#888;
}
body#youhack a:hover, body#nitropage a:hover, body#youhack a:focus, body#nitropage a:focus {
	color:#f8d043;
}

body#youhack ul#prod-nav li a:hover, body#youhack ul#prod-nav li a:focus, body#nitropage ul#prod-nav li a:hover, body#nitropage ul#prod-nav li a:focus, body#youhack.overview ul#prod-nav li a.subnav-index, body#nitropage.whynitro ul#prod-nav li a.subnav-whynitro, body#nitropage.faq ul#prod-nav li a.subnav-faq, body#nitropage.addons ul#prod-nav li a.subnav-addons, body#nitropage.support ul#prod-nav li a.subnav-support {
	background:none;
	color:#F6E19A;
}

body#nitropage #prod-content {
	margin:0;
	padding:30px 0;
	background:#000 url(../img/nitro-subcontentbg_top__947eec6.gif) no-repeat;
}
body#youhack .prod-lcol {
	width:650px;
	border-right:1px solid #333;
	padding-bottom:70px;
}

body#nitropage .prod-subsubhead {
	background:none;
	height:auto;
}
body#nitropage .prod-subsubhead h4 {
	color:#888;
	margin:0;
	font-weight:normal !important;
}
body#nitropage .prod-subsubhead h4 a, body#nitropage .prod-subsubhead h4 strong {
	color:#fff;
	font-weight:normal !important;
}
body#nitropage .prod-subsubnav {
	margin:0;
}
body#nitropage .prod-subsubnav ul li a {
	color:#888;
}
body#nitropage .prod-subsubnav ul li a:hover, body#nitropage .prod-subsubnav ul li a:focus, body#nitropage .prod-subsubnav ul li a.active {
	color:#f8d043;
	background:none;
}
body#nitropage .prodtopline {
	border-color:#333;
}
body#nitropage .prod-subcontent {
	padding:30px 0 0;
}
body#nitropage .prod-content {
	border:0;
	margin:0;
	padding:15px 40px 0 10px;
}
body#nitropage .mainfeatures p {
	padding:0;
}
body#nitropage .mainfeatures p b {
	font-size:18px;
	font-weight:normal;
	color:#f6e19a;
}
body#cxpage .quotebubble-thin-bttm {
	width:220px;
}
body#cxpage .quotebubble-thin-bttm .qb-mid {
	background:#dedede;
	padding:12px 20px 15px;
}
body#cxpage .quotebubble-thin-bttm .qb-top {
	height:8px;
	width:100%;
	font-size:1px;
	line-height:1px;
	background:url(../img/greyscale-sprite__f050d77.png) no-repeat left -19px;
}
body#cxpage .quotebubble-thin-bttm .qb-bttm {
	height:30px;
	width:100%;
	font-size:1px;
	line-height:1px;
	background:url(../img/greyscale-sprite__f050d77.png) no-repeat left -35px;
}
body#cxpage .quotebubble-thin-bttm .qb-top .qb-tr {
	width:8px;
	height:8px;
	float:right;
	background:#f3f3f3 url(../img/greyscale-sprite__f050d77.png) no-repeat -632px -19px;
}
body#cxpage .quotebubble-thin-bttm .qb-bttm .qb-br {
	width:8px;
	height:8px;
	float:right;
	background:#f3f3f3 url(../img/greyscale-sprite__f050d77.png) no-repeat -632px -35px;
}

body#nitropage .prod-sidebar cite strong {
	color:#fff;
}
body#nitropage.faq .prod-content p b {
	color:#F6E19A;
	font-size:115%;
}
body#nitropage .addon-faq p b {
	color:#fff;
	font-size:115%;
}
body#nitropage.faq .faqsearch {
	background:url(../img/nitro_faqsearch__80573fb.gif)no-repeat;
}
triumph is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 02:33 AM.


Advertisement
Log in to turn off these ads.