Stripping a link from a table?

MichaelCS

Hey guys,

If you check out http://www.hadean.org/Index3.php you will see that the top two boxes have links in their titles. Unfortunately they show up black and I have tried messing with the style sheet but if I make that link white then the words (the article description) turns white as well which looks horrible.

So, I have resigned myself to stripping the links out of the title of each of the 4 articles. The problem is, when I do that it messes up the table or I get a syntax error.

Can someone give me a hand and strip the link code from here so it will just display the article title and author name or tell me how I can change it so the links in this title bar are white without using stylesheet?

<div class="PageTitle2">

<?php

//MySQL Database Connect
include 'connect.php';

// Create a loop to get one row of the returned data at once:

$result = mysql_query("SELECT * FROM ArticleData ORDER BY date DESC LIMIT 1, 1");

while($row = mysql_fetch_assoc($result)) {

echo '<a href="Articles.php?id='. $row['id'] .'">'. $row['title'] .'</a> by <a href="Articles.php?id='. $row['id'] .'">'. $row['author'] .'</a></body>'; 

}

?> 

</div>

johanafm

You simply style the different links differently, which can be done in a few different ways. By link id, by link class, by link and any other attribute, or by dom tree structure. If I understand you correctly, you want the the titles in the ArticleContainer in one color and the stuff in the table in another color.

<style type="text/css">
/*
 * #id - selector by id, matches: <a id="id" />
 * .className - selector by class attribute, matches: <a class="className" />
 * element - selector by html element type, matches: <element />
 * element.className - matches: <element class="className" />
 * element#id.className - matches: <element id="id" class="className" />
 * element1 > element2 > element3 - element3 is a direct child of element2 which is a direct child of element1
 * <div><div>	<div>element3</div>	</div></div>
 * element1 element2 - element2 is a descendant (child, grandchild etc) of element1
 * element1 + element2 - element2 is adjecent sibling following element1,
 * matches: <element1 /><element2 />
 */


div#ArticleContainer.Left > div.Round > div.PageTitle2 > a
{
	color: #FFF;
}
div#ArticleContainer.Left > div.Round > div.News.Round a
{
	color: #F00;
}

You shouldn't use tables for layout purposes.

Make use of something like Firefox's error console since it will give a couple of warnings that you'd want to fix. Otherwise there are style properties that can't be parsed correctly which means they are dropped.
You should also validate your html code.

MichaelCS

Allow me to explain a little better....

Here is the code for this DIV/TABLE/Whatever

<div id="ArticleContainer" class="Left" style="width: 65%; margin: 0 10px;">
<div class="Round Article3">
 <div class="PageTitle2">

<?php

//MySQL Database Connect
include 'connect.php';

// Create a loop to get one row of the returned data at once:

$result = mysql_query("SELECT * FROM ArticleData ORDER BY date DESC LIMIT 0, 1");

while($row = mysql_fetch_assoc($result)) {

echo '<a href="Articles.php?id='. $row['id'] .'">'. $row['title'] .'</a> by <a href="Articles.php?id='. $row['id'] .'">'. $row['author'] .'</a></body>'; 

}

?> 

</div>
 <div class="News Round" style="min-height:125px;">

<?php

//MySQL Database Connect
include 'connect.php';

// First create an html table
echo '<table border="0" cellpadding="1">

   <tr>
      <th> </th>
      <th> </th>
      <th> </th>
      <th> </th>
      <th> </th>
    </tr>';
// Create a loop to get one row of the returned data at once:

$result = mysql_query("SELECT * FROM ArticleData ORDER BY date DESC LIMIT 0, 1");
$data = mysql_query("SELECT * FROM ArticleData ORDER BY date DESC LIMIT 0, 1") or die(mysql_error());

while($info = mysql_fetch_array($data)) 

while($row = mysql_fetch_assoc($result)) {

// while continues util the evaluation in () is false
// $row will contain a single row of data say: ID=1,name=Dero,type=BA,code=1234
// each peice of information will be available thru array keys IE $row['id'] will give me the value of 1
// now start printing this information to the browser with a link to the user's profile where their name is
echo '<tr>
   <td><a href="Articles.php?id='. $row['id'] .'"><img src="http://www.hadean.org/images/articles/'.$info['image'] . '"></a></td>
   <td width="15"> </td>
   <td><a href="Articles.php?id='. $row['id'] .'">'. $row['description'] .'</a></td>
   <td width="15"> </td>
   <td>'. $row['date'] .'</td>
</td>'; 

//close the loop
}

// end the html table
echo '</table>';
?> 

</div>
</div>

<br clear="all" />

At the top you will see

<div class="Article3">

In the stylesheet this looks like (forget the ROUND stuff... that isn't working anyways so I'm going to probably delete all that out of the sheet)....

.Article3 {background: #1c1c1c; color: #fff; margin: 2px; padding:4px;}
.Article3 a {text-decoration:none; color:#000000;}
.Article3 img {clear:both;}

Now, that makes everything black on this page...

http://www.hadean.org/Index3.php

On the right hand side, the 4 boxes labeled ARTICLE 4, 3, 2, 1 etc? The top title link "WhateverName by OverKill" and the bottom article description are both controlled by the same stylesheet entry and I cannot get that to change. If I edit the div class="Article3" entry in the StyleSheet to #FFFFFF it changes BOTH the Title AND the Description.

So I was wondering if there was a quick and easy way to get that Title LINK to be white without having to reformat this entire page. My code is a mess but I'm not here to win points just make it work 🙂

MichaelCS

I've been a little more clear in this post above me so that you guys can better understand the issue I am having (I think) LOL