Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
Navigation leister ersätzen
zurück: Meine Homepage und Firefox, Google Chrome weiter: HTML Code für Berechnung Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Antwort Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
kesart
Im Profil kannst Du frei den Rang ändern


Verfasst am:
30. März 2012, 13:23
Rufname:
Wohnort: Plaidt, Germany

Navigation leister ersätzen - Navigation leister ersätzen

Nach oben
       

Ich möchte in alle meine Seiten die Navigations Leister ersätzen.
Ich habe die zu ersetenden code makiert und in der menu "ersetzen"angeklickt. Alle geöffneten Seiten eingstellt und in die zweite feld habe ich die neuer code eingefügt aber die ganze code ist nicht angenommen.
Ist es zu lang für diese funktion?
Code:
<table border="0" width="980" cellpadding="0" style="font-family: Arial; font-size: 8pt; font-weight: bold; border-collapse: collapse">
                  <tr>
                     <td width="53" style="font-family: Arial; font-size: 10pt; font-weight: bold">&nbsp;</td>
                     <td width="135" style="font-family: Arial; font-size: 10pt; font-weight: bold">&nbsp;</td>
                     <td width="56" style="font-family: Arial; font-size: 18pt; font-weight: bold" rowspan="2">
                     <p align="links"><a href="welcome.htm">
                     <img border="0" id="img51" src="../../leister-gifs-2/button3E-w.jpg" height="18" width="50" alt="Home" onmouseover="FP_swapImg(1,0,/*id*/'img51',/*url*/'../../leister-gifs-2/button3F-g.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img51',/*url*/'../../leister-gifs-2/button3E-w.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img51',/*url*/'../../leister-gifs-2/button40-b.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img51',/*url*/'../../leister-gifs-2/button3F-g.jpg')" fp-style="fp-btn: Simple Text 2; fp-font: Arial; fp-font-style: Bold; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #C0C0C0; fp-font-color-press: #0066FF; fp-justify-horiz: 0; fp-bgcolor: #424242; fp-proportional: 0" fp-title="Home" align="left"></a>
                     </td>
                     <td width="119" style="font-family: Arial; font-size: 18pt; font-weight: bold" rowspan="2">
                     <p align="center">
                     <img border="0" id="img49" src="../../leister-gifs-2/button31-b.jpg" height="18" width="85" alt="Galerie Profilen"</a></td>
                     <td width="95" style="font-family: Arial; font-size: 18pt; font-weight: bold" rowspan="2">
                     <p align="center"><a href="contact-info-page-2.htm">
                     <img border="0" id="img48" src="../../leister-gifs-2/button26-w.jpg" height="18" width="69" alt="Kontakt" fp-style="fp-btn: Simple Text 1; fp-font: Arial; fp-font-style: Bold; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #C0C0C0; fp-font-color-press: #0066FF; fp-bgcolor: #424242; fp-proportional: 0" fp-title="Kontakt" onmouseover="FP_swapImg(1,0,/*id*/'img48',/*url*/'../../leister-gifs-2/button27-g.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img48',/*url*/'../../leister-gifs-2/button26-w.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img48',/*url*/'../../leister-gifs-2/button28-b.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img48',/*url*/'../../leister-gifs-2/button27-g.jpg')"></a></td>
                     <td width="105" style="font-family: Arial; font-size: 18pt; font-weight: bold" rowspan="2">
                     <p align="center"><a href="gastbuch-page-2.htm">
                     <img border="0" id="img47" src="../../leister-gifs-2/button20-w.jpg" height="18" width="69" alt="Gästebuch" fp-style="fp-btn: Simple Text 3; fp-font: Arial; fp-font-style: Bold; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #C0C0C0; fp-font-color-press: #0066FF; fp-justify-horiz: 0; fp-bgcolor: #424242; fp-proportional: 0" fp-title="Gästebuch" onmouseover="FP_swapImg(1,0,/*id*/'img47',/*url*/'../../leister-gifs-2/button21-g.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img47',/*url*/'../../leister-gifs-2/button20-w.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img47',/*url*/'../../leister-gifs-2/button22-b.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img47',/*url*/'../../leister-gifs-2/button21-g.jpg')"></a></td>
                     <td width="105" style="font-family: Arial; font-size: 18pt; font-weight: bold" rowspan="2">
                     <p align="center"><a href="account-info-page-2.htm">
                     <img border="0" id="img46" src="../../leister-gifs-2/button1A-w.jpg" height="18" width="69" alt="Information" fp-style="fp-btn: Simple Text 1; fp-font: Arial; fp-font-style: Bold; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #C0C0C0; fp-font-color-press: #0066FF; fp-justify-horiz: 0; fp-bgcolor: #424242; fp-proportional: 0" fp-title="Information" onmouseover="FP_swapImg(1,0,/*id*/'img46',/*url*/'../../leister-gifs-2/button1B-g.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img46',/*url*/'../../leister-gifs-2/button1A-w.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img46',/*url*/'../../leister-gifs-2/button1C-b.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img46',/*url*/'../../leister-gifs-2/button1B-g.jpg')"></a></td>
                     <td width="100" style="font-family: Arial; font-size: 18pt; font-weight: bold" rowspan="2">
                     <p align="center"><a href="registration-page-2.htm">
                     <img border="0" id="img45" src="../../leister-gifs-2/button11-w.jpg" height="18" width="69" alt="Beantragen" fp-style="fp-btn: Simple Text 1; fp-font: Arial; fp-font-style: Bold; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #C0C0C0; fp-font-color-press: #0066FF; fp-justify-horiz: 0; fp-bgcolor: #424242; fp-proportional: 0" fp-title="Beantragen" onmouseover="FP_swapImg(1,0,/*id*/'img45',/*url*/'../../leister-gifs-2/button12-g.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img45',/*url*/'../../leister-gifs-2/button11-w.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img45',/*url*/'../../leister-gifs-2/button13-b.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img45',/*url*/'../../leister-gifs-2/button12-g.jpg')"></a></td>
                     <td width="108" style="font-family: Arial; font-size: 18pt; font-weight: bold" rowspan="2">
                     <p align="center"><a href="link-page-nr.1a.htm">
                     <img border="0" id="img44" src="../../leister-gifs-2/button8-w.jpg" height="18" width="69" alt="Partnerseiten" onmouseover="FP_swapImg(1,0,/*id*/'img44',/*url*/'../../leister-gifs-2/button9-g.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img44',/*url*/'../../leister-gifs-2/button8-w.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img44',/*url*/'../../leister-gifs-2/buttonA1-b.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img44',/*url*/'../../leister-gifs-2/button9-g.jpg')" fp-style="fp-btn: Simple Text 1; fp-font: Arial; fp-font-style: Bold; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #C0C0C0; fp-font-color-press: #0066FF; fp-justify-horiz: 0; fp-bgcolor: #424242; fp-proportional: 0" fp-title="Partnerseiten"></a></td>
                     <td width="86" style="font-family: Arial; font-size: 18pt; font-weight: bold" rowspan="2">
                     <a href="imprint-info-page-2.htm">
                     <img border="0" id="img50" src="../../leister-gifs-2/button38w.jpg" height="16" width="69" alt="Impressum" fp-style="fp-btn: Simple Text 1; fp-font: Arial; fp-font-style: Bold; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #C0C0C0; fp-font-color-press: #0066FF; fp-justify-horiz: 2; fp-bgcolor: #424242; fp-proportional: 0" fp-title="Impressum" onmouseover="FP_swapImg(1,0,/*id*/'img50',/*url*/'../../leister-gifs-2/button39-g.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img50',/*url*/'../../leister-gifs-2/button38w.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img50',/*url*/'../../leister-gifs-2/button3A-b.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img50',/*url*/'../../leister-gifs-2/button39-g.jpg')" align="right"></a></td>
                     <td width="17" style="font-family: Arial; font-size: 10pt; font-weight: bold">&nbsp;</td>
                  </tr>
                  <tr>
                     <td width="53">&nbsp;</td>
                     <td width="135">&nbsp;</td>
                     <td width="17">&nbsp;</td>
                  </tr>
               </table>
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
30. März 2012, 15:48
Rufname:
Wohnort: Aachen


AW: Navigation leister ersätzen - AW: Navigation leister ersätzen

Nach oben
       

Hallo kesart,

entschuldige, aber bei so einem Code bekomme ich immer das Gruseln. Ich kann dir zwar nicht in Bezug auf FrontPage weiterhelfen, aber den Code kann man locker vereinfachen. Davon ausgehend, dass die Bilder für das Menü nur Text beinhalten (wie die meisten Bilder auf deiner Webseite), die Angaben zur Schriftart, -Farbe und -Style im Code alle gleich sind, kann man das ganze auch mit CSS machen. Deine Tabelle habe ich mal entsprechend umgesetzt:
Code:
<title>kesart</title>
<style>
.menu {
font: normal bold 14px Arial, Helvetica, sans-serif;
background-color: #424242;
}
.menu a:link { color: #fff; text-decoration: none;}
.menu a:hover { color: #c0c0c0; text-decoration: none;}

.links { text-align: left;}
.mitte { text-align: center;}
.rechts { text-align: right;}
</style>
</head>

<body>
   <table border="0" width="980" cellpadding="0" style="border-collapse: collapse;">
      <tr>
         <td width="53">&nbsp;</td>
         <td width="135">&nbsp;</td>
         <td width="56" rowspan="2" class="menu links"><a href="welcome.htm">Home</a></td>
         <td width="119" rowspan="2" class="menu mitte"><a href="#">Galerie Profilen</a></td>
         <td width="95" rowspan="2" class="menu mitte"><a href="contact-info-page-2.htm">Kontakt</a></td>
         <td width="105" rowspan="2" class="menu mitte"><a href="gastbuch-page-2.htm">Gästebuch</a></td>
         <td width="105" rowspan="2" class="menu mitte"><a href="account-info-page-2.htm">Information</a></td>
         <td width="100" rowspan="2" class="menu mitte"><a href="registration-page-2.htm">Beantragen</a></td>
         <td width="108" rowspan="2" class="menu mitte"><a href="link-page-nr.1a.htm">Partnerseiten</a></td>
         <td width="86" rowspan="2" class="menu rechts"><a href="imprint-info-page-2.htm">Impressum</a></td>
         <td width="17">&nbsp;</td>
      </tr>
      <tr>
         <td width="53">&nbsp;</td>
         <td width="135">&nbsp;</td>
         <td width="17">&nbsp;</td>
      </tr>
   </table>

Der Code hat sich somit um 2/3 minimiert und ist wesentlich übersichtlicher geworden. Innerhalb der <style>-Angaben findest du eine Klasse (.menu) mit den Angaben zur Schrift (font-style, font-variant, font-size, font-family) und die Hintergrundfarbe. Dann noch, wie sich die Schriftfarbe ändern soll, wenn der Menüpunkt gehovert wird. Diese Klasse wird nur noch in die Zelle (td) eingefügt und schon funktioniert das Ganze. Für die unterschiedlichen Positionen des Textes habe ich eigene kleine Klassen erstellt, die an die Menüklasse angefügt werden. Die weiteren überflüssigen Angaben in der Tabelle und den Zellen habe ich mal raus geschmissen.

Okay, das ist jetzt wahrscheinlich nicht die erwartete Lösung, aber vielleicht hilft's ja weiter.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge Macromedia Dreamweaver Forum: Navigation Unterpunkte 0 EzioAuditore600 459 30. März 2013, 22:21
EzioAuditore600 Navigation Unterpunkte
Keine neuen Beiträge HTML & CSS Forum: Daten von Mysql in Liste darstellen inkl. Navigation 3 beat78 1392 29. Sep 2011, 21:12
fallai Daten von Mysql in Liste darstellen inkl. Navigation
Keine neuen Beiträge MS Expression Web Forum: Navigation mit Unterpunkten bei MouseOver 3 Nob 3032 16. März 2011, 12:33
womaninweb Navigation mit Unterpunkten bei MouseOver
Keine neuen Beiträge Frontpage Forum: Frontpage: Plötzlich keine Navigation mehr? 0 Michi1 677 01. Jan 2011, 13:52
Michi1 Frontpage: Plötzlich keine Navigation mehr?
Keine neuen Beiträge Frontpage Forum: Horizontale Navigation zum Aufklappen 11 jh312 12818 10. Jan 2010, 16:10
Gast Horizontale Navigation zum Aufklappen
Keine neuen Beiträge HTML & CSS Forum: hyperlinks der navigation in der main anwenden 1 Ey-Ko 1419 21. Dez 2009, 00:25
Ey-Ko hyperlinks der navigation in der main anwenden
Keine neuen Beiträge Macromedia Dreamweaver Forum: Ausfahrbare Navigation 0 xXsaugerXx 1766 20. Aug 2009, 17:50
xXsaugerXx Ausfahrbare Navigation
Keine neuen Beiträge HTML & CSS Forum: Navigation mit <li> und <ul> - Buttons verschobe 2 wmxrecords 2013 30. Jun 2009, 18:11
wmxrecords Navigation mit <li> und <ul> - Buttons verschobe
Keine neuen Beiträge HTML & CSS Forum: Navigation in div verrutscht je nach Version 2 chopsui 1594 04. Jun 2009, 21:54
chopsui Navigation in div verrutscht je nach Version
Keine neuen Beiträge MS Expression Web Forum: Navigation mit Css verbinden? 1 AnjaMoehle 1985 16. Nov 2008, 19:30
womaninweb Navigation mit Css verbinden?
Keine neuen Beiträge HTML & CSS Forum: Meine Navigation.. 1 BobbaWelt 980 08. Okt 2008, 20:53
eiskalterengel Meine Navigation..
Keine neuen Beiträge Frontpage Forum: Frage bzgl. Linkleise / Navigation 0 Gast 1016 10. Dez 2007, 18:39
Gast Frage bzgl. Linkleise / Navigation
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: Access Tabellen