Tema: problemas con colores de links de menu. Menu embebido con php include
Ver Mensaje Individual
  #14 (permalink)  
Antiguo 26/09/2011, 19:06
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 6 meses
Puntos: 1567
Respuesta: problemas con colores de links de menu. Menu embebido con php include
Estas haciendo una gran mezcla, los estilos definilos en el head, no en el include, ahi solo pone los links, vi un par de rutas con file://.... pone las rutas de tu web.
saca de la etiqueta body todos los atributos de links, te paso tu código algo más limpio, le puse un color de fondo al body para que contraste. Por ultimo cuando pases código en los posts, usa el "Highlight" del editor, asi es más facil de analizar.
guarda este código y ejecutalo, mucha más indicación no es necesaria

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>The Chic Magazine - Home</title>
  7. <link href="template.css" rel="stylesheet" type="text/css" />
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10. #apDiv1 {
  11.  position:absolute;
  12.  left:382px;
  13.  top:235px;
  14.  width:118px;
  15.  height:301px;
  16.  z-index:1;
  17. }
  18. #apDiv2 {
  19.  position:absolute;
  20.  left:25px;
  21.  top:273px;
  22.  width:480px;
  23.  height:350px;
  24.  z-index:1;
  25. }
  26. #apDiv3 {
  27.  position:absolute;
  28.  left:382px;
  29.  top:273px;
  30.  width:128px;
  31.  height:421px;
  32.  z-index:2;
  33. }
  34. #apDiv4 {
  35.  position:absolute;
  36.  left:24px;
  37.  top:589px;
  38.  width:351px;
  39.  height:104px;
  40.  z-index:3;
  41. }
  42. body {
  43.  background-color: #000;
  44. }
  45.  
  46. body,td,th {
  47.  color: #FFF;
  48. }
  49.  
  50. a {
  51. color: #FFF;
  52. }
  53. /*]]>*/
  54. </style>
  55.  
  56. <script src="file:///C|/Webserver/www/Scripts/swfobject_modified.js" type="text/javascript">
  57. </script>
  58. </head>
  59. <body>
  60. <div class="container">
  61. <div class="header">
  62. <div class="logo"><img src="logo.png" width="200" height="140" alt="The Chic Magazine" /></div>
  63.  
  64. <div class="mag_counter"><?php include('mag_counter.php'); ?></div>
  65. <div class="login">
  66. <form action="login_script.php" method="post" enctype="multipart/form-data" name="form1" id=
  67. "form1"><input name="email" type="text" id="email" /> &nbsp;&nbsp; <input name="password" type=
  68. "password" id="password" /> &nbsp;<span class="sign_up">&nbsp;<span class="sign_up"><span class=
  69. "sign_up"><a href="login_script.php" class="sign_up"><span class="login_signup">Log
  70. In</span></a></span></span></span> |<span class="login_signup">&nbsp;<a href="register.php" class=
  71. "sign_up"><span class="login_signup">Sign Up</span></a></span></form>
  72. </div>
  73. <div class="mainbanner"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="755"
  74. height="105" id="FlashID2" title="top_banner"><param name="movie" value="top_banner.swf" />
  75. <param name="quality" value="high" />
  76. <param name="wmode" value="transparent" />
  77. <param name="swfversion" value="6.0.65.0" />
  78. <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  79. <param name="expressinstall" value="file:///C|/Webserver/www/Scripts/expressInstall.swf" />
  80.  
  81. <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  82. <!--[if !IE]>-->
  83. <object type="application/x-shockwave-flash" data="top_banner.swf" width="755" height="105">
  84. <!--<![endif]-->
  85. <param name="quality" value="high" />
  86. <param name="wmode" value="transparent" />
  87. <param name="swfversion" value="6.0.65.0" />
  88. <param name="expressinstall" value="file:///C|/Webserver/www/Scripts/expressInstall.swf" />
  89. <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
  90. <div>
  91. <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
  92. <p><a href="http://www.adobe.com/go/getflashplayer"><img src=
  93. "http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
  94. "Get Adobe Flash player" width="112" height="33" /></a></p>
  95. </div>
  96. <!--[if !IE]>--></object> <!--<![endif]--></object></div>
  97. <div class="menu"><a href="index.php" class="top_menu">home</a> | <a href="news.php" class=
  98. "top_menu">news</a> | <a href="photos.php" class="top_menu">photos</a> | <a href="videos.php"
  99. class="top_menu">videos</a> | <a href="radio.php" class="top_menu">radio</a> | <a href=
  100. "contest.php" class="top_menu">contest</a> | <a href="events.php" class="top_menu">events</a> |
  101.  
  102. <a href="vendors.php" class="top_menu">vendors</a> | <a href="contact.php" class=
  103. "top_menu">contact</a></div>
  104. </div>
  105. ..........
  106. <div class="footer"><?php include('copyright.php'); ?></div>
  107. <script type="text/javascript">
  108. //<![CDATA[
  109. swfobject.registerObject("FlashID2");
  110. swfobject.registerObject("FlashID");
  111. //]]>
  112. </script></div>
  113. </body>
  114. </html>


Y todo esto sin saber que hay en el "template.css"
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.