• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

besser gestaltete Verlinkungen

Status
Für weitere Antworten geschlossen.

TheProgrammer

Neues Mitglied
Hi.

Ich habe folgendes probiert, um die
Links zu verschönern:

Code:
<html>

<head>

 <style type="text/css">
 <!--
  a:link { text-decoration:none; font-weight:bold; color:#00FF00; }
  a:visited { text-decoration:none; font-weight:bold; color:#00FF00; }
  a:hover { text-decoration:none; font-weight:bold; background-color:#00FF00; color:#000000;}
  a:active { text-decoration:none; font-weight:bold; background-color:#00FF00; color:#000000;}
 -->
 </style>

</head>

<body bgcolor="#000000">

 <table border="1" cellspacing="0">

  <tr>
   <td>
    [url="Was weiß ich, wo.html"]Link1[/url]
   </td>
  </tr>

  <tr>
   <td>
    [url="Was weiß ich, wo.html"]Link_________2[/url]
   </td>
  </tr>

  <tr>
   <td>
    [url="Was weiß ich, wo.html"]Link__3[/url]
   </td>
  </tr>

  <tr>
   <td>
    [url="Was weiß ich, wo.html"]Link4[/url]
   </td>
  </tr>

 </table>

</body>

</html>


Das Problem:

Die Balken sollten über die ganze Tabellenspalte gehen.
Gibt es dafür vieleicht eine andere Möglichkeit?


Ich hoffe, mir kann jemand helfen.

Mfg
TheProgrammer
 
achso!
na so ne ähnliche frage hab ich hier ja auch schonmla gestellt, aber da wusste auch keiner ne wirkliche antwort :roll: :mrgreen:
aber sonst mach doch einfach lauter geschützte leerzeichen (&#160), die bis zum ende der tabellenzeilen gehen!

der code sähe dann so aus.

Code:
<html> 

<head> 

 <style type="text/css"> 
 <!-- 
  a:link { text-decoration:none; font-weight:bold; color:#00FF00; } 
  a:visited { text-decoration:none; font-weight:bold; color:#00FF00; } 
  a:hover { text-decoration:none; font-weight:bold; background-color:#00FF00; color:#000000;} 
  a:active { text-decoration:none; font-weight:bold; background-color:#00FF00; color:#000000;} 
 --> 
 </style> 

</head> 

<body bgcolor="#000000"> 

 <table border="1" cellspacing="0"> 

  <tr> 
   <td> 
    [url="Was weiß ich, wo.html"]Link1&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160[/url] 
   </td> 
  </tr> 

  <tr> 
   <td> 
    [url="Was weiß ich, wo.html"]Link_________2[/url] 
   </td> 
  </tr> 

  <tr> 
   <td> 
    [url="Was weiß ich, wo.html"]Link__3&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160[/url] 
   </td> 
  </tr> 

  <tr> 
   <td> 
    [url="Was weiß ich, wo.html"]Link4&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160[/url] 
   </td> 
  </tr> 

 </table> 

</body> 

</html>
 
Code:
<html>

<head>

 <style type="text/css">
 <!--
  a:link { text-decoration:none; font-weight:bold; color:#00FF00; WIDTH:100%}
  a:visited { text-decoration:none; font-weight:bold; color:#00FF00; WIDTH:100%}
  a:hover { text-decoration:none; font-weight:bold; background-color:#00FF00; color:#000000; WIDTH:100%}
  a:active { text-decoration:none; font-weight:bold; background-color:#00FF00; color:#000000; WIDTH:100%}
 -->
 </style>

</head>

Allerdings musst du der Tabelle ne feste Breite verpassen:
Code:
<table width="75pt">

Ich hoffe das war das Problem
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben