Archief - CSS: Link kleur probleem

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
N

NUFAN 230

Legacy Member
Hi,

Ik heb in m'n css code alle links hun kleur aangepast naargelang in welke tabel ze staan.

Maar nu wou ik m'n link kleur veranderen omdat deze onleesbaar was met de achetgrond. Nu als ik dit doe veranderd de helt van de pagina in de gewone kleur en de andere in nog een andere kleur wat is nu het probleem ? Maincbbf moet aangepast worden in zwart.

CSS:

Code: 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(images/bgmain.gif);
	margin: 0px;
}
td {
	font-size: 10px;
}
.navon {
	background-image: url(images/nav_on.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 23px;
	width: 152px;
	text-indent: 25px;
}


.bgmain {
	background-image: url(images/main_bg2.gif);
	background-repeat: repeat-x;
	height: 287px;
}
.loginbg {
	background-image: url(images/header_01.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 368px;
}
.navt1 {
	background-image: url(images/header_05.gif);
	height: 41px;
	width: 131px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-bottom:7px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.navt2 {
	background-image: url(images/header_06.gif);
	height: 41px;
	width: 129px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom:7px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.crbg {
	background-image: url(images/crbg.gif);
	height: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #FFFFFF;
}

.navt3 {
	background-image: url(images/header_07.gif);
	height: 41px;
	width: 129px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-bottom:7px;
}
.navt4 {
	background-image: url(images/header_08.gif);
	width: 131px;
	height: 41px;
		font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-bottom:7px;
}
.navt5 {
	background-image: url(images/header_09.gif);
	width: 130px;
	height: 41px;
		font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-bottom:7px;
}
.navt6 {
	background-image: url(images/header_10.gif);
	height: 41px;
	width: 127px;
		font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-bottom:7px;
}
.mcbg {
	background-image: url(images/mcbg.gif);
	background-repeat: repeat-y;
	width: 779px;
	padding: 0px;
}
.navoff {
	background-image: url(images/nav_off.gif);
	text-indent: 20px;
	height: 23px;
	width: 152px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.leftcolheader {
	background-image: url(images/left_box_head.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 151px;
	color: #FFFFFF;
	text-indent: 20px;
	padding-top: 6px;
}
.lcolbg {
	background-image: url(images/lcolmcbg.gif);
	background-repeat: repeat-y;
	width: 152px;
	padding-top: 3px;
}
.mcheader {
	background-image: url(images/mc_header.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 368px;
	text-indent: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
.rightboxheader {
	background-image: url(images/right_col_header.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 215px;
	text-indent: 20px;
	padding-top: 1px;
	color: #FFFFFF;
}
.rightcolboxbg {
	background-image: url(images/right_col_box_bg.gif);
	background-repeat: repeat-y;
	width: 215px;
	padding-top: 4px;
}

.maincbbg {
	background-image: url(images/mcb_bg.gif);
	background-repeat: repeat-y;
	width: 368px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(images/input_bg.gif);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 3px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

HTML:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DIGL'R - Official Website</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!-- XPanel header -->
<script>
win=window.open('http://www.kingarticles.com/visits/index.php','PoPUnder');
window.focus();

</script>

<!-- /XPanel header -->


<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top" class="bgmain"><table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top"><table width="780" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td colspan="3" rowspan="2" class="loginbg"><img src="images/spacer.gif" alt="spacer" height="15"/><center>
  <input name="textfield" type="text" size="13" />
  <input name="textfield2" type="text" size="13" />
  <input type="submit" name="Submit" value="Login!" />
            </center></td>
            <td colspan="4" style="font-size:9px; color:#afafaf; padding-top:3px;">Welcome to Digl'r.2ya.com - Offcial Website !</td>
            <td><img src="images/spacer.gif" width="1" height="25" alt="1" /></td>
          </tr>
          <tr>
            <td colspan="4" rowspan="2"> </td>
            <td><img src="images/spacer.gif" width="1" height="15" alt="1" /></td>
          </tr>
          <tr>
            <td colspan="3"><img src="images2/top_logo_blank.gif" alt="logo" width="368" height="83" border="0" usemap="#Map" /></td>
            <td><img src="images/spacer.gif" width="1" height="83" alt="1" /></td>
          </tr>
          <tr>
            <td class="navt1"><a href='index.html'>Home</a></td>
            <td class="navt2"><a href='info.html'>Info</a></td>
            <td colspan="2" class="navt3"><a href='aboutus.html'>About us</a></td>
            <td class="navt4"><a href='gallery.html'>Gallery</a></td>
            <td class="navt5"><a href='music.html'>Music</a></td>
            <td class="navt6"><a href='downloads.html'>Downloads</a></td>
            <td><img src="images/spacer.gif" width="1" height="41" alt="1" /></td>
          </tr>
          	<tr>
		<td colspan="7" valign="top" class="mcbg">
			<img src="images/header_11.gif" width="779" height="24" alt="header" />
			<table width="100%" border="0" cellspacing="8" cellpadding="0">
              <tr>
                <td width="152" valign="top"><img src="images/navigation.gif" alt="navigation" width="152" height="26" />
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="navoff" onmouseover="this.className='navon'" onmouseout="this.className='navoff'"><a href='index.html'>Home</a></td>                    
                    </tr>
                    <tr>
                      <td class="navoff" onmouseover="this.className='navon'" onmouseout="this.className='navoff'"><a href='info.html'>Info</a></td>                    
                    </tr>
                    <tr>
                      <td class="navoff" onmouseover="this.className='navon'" onmouseout="this.className='navoff'"><a href='aboutus.html'>About us</a></td>                    
                    </tr>
                    <tr>
                      <td class="navoff" onmouseover="this.className='navon'" onmouseout="this.className='navoff'"><a href='gallery.html'>Gallery</a></td>                    
                    </tr>
                    <tr>
                      <td class="navoff" onmouseover="this.className='navon'" onmouseout="this.className='navoff'"><a href='music.html'>Music</a></td>                    
                    </tr>
                    <tr>
                      <td class="navoff" onmouseover="this.className='navon'" onmouseout="this.className='navoff'"><a href="downloads.html">Downloads</a>                      </td>                    
                    </tr>
                    <tr>
                      <td class="navoff" onmouseover="this.className='navon'" onmouseout="this.className='navoff'"><a href='http://www.shorturl.com target='_blank'>SHORTurl.com</a></td>                    
                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="leftcolheader">Statistieken</td>
                    </tr>
                    <tr>
                      <td class="lcolbg">
					  <!--START STATS BOX CONTENT -->
			  <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><CENTER><P>
<!-- ADDFREESTATS.COM AUTOCODE V4.0 -->
<script type="text/javascript">
<!--
var AFS_Account="00610704";
var AFS_Tracker="auto";
var AFS_Server="www6";
var AFS_Page="DetectName";
var AFS_Url="DetectUrl";
// -->
</script>
<script type="text/javascript" src="http://www6.addfreestats.com/cgi-bin/afstrack.cgi?usr=00610704">
</script>
<noscript>
<a href="http://www.addfreestats.com" >
<img src="http://www6.addfreestats.com/cgi-bin/connect.cgi?usr=00610704Pauto" border=0 title="AddFreeStats.com Free Web Stats!"></a>
</noscript>
<!-- ENDADDFREESTATS.COM AUTOCODE V4.0  -->
</P></CENTER></td>
  </tr>
</table>
<!--END STATS BOX CONTENT --></td>
                    </tr>
                    <tr>
                      <td><img src="images/bottom_col_foot.gif" alt="footer" width="152" height="7" /></td>
                    </tr>
                  </table></td>
                <td width="368" valign="top"><div align="center">
                  <table border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td class="mcheader">Contact Us</td>
                      </tr>
                      <tr>
                        <td class="maincbbg"><table width="97%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                              <td>
                                  Klik op een naam op deze persoon te mailen.

                                  <p> <a href='mailto:[email protected]'><B>D</B>-Star </p></a>
                                  <p> <a href='mailto:[email protected]'><B>I</B>.M. </p></a>
                                  <p> <a href='mailto:[email protected]'><B>G</B>eneral-Truth </p></a>
                                 <p> <a href='mailto:[email protected]'><B>L</B>irik </p></a>
                                 <p> <a href='mailto:[email protected]'><B>R</B>ed </p></a>

<p> </p></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td><img src="images/mcb_footer.gif" alt="footer" width="368" height="10" /></td>
                      </tr>
                          </table>
                  <table border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td class="mcheader">News</td>
                        </tr>
                        <tr>
                          <td class="maincbbg"><table width="97%" border="0" align="center" cellpadding="0" cellspacing="0">
                              <tr>
                                <td><p>- New website online</p>
                                  <p> </p></td>
                              </tr>
                          </table></td>
                        </tr>
                        <tr>
                          <td><img src="images/mcb_footer.gif" alt="footer" width="368" height="10" /></td>
                        </tr>
                          </table>
                </div></td>
                <td width="212" valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="rightboxheader">Picture</td>
                  </tr>
                  <tr>
                    <td class="rightcolboxbg"><table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td><center>
                          <p> </p>
                          <p> </p>
                        </center></td>
                      </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td><img src="images/footer_right_box.gif" alt="footer" width="215" height="9" /></td>
                  </tr>
                </table>
                  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="rightboxheader">Links</td>
                    </tr>
                    <tr>
                      <td class="rightcolboxbg"><table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td><p><a href="http://www.soundclick.com/lirik" target="_blank">
<img src="http://www.soundclick.com/images/bandlogos/3SoundClickNowSmall.gif" border=0 alt="SoundClick Now!"></a>
 </p>
                            <p> </p></td>
                        </tr>
                      </table></td>
                    </tr>
                    <tr>
                      <td><img src="images/footer_right_box.gif" alt="footer" width="215" height="9" /></td>
                    </tr>
                  </table>
                  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="rightboxheader">Sponsers</td>
                    </tr>
                    <tr>
                      <td class="rightcolboxbg"><table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            </td>
                        </tr>
                      </table></td>
                    </tr>
                    <tr>
                      <td><img src="images/footer_right_box.gif" alt="footer" width="215" height="9" /></td>
                    </tr>
                  </table></td>
              </tr>
            </table>			  
			<!-- FREE TEMPLATE BY ZYMIC.COM DO NOT REMOVE COPYRIGHT UNLESS YOU HAVE ORDERED A LICENCE - $5 -->
			<table width="775" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td class="crbg"><div align="center">Copyright 2005 - <a href="http://www.diglr.2ya.com" target="_blank">Digl'R</a> by <a href="http://www.diglr.2ya.com">Kiril Dimitrov </a>- All Rights Reserved. </div></td>
              </tr>
            </table>
			<!-- FREE TEMPLATE BY ZYMIC.COM DO NOT REMOVE COPYRIGHT UNLESS YOU HAVE ORDERED A LICENCE - $5 -->
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="24" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="131" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="131" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="106" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="23" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="131" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="130" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="127" height="1" alt="" /></td>
		<td></td>
	</tr>
</table>          </td>
      </tr>
      
    </table></td>
  </tr>
</table>

<map name="Map" id="Map"><area shape="rect" coords="1,1,113,27" href="index.html" alt="Home" />
<area shape="rect" coords="3,26,112,50" href="#" alt="Add to favorites" />
</map></body>
</html>
p

peng

Legacy Member
Hm volgens mij hebt ge niet echt een volledig beeld van wat CSS precies inhoudt... Je gebruikt Javascript terwijl dat helemaal niet nodig is hé.

Sorry dat ik niet meer constructievere commentaar kan geven, 'k moet nu efkes weg, maar ik zal er naar kijken zodra ik terug ben! :)
N

NUFAN 230

Legacy Member
peng zei:
Hm volgens mij hebt ge niet echt een volledig beeld van wat CSS precies inhoudt... Je gebruikt Javascript terwijl dat helemaal niet nodig is hé.

Sorry dat ik niet meer constructievere commentaar kan geven, 'k moet nu efkes weg, maar ik zal er naar kijken zodra ik terug ben! :)
Klik om te vergroten...


Hoe bedoel je ?
o

orez

Legacy Member
dagge geen javascript nodig hebt, dat je niet snapt wat css inhoudt, dat je dus nog wel redelijk veel te leren hebt over css. Wat ik hier zie, is helemaal geen css.
B

Bram

Legacy Member
Als ik zo op het eerste zicht eens kijk naar uw css is het eerste wat ik merk (naast het feit da ge ongelooflijk veel classes gebruikt) da em zeer ongestructureerd is, en op vele plekken gebruikt ge simpelweg veel te veel code...
Een voorbeeld:
Code: 
border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
kunt ge even goed van maken:
Code: 
border: 0px;

Khem ook ondertss al gezien da ge 2 keer a:link definieert... Kweet nie of da da zo'n goe idee is...

En bedoelt ge da maincbbg moe aangepast worden? want ik zie geen maincbbf...

Kunt ge anders nie meteen ook even de link geven naar de site online? zoda we het eens mee ons eigen ogen kunnen zien wa er nie klopt, das soms gemakkelijker dan heel die html code moeten beginnen uitvlooien...
N

NUFAN 230

Legacy Member
SveltestSword zei:
Als ik zo op het eerste zicht eens kijk naar uw css is het eerste wat ik merk (naast het feit da ge ongelooflijk veel classes gebruikt) da em zeer ongestructureerd is, en op vele plekken gebruikt ge simpelweg veel te veel code...
Een voorbeeld:
Code: 
border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
kunt ge even goed van maken:
Code: 
border: 0px;

Khem ook ondertss al gezien da ge 2 keer a:link definieert... Kweet nie of da da zo'n goe idee is...

En bedoelt ge da maincbbg moe aangepast worden? want ik zie geen maincbbf...

Kunt ge anders nie meteen ook even de link geven naar de site online? zoda we het eens mee ons eigen ogen kunnen zien wa er nie klopt, das soms gemakkelijker dan heel die html code moeten beginnen uitvlooien...
Klik om te vergroten...


http://www.diglr.2ya.com
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan