CSS - Anweisung für aktuellen Link in Navileiste - Web | Programmierung

philosapiens

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

11

Freitag, 15. Februar 2008, 09:52

Hi,

na klar könnt Ihr den Code sehen! Auch wenn es ein wenig simple ist aber es ist nun genau so, wie ich es momentan toll finde:

Als Beispiel mal die beratungsangebot.php :

PHP-Quelltext

<?php

include("funktionen.php");
include("dynamic_keywords_beratungsangebot.php");

$titel = "Krenz Arbeitsrecht - Kanzlei | Beratungsangebot";
$description = "Die Kanzlei Dr. Krenz ist ein Anwaltsbüro für Arbeitsrecht in Berlin. Das  Beratungsangebot umfasst Schwerpunkte wie Beratung bei K&uuml;ndigungen , Sozialplanverhandlungen u.v.m.";

$class_index ="button";
$class_beratungsangebot ="active_button";
$class_seminare ="button";
$class_portraet ="button";
$class_sekretariat ="button";
$class_kontakt ="button";
$class_presse ="button";
$class_impressum ="button";

eval("\$kopf= \"".getTemplate("kopf")."\";");  
eval("\$navi= \"".getTemplate("navi")."\";");  
eval("\$navibild= \"".getTemplate("navibild/beratungsangebot_navibild")."\";");  
eval("\$inhalt= \"".getTemplate("inhalt/beratungsangebot_inhalt")."\";");  
eval("\$fuss= \"".getTemplate("fuss")."\";");  

eval("anzeigen(\"".gettemplate("seite")."\");");

?>

Und die navi.html:

Quellcode

    <tr>
     <td class="$class_index" width="150"><a href="http://www.krenz-kanzlei.rsclan.de/" title="Start">Start</a></td>
    </tr>
    <tr>
     <td class="$class_beratungsangebot"><a href="http://www.krenz-kanzlei.rsclan.de/beratungsangebot.php" title="Beratungsangebot">Beratungsangebot</a></td> 
    </tr> 
    <tr>
     <td class="$class_seminare"><a href="http://www.krenz-kanzlei.rsclan.de/seminare.php" title="Seminare">Seminare</a></td> 
    </tr> 
    <tr>
     <td class="$class_portraet"><a href="http://www.krenz-kanzlei.rsclan.de/portraet.php" title="Portr&auml;t">Portr&auml;t</a></td> 
    </tr> 
    <tr>
     <td class="$class_sekretariat"><a href="http://www.krenz-kanzlei.rsclan.de/sekretariat.php" title="Sekretariat">Sekretariat</a></td> 
    </tr> 
    <tr>
     <td class="$class_kontakt"><a href="http://www.krenz-kanzlei.rsclan.de/kontakt_und_anfahrt.php" title="Kontakt">Kontakt/Anfahrt</a></td> 
    </tr>
    <tr>
     <td class="$class_presse"><a href="http://www.krenz-kanzlei.rsclan.de/presse.php" title="Presse">Presse</a></td>
    </tr>
    <tr>
     <td class="$class_impressum"><a href="http://www.krenz-kanzlei.rsclan.de/impressum.php" title="Impressum">Impressum</a></td>
    </tr>

Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes:

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »philosapiens« (15. Februar 2008, 10:02)

philosapiens

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

12

Freitag, 15. Februar 2008, 09:52

Sorry für den Doppelpost, ich hatte wohl einen Tatterich über der Entertaste!! Ach ich bin ja so aufgeregt!!

Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes:

HiGHteK

findet sich zurecht

Beiträge: 144

Geschlecht: Männlich

PHPKIT Version: 1.6.03

13

Freitag, 15. Februar 2008, 12:10

Na immerhin bist du zufrieden, auch wenn ich nicht ganz verstehe wieso du lieber 8 $class_... Angaben schreibst, als nur immer eine Angabe und dabei eine ID definierst...aber das sei dir überlassen, jeder wie er es mag

Noch ne kleine Anmerkung, Frage / Hinweis (kannst du dir aussuchen

)

Wieso verwendest du bei der Navigation absolute URLs für die Zielangabe (also <a ... href="http://www.bla.tld/ziel.php"...>

und nicht relative Angaben ala <a ... href="ziel.php"...> ??
Also auch wenn es vielleicht unwahrscheinlich ist, aber wenn die Seite mal auf eine andere Domain umzieht, musst du alle Verweise von Hand anpassen. Bei relativen Angaben muss einfach nur die Struktur beibehalten / wiederhergestellt werden

Aber das wirklich nur als kleine Anmerkung am Rande, weil es nur wenig mit dem Thema zu tun hat

Grtz

OffTopic

Zitat

Ach ich bin ja so aufgeregt!!

Wieso das? Weil die Navigation endlich funktioniert oder weil bald Wochenende ist?

[Bevor du jemanden mit Füßen trittst, überleg ob du einem eventuellen Echo gewachsen bist]

philosapiens

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

14

Freitag, 15. Februar 2008, 12:19

Hi,

danke für Deine Hinweise! Das dokumentiert doch eigentlich nur mein Unwissen. Mir war die Verlinkung mit den relativen Angaben nicht so geläufig. Du hast Natürlich Recht und ich werde dies anpassen.

Zu den Klassen: Ich habe doch auch nur zwei Klassen im CSS. Eine class: button und eine active_button. Ist es da nicht egal ob es eine Klasse oder eine ID ist? Der direkte Unterschied ist mir wohl noch nicht so ganz klar. Ja, ich habe acht Variablen, aber doch nur die beiden Klassen.

Zum Zitat: Ich sag es mal so: Da ich mich nach wie vor mehr als "Copy and Paster" sehe, ist es jedesmal ein Abenteuer für mich, solche Codes zu erstellen. Da eines meiner Lebensmottos "Verstehen" heißt, bin ich immer wieder auf´s Neue aufgeregt, wenn mal etwas so klappt, wie ich es auch verstanden habe.

Aber auch Dir ein schönes Wochenende!!! :thumbup:

Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes:

HiGHteK

findet sich zurecht

Beiträge: 144

Geschlecht: Männlich

PHPKIT Version: 1.6.03

15

Freitag, 15. Februar 2008, 13:06

Zitat

Da eines meiner Lebensmottos "Verstehen" heißt

Dann ist aber scheinbar meine Erklärung an deinem Motto etwas vorbeigerauscht

Aber da ich gerade eh n bisschen Langeweile habe, hier nochmal eine etwas ausführlichere Erklärung was ich mit dem class und id - Kram gemeint hab...
Folgendes Beispiel - Template für die Navigation...

Quellcode

<tr>
  <td class="nav"><a $id_startseite class="navilink" href="startseite.php"></td>
</tr>
<tr>
  <td class="nav"><a $id_linkus class="navilink" href="linkus.php"></td>
</tr>
<tr>
 <td class="nav"><a $id_guestbook class="navilink" href="guestbook.php"></td>
</tr>

Definiere ich nun mittels CSS die Klasse navilink, so sehen ja erstmal alle Links gleich aus und es wird keiner gesonders hervorgehoben..die CSS - Angaben könnten dabei vereinfacht so aussehen...

Quellcode

a.navilink:link, a.navilink:active, a.navilink:visited
{
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	display: block;
}
a.navilink:hover
{
	color: #FF0000;
	border: 1px solid #FF0000;
}

Nun hab ich ja drei Dateien, die mittels der Navigation aufgerufen werden, die vom Aufbau alle im groben gleich Aussehen würden...in etwa so

PHP-Quelltext

<?php
//Hier würden Dateien includet werden, die gebraucht werden

// Definition der ID
$id_startseite = 'id="navilink_aktiv"'; //das würde in der startseite.php an dieser Stelle stehen
$id_linkus = 'id="navilink_aktiv"'; //das würde in der linkus.php an dieser Stelle stehen
$id_guestbook = 'id="navilink_aktiv"'; //das würde in der guestbook.php an dieser Stelle stehen
// Definition der ID (Ende)

//Hier steht der eigentliche Inhalt der Datei

//Hier werden Templates eingebunden und aufgerufen
?>

Und um zu verdeutlichen, was durch die eine Deklaration passiert, hier mal der Quellcode der Navigation, wie er für die Startseite nun aussehen würde

Quellcode

<tr>
  <td class="nav"><a id="navilink_aktiv" class="navilink" href="startseite.php"></td>
</tr>
<tr>
  <td class="nav"><a class="navilink" href="linkus.php"></td>
</tr>
<tr>
 <td class="nav"><a class="navilink" href="guestbook.php"></td>
</tr>

Dadurch das nur die Variable $id_startseite definiert wurde sind alle
anderen $id_.. - Variablen leer geblieben. Nun bräucht ich also nur
noch eine weitere kleine CSS-Anweisung wie etwa

Quellcode

a#navilink_aktiv:link, a#navilink_aktiv:active, a#navilink_aktiv:visited
{
	color: #0000FF;
	border: 1px solid #0000FF;
}
a#navilink_aktiv:hover
{
	color: #0000FF;
	border: 1px solid #0000FF;
	text-decoration: strike-through;
}

Damit würde ich das <a> - Element mit der id navilink_aktiv "stylen" und die class-Angaben von navilink würden dabei überschrieben werden, so dass der eine Link sich nun von den anderen abhebt. Allgemein gilt dabei wohl style=""-Angaben > ID Style > class Style (Ausnahmen kann man mittels der Angabe !important schaffen, korrigiert falls ich da falsch liege).
Damit brauchst du also nicht mehr alle class-Angaben in den einzelnen Dateien definieren, sondern es reicht wenn man eine ID je Navigations-Link definiert.

Am besten das ganze mal an einem einfachen Beispiel ausprobieren...beim Selbermachen lernt man IMHO noch am meisten

Ich hoff mein Wust an Worten und Erklärungen ist einigermaßen verständlich, bin nicht so der gute Erklärer

Aber die Langeweile treibt manchmal gar komische Blüten

Grtz

[Bevor du jemanden mit Füßen trittst, überleg ob du einem eventuellen Echo gewachsen bist]

philosapiens

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

16

Freitag, 15. Februar 2008, 17:20

Hi,

alles klar! So macht es natürlich noch mehr Sinn. Auch beim Erstellen eventuell weiterer Navi-Buttons ist es so natürlich einfacher und besser! Ich wußte nicht, dass man mit der ID die class überlagern kann. Wieder was gelernt! Und dass auch noch so kurz vor dem Wochenende! Vielen Dank!

:love:

Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: