Thema: Html Frage

Moin,

ich mache mit anderen aus meiner Klasse im Rahmen eines Projekts ne HP und jetzt frage ich mich wie man das am besten strukturiert. Ich habe jetzt ein CSS File.
In diesem sind für die Buttons die wir benutzen werden (.png dateien) die Links und die Größe gespeichert. Allerdings krieg ich es nicht hin, das ganze so als Hyperlink zu verwenden.

Hier mal wie ich es verwendet hab:

PHP-Code:

      <p id="button_löschen" > <a  href="http://www.google.de"></a>       </p>
        <a href="http://www.google.de"><img id="button_weiter"></img> </a>
        <a href="http://www.bing.de"> <div id="button_zurück"></div> </a>
        
        <img id="button_weiter"><a href="http://www.bing.de"></a></img>
        
        <a href="http://www.bing.de" > <div id="button_zurück"></div> </a>
        <a href="http://www.internet.de"> <div id="pic_logo"> </div> </a>
        
        <a href="http://www.domain.de/flyer/"><img src="http://img7.imageshack.us/....." ></a>
        
        
        <a href="http://www.internet.de"> <div id="pic_logo"> </div> </a>
        
        <a href="http://www.google.de" > <div id="button_weiter"></div> </a>
        
        <a href="http://www.google2.de" id="button_hinzufügen">  </a>
        
        <h1 href="http://www.bing2.de" id="button_löschen"></h1> 


Im CSS sind die Buttons so definiert:

PHP-Code:

#button_weiter
{
    background-image: url('http://img412.imageshack.us........');
    width: 100px;
    height: 40px;
} 


Das Navigationsmenü ist aktuell als PHP File ausgelagert, aber ich weiß nicht ob das die beste Lösung ist.

Oder kann man das noch iwie anders machen?

Weil das Menü in jede einzelne Datei einzubinden und die Buttons jedesmal neu als Hyperlink definieren halte ich für unpraktisch.

(PS: Wir benutzen auch PHP, Vorschläge, die in PHP umsetzbar sind wären auch gut)

hmmmm....seltsam, ich hab genau deinen code übernommen, bei mir hat es ohne probleme funktioniert...

Ist es eigentlich noch Aktuell? Wen ja wäre es gut zu wissen was du für ein DOCTYPE benutzt (steht in der ersten HTML-Zeile vom Quelltext).
Aber ansonsten müsste folgende gehen:

HTML-Code:

 <a href="http://www.google.de" name="Google"><img src="..." title="..."  id="button_weiter"  /></a> 
 <a href="http://www.google2.de"  name="Google2" id="button_hinzufuegen">&nbsp;</a> 

CSS für das 2. Beispiel sieht so aus (btw. keine Sonderzeichen und umlaute in Id ):

HTML-Code:

 #button_hinzufuegen {
    display: block;
    height: 50px;
    width: 100px;
}

Es wäre gut, wenn ihr eine Art pseudo Template-Engine nutzen würdet.

Dann habt ihr ein Template (Eine ganz normale HTML-Datei), in welchem an den jeweiligen Stellen benutzerdefinierter Text eingefügt ist (z.B "[CONTENT]" oder "[MENU]"), welcher durch die entsprechende Komponente ersetzt wird.