[Erledigt] aktiven link im zustand von hover anzeigen? - Seite 2

Manko10 · 01.11.2008, 12:18

Wieso benutzt du denn DIVs für die Navigation?
Du dürftest auch gerne mal wieder mehr auf deine Rechtschreibung achten.

litterauspirna · 01.11.2008, 12:22

Oh habe ich soviele Fehler drin gehabt?

Habe es mit Tabellen probiert und auch das klappte nicht,weil auch da sich die Höhe nicht angepasst hat,so wie es hier ist,es entstanden immer Freiräume und Luftlöcher. Hat sich eine td in der Höhe verändert dann die andere auch,ist ja logisch. Ich will aber das wenn ich einen Link anklicke der sich in der Höhe und Farbe verändert und die anderen dann aber weiter angebunden sind,wie es ebend hier in den Profilen ist.

Manko10 · 01.11.2008, 12:24

Navigationen sind floatende Listen. In einigen Fällen kannst du auch display: inline benutzen.

nikosch · 01.11.2008, 12:24

z.B. den: text_contend
Und es heißt eben nicht "ebend"

Tabellen: Ihhhh. Benutze Listenmenüs. Es gibt tausende Codebeispiele im Netz: CSS list menu

litterauspirna · 01.11.2008, 12:49

Auch mit Listen schaffe ich es nicht.

Hier mal die CSS

Code:

#navi
{
width: 450px;
margin-left: 30px;
}
#link_menu
{
float: left;
width: 100px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
height: 20px;
margin-left: 5px;
}
#link_menu a
{
float: left;
width: 100px;
display: inline;
height: 20px;
color: #000000;
text-decoration: none;
}
#link_menu a:hover
{
float: left;
width: 100px;
display: inline;
height: 20px;
text-decoration: none;
color: #000090;
background-color: #ECD888;
}
#link_aktiv
{
float: left;
width: 100px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
height: 30px;
margin-left: 5px;
}
#link_aktiv a
{
float: left;
width: 100px;
display: inline;
height: 30px;
color: #000000;
text-decoration: none;
background-color: #ECD888;
}

Und der dazugehörige Code

PHP-Code:

 
<div id="navi">
   <li <?php if(isset($_GET['upload'])) echo 'id="link_aktiv"'; else echo 'id="link_menu"'; ?>>
    <a href="user_bild_upload.php?upload=<?php echo $userdata['username'].'&id_user='.$id_user; ?>">Bild hochladen</a>
   </li>
   <li id="link_menu">
    <a href="user_bild_upload.php?bild_edit=<?php echo $userdata['username'].'&id_user='.$id_user; ?>">Bild ändern</a>
   </li>
  </div>
 
<div id="contend_text">
 
</div>

Die Listenpunkte werden nicht komplett eingefärbt beim hover sondern nur der Link selber und wenn ein aktiver Link sich in der Höhe ändert bleiben die anderen an der Stelle stehen und passen sich nicht an so wie es hier ist.

Das Problem mit dem einfärben habe ich gelöst mit display: inline; nur das andere bekomme ich einfach nicht hin

nikosch · 01.11.2008, 12:59

Warum benutzt Du nicht ein ausgereiftes Beispiel aus dem Web? Man muß doch nicht alles stets neu erfinden.

litterauspirna · 01.11.2008, 13:05

weil ich dazu keins gefunden habe was das macht was ich will. Im prinzip läuft alles wie ich will nur eben das ich die Listenpunkte nicht am unteren Rand des Divs festsetzen kann,so das eben Links die nicht geklickt wurden dann nicht in der Luft hengen wenn einer geklickt wurde.

nikosch · 01.11.2008, 13:20

> hängen!
position:relative;bottom:0;

oder
li { margin-top:3px; height:20px }
li.active { margin-top:0px; height:23px }

litterauspirna · 01.11.2008, 13:29

Vielen Dank nikosch,das war das einzige was zum funktionieren gefehlt hat. Nun haut alles hin.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bilder bzw. link mit php anzeigen bzw. verstecken		PHP Tipps 2005-2	2	07.10.2005 13:40
Daten aus MySQL-abfrage zum Link mit id zusammensetzen	maccoder	Datenbanken	2	13.09.2005 16:49
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
aktiven Link kennzeichnen in Listennavigation		PHP Tipps 2004-2	4	12.12.2004 18:29
Auslesen vom letzten aktiven (besuchten) Link		PHP-Fortgeschrittene	3	09.11.2004 09:35
Fehler im Script für aktiven Link	tikal	PHP Tipps 2004	4	22.09.2004 10:37
PHP Link ???		PHP Tipps 2004	4	25.06.2004 17:24
Upload-Script: Link nach Upload anzeigen?		PHP Tipps 2004	4	18.06.2004 21:52

01.11.2008, 12:18
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Wieso benutzt du denn DIVs für die Navigation? Du dürftest auch gerne mal wieder mehr auf deine Rechtschreibung achten. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.11.2008, 12:22
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Oh habe ich soviele Fehler drin gehabt? Habe es mit Tabellen probiert und auch das klappte nicht,weil auch da sich die Höhe nicht angepasst hat,so wie es hier ist,es entstanden immer Freiräume und Luftlöcher. Hat sich eine td in der Höhe verändert dann die andere auch,ist ja logisch. Ich will aber das wenn ich einen Link anklicke der sich in der Höhe und Farbe verändert und die anderen dann aber weiter angebunden sind,wie es ebend hier in den Profilen ist. __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de

01.11.2008, 12:24
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Navigationen sind floatende Listen. In einigen Fällen kannst du auch display: inline benutzen. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

01.11.2008, 12:24
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	z.B. den: text_contend Und es heißt eben nicht "ebend" Tabellen: Ihhhh. Benutze Listenmenüs. Es gibt tausende Codebeispiele im Netz: CSS list menu __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

01.11.2008, 12:49
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Auch mit Listen schaffe ich es nicht. Hier mal die CSS Code: #navi { width: 450px; margin-left: 30px; } #link_menu { float: left; width: 100px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; height: 20px; margin-left: 5px; } #link_menu a { float: left; width: 100px; display: inline; height: 20px; color: #000000; text-decoration: none; } #link_menu a:hover { float: left; width: 100px; display: inline; height: 20px; text-decoration: none; color: #000090; background-color: #ECD888; } #link_aktiv { float: left; width: 100px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; height: 30px; margin-left: 5px; } #link_aktiv a { float: left; width: 100px; display: inline; height: 30px; color: #000000; text-decoration: none; background-color: #ECD888; } Und der dazugehörige Code PHP-Code: `<div id="navi"> <li <?php if(isset($_GET['upload'])) echo 'id="link_aktiv"'; else echo 'id="link_menu"'; ?>> <a href="user_bild_upload.php?upload=<?php echo $userdata['username'].'&id_user='.$id_user; ?>">Bild hochladen</a> </li> <li id="link_menu"> <a href="user_bild_upload.php?bild_edit=<?php echo $userdata['username'].'&id_user='.$id_user; ?>">Bild ändern</a> </li> </div> <div id="contend_text"> </div>` Die Listenpunkte werden nicht komplett eingefärbt beim hover sondern nur der Link selber und wenn ein aktiver Link sich in der Höhe ändert bleiben die anderen an der Stelle stehen und passen sich nicht an so wie es hier ist. Das Problem mit dem einfärben habe ich gelöst mit display: inline; nur das andere bekomme ich einfach nicht hin __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de Geändert von litterauspirna (01.11.2008 um 12:58 Uhr).

01.11.2008, 12:59
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Warum benutzt Du nicht ein ausgereiftes Beispiel aus dem Web? Man muß doch nicht alles stets neu erfinden. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

01.11.2008, 13:05
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	weil ich dazu keins gefunden habe was das macht was ich will. Im prinzip läuft alles wie ich will nur eben das ich die Listenpunkte nicht am unteren Rand des Divs festsetzen kann,so das eben Links die nicht geklickt wurden dann nicht in der Luft hengen wenn einer geklickt wurde. __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de Geändert von litterauspirna (01.11.2008 um 13:09 Uhr).

01.11.2008, 13:20
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	> hängen! position:relative;bottom:0; oder li { margin-top:3px; height:20px } li.active { margin-top:0px; height:23px } __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

01.11.2008, 13:29
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Vielen Dank nikosch,das war das einzige was zum funktionieren gefehlt hat. Nun haut alles hin. __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de