Prob mit Navidesign
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
background
beitrag
bild
body
clan
endergebnis
erste
hilfe
hintergrund
hintergrundbild
klappe
mache
nase
none
quelltext
recht
tabelle
test
transitional
zusammen
-
http://zonk.xardas.lima-city.de/unzip_hptest/hptest/test.htm
die 3 felder sollen zusammen und der mittlere muss 1 px nach rechts. also es sieht so aus, als ob das 1 px weiter links w?re. guckt euch ma den quelltext an und sagt mir dann bescheid. hier noch das stylesheet: http://zonk.xardas.lima-city.de/unzip_hptest/hptest/stylesheet.css
Thx schon im Vorraus -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
hmmm ich glaub nicht dass das am stylesheet liegt, eher an den tabelleneigenschaften, hast du wirklich die breiten und h?hen der bilder exakt eingestellt?? aligns richtig?? auch valign beachten!!!
du k?nntest auch probieren die bilder als background zu definieren!!
mfg
Pointi -
du ich glaub des liegt nicht am Code.
Kann es sein dass die Grafiken sich unterscheiden? -
jo. snd schon die gleiche breite und der gleiche abstand....
-
ich sag dir wo das prob ist;)
die beiden bilder von der navi oben und unten hast du als normale bilder also <img...> eingef?gt..
das bild in der mitte als hintergrundbild, dadurch r?ckt es so ca 1 px in den hintergrund, also zur seite weg... mach die beiden bilder oben und unten auch als hintergrund dann m?sste es klappen;)
gru?
gero
edit: sag mir wenns klappt
Beitrag ge?ndert am 17.10.2005 17:18 von gero -
wenn ich sie als hintergrundbild mache, aber nicht in das feld reinschreibe, dann wirds nicht angezeigt....
-
poste mal den quelcode plz.. vielleicht kann ichs dir so besser zeigen.. das bild das du im hinetergrund hast wo die links angezeigt werden wird ja auch angezeigt
gru?
gero -
kannste dir zwar auch im browser angucken aber hier:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Navi</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<table>
<tr>
<td><img src="img/sitenavioben.png"></td>
</tr>
<tr>
<td background="img/linkbereich.png" class="link">
<a href="#">Home</a><br>
<a href="#">News</a><br>
<a href="#">Gbook</a><br>
<a href="#">Team</a><br>
<a href="#">Impressum</a><br>
<a href="#">Clan</a><br>
<a href="#">Link us</a>
</td>
</tr>
<tr>
<td>
<img src="img/unten.png">
</td>
</tr>
</table>
</body>
</html>
und stylesheet:
body {
background-color: #A8ABB0;
}
.link{
padding-left:20px;
}
.link a:link { font-size: 15px; text-decoration: none; width: 100%; color: #000000;}
.link a:visited { font-size: 15px; text-decoration: none; width: 100%; color: #000000;}
.link a:hover { font-size: 15px; text-decoration: none; width: 100%; background: #C9C9C9; color: #000000;}
?dit:
hier noch die bilder:
http://zonk.xardas.lima-city.de/unzip_hptest/hptest/img/
Beitrag ge?ndert am 17.10.2005 17:51 von zonk
Beitrag ge?ndert am 17.10.2005 17:59 von zonk -
und so m?sste es gehn..
..
<table>
<tr>
<td background="img/sitenavioben.png"> </td>
</tr>
<tr>
<td background="img/linkbereich.png" class="link">
<a href="#">Home</a><br>
<a href="#">News</a><br>
<a href="#">Gbook</a><br>
<a href="#">Team</a><br>
<a href="#">Impressum</a><br>
<a href="#">Clan</a><br>
<a href="#">Link us</a>
</td>
</tr>
<tr>
<td background="img/unten.png"> </td>
</tr>
</table>
..
wenns jetzt nicht geht .. dann hab ich kp was falsch sein soll..;)
gru?
gero -
dann sieht es so aus: http://zonk.xardas.lima-city.de/unzip_hptest/hptest/test2.htm
-
auf die Idee
<table cellpadding="0" cellspacing="0"></table>
zu verwenden iss niemand gekommen?
Damit werden die paddings in den Tabellen entfernt! -
ah danke jetzt gehts einwandfrei. thx f?r die hilfe. kann geclosed werden....
?dit:
hier noch das endergebnis: http://zonk.xardas.lima-city.de/unzip_hptest/hptest/fertig.htm
falls es jamand sehen m?chte...
Beitrag ge?ndert am 17.10.2005 19:05 von zonk -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
