✔ Linkproblem!

[Tualex]

Hallo!

Ich habe eine Problem mit meinen Links: http://tualexx.tu.funpic.de/outlaw/outlaw/
Ich will, dass der Text in der Mitte auf dem Bild steht.

links.php

<div id="navcontainer">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" width="160" height="47"><li><a href="index.php?file=home">Home</a></li></td>
  </tr>
  <tr>
    <td align="center" height="47"><li><a href="index.php?file=news">News</a></li></td>
  </tr>
  <tr>
    <td align="center" height="47"><li><a href="index.php?file=gbook">Guestbook</a></li></td>
  </tr>
  <tr>
    <td align="center" height="47"><li><a href="index.php?file=dloads">Downloads</a></li></td>
  </tr>
  <tr>
    <td align="center" height="47"><li><a href="index.php?file=board">Board</a></li></td>
  </tr>
    <tr>
    <td align="center" height="47"><li><a href="index.php?file=hlinks">Links</a></li></td>
  </tr>
  <tr>
    <td align="center" height="47"><li><a href="index.php?file=wall">Wallpapers</a></li></td>
  </tr>
  <tr>
    <td align="center" height="47"><li><a href="index.php?file=friends">Friends</a></li></td>
  </tr>
  <tr>
    <td align="center" height="47"><li><a href="index.php?file=impressum">Impressum</a></li></td>
  </tr>
  <tr>
    <td align="center" height="47"><li><a href="index.php?file=music">Music</a></li></td>
  </tr>
</table>
</div>

style.css

body
{
font-family: Arial;
color: #CCCCCC;
border-collapse: collapse;
}
a:link {
    text-decoration: none;
    color: #CCCCCC;
}
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a:hover {
    text-decoration: none;
    color: #666666;
}
a:active {
    text-decoration: none;
    color: #FFFFFF;
}
 #navcontainer
{
width: 160px;
height:22px;
padding: 0;
margin-bottom: 0;
font-family: Verdana;
color: #CCCCCC;
list-style: none;
font-size: 14px;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 0px;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 1px;
color: #000000;
list-style: none;
text-decoration: none;
width: 160;
height:47px;
background-image: url(images/one.jpg);
}

html>body #navcontainer li a { width: auto; }
 
#navcontainer li a:hover
{

color: #000000;
list-style: none;
background-image: url(images/two.jpg);
}

#navcontainer a:link, #navlist a:visited
{

color: #000000;
list-style: none;
text-decoration: none;
}

#navcontainer a:hover
{

color: #000000;
list-style: none;
}

 #navcontainer
{
width: 160;
padding: 0;
list-style: none;
margin-bottom: 0;
font-family: Verdana;
color: #000000;
font-size: 16px;
}

input,
submit
{
background-image:url(images/form.jpg);
color: #CDCDCD;
border:none;
}

textarea
{
  background-image:url(images/textarea.jpg);
  color: #CDCDCD;
  border:none;
}

Ich denke mal an der links.php wirds nicht liegen, oder?

 

[Rambo51]

Hi

es ghört eigentlich ins HTML bzw. CSS Forum.

Aber versuch mal das:

 #navcontainer
{
width: 160px;
height:22px;
padding: 0;
margin-bottom: 0;
font-family: Verdana;
color: #CCCCCC;
list-style: none;
font-size: 14px;
}

mit dem:

 #navcontainer
{
width: 160px;
height:47px;
padding: 0;
margin-bottom: 0;
font-family: Verdana;
color: #CCCCCC;
list-style: none;
font-size: 14px;
}

 

[forsterm]

Ich denke mal an der links.php wirds nicht liegen

Hallo,
warum postes du dann ins PHP Forum und nicht ins HTML bzw. CSS Forum?

mfg
forsterm

 

[Tualex]

Sorry!! Kann man das thema vielleicht verschieben?
Ich habs jetzt so hochgeladen, sieht aber immernoch gleich aus.

 

[Rambo51]

Sorry!! Kann man das thema vielleicht verschieben?
Ich habs jetzt so hochgeladen, sieht aber immernoch gleich aus.

Ein Mod wird das bestimmt verschieben wenn einer Online ist.


Zu deinem Problem, ich weiß nicht, sieht eigentlich alles ok aus.

Aber schreib noch mal in dem <td> Tag das:

valign="middle"

Gruss

 

[Tualex]

Ne das geht auch nicht mit dem valign="middle" das hatte ich schonmal versucht

 

[Rambo51]

Hmm ok,

dann mache mal den eintrag in der .css Datei:

a.navigationli {
	display: block;
	padding: 1px;
	color: #000000;
	text-decoration: none;
	width: 160;
	height: 47px;
	background-image: url(images/one.jpg);
}
a.navigationli:hover {
	display: block;
	padding: 1px;
	color: #000000;
	text-decoration: none;
	width: 160;
	height: 47px;
	background-image: url(images/two.jpg);
}

Dann erstetzt du die Tabellenreihe, wo der Link "Home" drin ist, mit dem:

<tr>
    <td align="center" width="160" height="47"><a class="navigationli" href="index.php?file=home">Home</a>
    </td>
</tr>

 

[Tualex]

Geht auch nicht , ich versuch mal was anderes: Ich schneide die Bilder etwas oben und unten, vielleicht wirds ja gehen

 

[Tualex]

Hat sich kaum was geändert, würde es gehen, wenn ich das bild als tabellenhintergrund mache und dass dann mit dem Mouseover reinschreibe?

GreeZ

 

[Rambo51]

Hat sich kaum was geändert, würde es gehen, wenn ich das bild als tabellenhintergrund mache und dass dann mit dem Mouseover reinschreibe?

GreeZ

Kannst du ja mal versuchen, aber ich denke das wird nicht funktionieren.