Hallo Leute,
ich habe ein Problem, was mich langsam in die Irre treibt und den Spaß an der Webprogrammierung sinken läßt. Für einen Vortrag wollt ich ein kleines Beispielprogramm mittel Spring und Velocity vorbereiten. Von den Funktionalitäten geht auch alles klar, nur das Layout bringt mir Kopfzerbrechen. Irgendwie habe ich anscheinend die Logik für die Pfadangabe von Dateien in einem Webprojekt nicht richtig verstanden. Denn ich habe ein Bild, dass ich in einer css-Datei als Hintergrundbild setzen möchte. Das Problem ist, dass er weder css-Datei noch das Bild (wenn es direkt als style-Attribute verwendet wird) richtig erkennt und anzeigt. Damit ihr das Problem halbwegs überschauen könnt, sende ich folgend den Code dazu:
Ordnerstruktur:
So, das ist die Struktur. Die unwichtigen Ordner wie "lib" hab ich jetzt der Einfachheit halber weggelassen. Der Code der "style.css" sieht wie folgt aus:
Und zu guter letzt noch der Code meiner Template-Seite:
Die kritischen Punkte hab ich mal rot markiert. Vielleicht kennt ja jemand von euch ein gutes Tutorial zum Thema "Pfadangabe in Webprojekten" oder hatte selbst einmal dieses Problem und hat es gelöst bekommen. Ich bekomme es einfach nicht hin, den Pfad richtig anzugeben. Er sollte schon relativ und nicht absolut sein, wegen der Portierbarkeit auf einen anderen Server. Ich danke jeden für seine Hilfe schonmal im Vorraus.
Gruß Hardie[/code]
ich habe ein Problem, was mich langsam in die Irre treibt und den Spaß an der Webprogrammierung sinken läßt. Für einen Vortrag wollt ich ein kleines Beispielprogramm mittel Spring und Velocity vorbereiten. Von den Funktionalitäten geht auch alles klar, nur das Layout bringt mir Kopfzerbrechen. Irgendwie habe ich anscheinend die Logik für die Pfadangabe von Dateien in einem Webprojekt nicht richtig verstanden. Denn ich habe ein Bild, dass ich in einer css-Datei als Hintergrundbild setzen möchte. Das Problem ist, dass er weder css-Datei noch das Bild (wenn es direkt als style-Attribute verwendet wird) richtig erkennt und anzeigt. Damit ihr das Problem halbwegs überschauen könnt, sende ich folgend den Code dazu:
Ordnerstruktur:
Code:
Webordner
|
|--WEB-INF
|
|---vm
|---cdResult.vm (=die Seite)
|---style.css
|---top_bg.jpgSo, das ist die Struktur. Die unwichtigen Ordner wie "lib" hab ich jetzt der Einfachheit halber weggelassen. Der Code der "style.css" sieht wie folgt aus:
Code:
.menu
{
background-image: [color=red]url(top_bg.jpg);[/color]
background-repeat: repeat-x;
height: 140px;
width: 101%;
position: absolute;
left: 0em;
top: 0em;
}
.menu.a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #5A912B;
text-decoration: none;
}
.uberschrift
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #B82223;
}Und zu guter letzt noch der Code meiner Template-Seite:
Code:
<html>
<head>
<title>Album Suche</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" [color=red]href="WEB-INF/vm/style.css"[/color]>
</head>
<body>
#parse('menu.vm')
<div style="position:absolute; left:3em; top:10em; width:90%">
<h3 class="uberschrift">CD-Archiv Suche</h3>
<hr>
<form name="suche" method="post" action="/CD_Velocity/searchCD">
...
</form>
</div>
</body>
</html>Die kritischen Punkte hab ich mal rot markiert. Vielleicht kennt ja jemand von euch ein gutes Tutorial zum Thema "Pfadangabe in Webprojekten" oder hatte selbst einmal dieses Problem und hat es gelöst bekommen. Ich bekomme es einfach nicht hin, den Pfad richtig anzugeben. Er sollte schon relativ und nicht absolut sein, wegen der Portierbarkeit auf einen anderen Server. Ich danke jeden für seine Hilfe schonmal im Vorraus.
Gruß Hardie[/code]
