simple DW question [Archive] - WebDeveloper.com

tizbo1423

08-29-2008, 09:51 AM

i was just wondering if there was any way to have 2 sets of properties for links on the same webpage? for example, i have a row of navigation links at the top of the page that are white on a gray background, but i also want to have links towards the bottom of the page on a white background. i obviously can't have white links on the white background. is there a way i can make the 2 sets of links have 2 different looks on the same web page?

Mr. E. Cryptic

08-29-2008, 10:17 AM

If your bottom links are in a div of some such element, set a link style for the class in your CSS:

.divName a:link{
color: rgb(0,0,0)}
etc etc.

tizbo1423

08-29-2008, 10:45 AM

that doesn't seem to be working. i'm probably missing a crucial step here, so this is what i did...

1. i select the content that i want the different colored links in, and create a DIV.

2. i name the ID mainContent2 (i leave class empty, which is probably what i'm doing wrong)

3. i put the code into the CSS where i see that all my other CSS has ended up (i deal with mainly design view, know very little code, so when i say where it ended up, i mean i didn't put it there myself, dreamweaver did.)

4. i change the values of the color along with the name of .divName to .mainContent2

5. i save, refresh, and still get the same link properties that are set in my page properties.

where did i go wrong?

Mr. E. Cryptic

08-29-2008, 12:13 PM

try class="mainContent2" instead of id="mainContent2"

if not, post the section of code and the css.

If you're unsure of what code to select, select the area in the design view and swap to code view, the code should be highlighted.

tizbo1423

08-29-2008, 02:25 PM

ok I tried naming the class instead of the ID and putting into the highlighted code, and the code just showed up on the page as text.

here's my code. i apologize, i know its a mess, dreamweaver did it, not me :)
---------------------------------------------------------------------

<div class="mainContent2">
<table width="725" height="344" border="0" cellpadding="0" cellspacing="5">
<tr>
<td width="340" height="365" rowspan="2" align="center" valign="top">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','329','height','329','align','middle','title','2L Training Examples','src','../images/LTrainingExamples','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','scale','exactfit','movie','../images/LTrainingExamples' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="329" height="329" align="middle" title="2L Training Examples">
<param name="movie" value="../images/LTrainingExamples.swf" />
<param name="quality" value="high" /><param name="SCALE" value="exactfit" />
<embed src="../images/LTrainingExamples.swf" width="329" height="329" align="middle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit"></embed>
</object>
</noscript>
 </td>
<td colspan="2" align="left" valign="top">Samples

2L Training
<a href="media/01HarmonOr .mp3"> 
Harmon - Orientation 
</a><a href="media/GetItCustomerService1.mp3">Get It - Musicland Customer Service</a>
3L Training 

<a href="media/BordersTrack1 .mp3">Borders - Product Knowledge 
</a><a href="media/LNTPOSTrack2a.mp3">Linens N Things - POS</a><a href="media/LNTPOSTrack2a.mp3"> 
</a><a href="media/LNTTourTrack1a.mp3">Linens N Things - Store Tour</a> </td>
</tr>

<tr>
<td width="201" height="174" valign="top">4L Training 
<a href="samples/Proof.html">You Don't Know Proof</a> 
<a href="samples/bayer.html">Bayer 3D Sales</a> 
<a href="samples/topamax.html">Topamax</a> 
<a href="samples/ricoh.html">Ricoh CBT</a> 
<a href="samples/ndei.html">NDEI web CME</a> 
<a href="samples/tissuemend.html">TissueMend (Stryker)</a> 
<a href="samples/miacalcin.html">Miacalcin</a> </td>
<td width="164" valign="top" class="style1"> 
<a href="samples/brain.html">Brain</a> 
<a href="samples/medicraft.html">MediCraft</a> 
<a href="samples/solarshoulder.html">Solar Shoulder</a> 
<a href="samples/jacksonhewitt.html">Jackson Hewitt</a> 
<a href="samples/revlon.html">Revlon Interactive DVD</a> 
<a href="samples/revlonUlta.html">Revlon/Ulta Video</a> </td>
</tr>
</table>
</div>
-------------------------------------------------------------------------------

and here is the CSS at the top of the code:

--------------------------------------------------------------------------------
<style type="text/css">

</style>

--------------------------------------------------------------------------------

:/ sorry.

and thanks again for your help, i reallllyyyy appreciate it.

Mr. E. Cryptic

08-29-2008, 03:52 PM

WOW! That is a mess :D

anyway, with the code you have provided, adding the following to your CSS does in-fact work:

.mainContent2 a:link{
color: rgb(0,0,0);
text-decoration: none;}
.mainContent2 a:visited{
color: rgb(0,0,0);
text-decoration: none;}
.mainContent2 a:active{
color: rgb(0,0,0);
text-decoration: none;}
.mainContent2 a:hover{
color: rgb(0,0,0);
text-decoration: underline;}
.mainContent2 a:focus{
color: rgb(0,0,0);
text-decoration: underline;}

obviously you'll need to play with the colours /styles to suit your own needs.

if you use id="mainContent2" instead of class="mainContent2" for the div you'll need to change from .mainContent2 etc. in the css to #mainContent2 etc. (# instead of .) otherwise it won't work.