Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Link mit Div Hintergrundbildern a.active reagiert nicht

Frage Entwicklung CSS

Mitglied: HansderDampft

HansderDampft (Level 1) - Jetzt verbinden

09.12.2010, aktualisiert 16:09 Uhr, 3486 Aufrufe, 3 Kommentare

Hallo,

ich habe ein Problem mit einem Hyperlink. Das a.active zeigt keine Reaktion und ich weiß nicht warum.
Mittels 3 Divs und 6 Grafiken baue ich mir einen Button für jeweils a.link, a.hover and a.active zusammen

c68ab12dc24c79559b60268857cb84ca - Klicke auf das Bild, um es zu vergrößern

damit der Button dann so aussieht:

blau: a.link, grün: a.hover, orange: a.active

das funktioniert auch soweit. wenn ich mit der maus über den Button bzw. link gehe wird dieser grün. aber wenn ich klicke, bleibt er grün, sollte aber orange werden.

26f8a7c8771e3c1127756f7ac98baf92 - Klicke auf das Bild, um es zu vergrößern

mein html code bzw. asp.net:
01.
  
02.
 <asp:Panel ID="DivLoginBox" runat="server" CssClass="loginBox"> 
03.
        <asp:Panel ID="DivloginBoxInner" runat="server" CssClass="loginBoxInner"> 
04.
            <!--Beispiel Linkbutton --> 
05.
            <asp:LinkButton ID="lbtnLogin" runat="server" CssClass="lnkSubmit"> 
06.
                <asp:Panel runat="server" ID="Panel1" CssClass="DIVLinkButtonContent"> 
07.
                    <asp:Panel runat="server" CssClass="DivLinkButtonLeft" ID="Panel2"> 
08.
                    </asp:Panel> 
09.
                    <asp:Panel runat="server" CssClass="DivLinkButtonRight" ID="Panel3"> 
10.
                    </asp:Panel> 
11.
                    <asp:Panel runat="server" CssClass="DivLinkButtonMid" ID="Panel4"> 
12.
                        Button Text 
13.
                    </asp:Panel> 
14.
                </asp:Panel> 
15.
            </asp:LinkButton> 
16.
            <!-- Beispiel einfacher Link --> 
17.
            <a href="#" class="lnkSubmit"> 
18.
                <asp:Panel runat="server" ID="DIVLinkButtonContent" CssClass="DIVLinkButtonContent"> 
19.
                    <asp:Panel runat="server" CssClass="DivLinkButtonLeft" ID="DivLeft"> 
20.
                    </asp:Panel> 
21.
                    <asp:Panel runat="server" CssClass="DivLinkButtonRight" ID="DivRight"> 
22.
                    </asp:Panel> 
23.
                    <asp:Panel runat="server" CssClass="DivLinkButtonMid" ID="DivMid"> 
24.
                        Hyperlink Text 
25.
                    </asp:Panel> 
26.
                </asp:Panel> 
27.
            </a> 
28.
        </asp:Panel> 
29.
    </asp:Panel>
und hier meine css definition:
.DIVLinkButtonContent 
	display:table-cell ; 
 a.lnkSubmit:link div.DivLinkButtonLeft 
	background:url("../_images/blank_Left_n.gif") no-repeat; 
	width:6px; 
	height:24px; 
	float: left; 
    margin: 0;  
    padding: 0; 
    text-decoration: none; 
 
a.lnkSubmit:visited div.DivLinkButtonLeft 
	background:url("../_images/blank_Left_n.gif") no-repeat; 
	width:6px; 
	height:24px; 
	float: left; 
    margin: 0;  
    padding: 0; 
    text-decoration: none; 
 
 a.lnkSubmit:hover div.DivLinkButtonLeft 
	background:url("../_images/blank_Left_o.gif") no-repeat; 
	width:6px; 
	height:24px; 
	float: left; 
    margin: 0;  
    padding: 0; 
    text-decoration: none; 
 
a.lnkSubmit:active  div.DivLinkButtonLeft 
	background-image:url("../_images/blank_Left_a.gif") no-repeat; 
	width:6px; 
	height:24px; 
	float: left; 
    margin: 0;  
    padding: 0; 
    text-decoration: none; 
 
/*middle Div*/ 
a.lnkSubmit:link div.DivLinkButtonMid 
	margin:    0px 6px 0px 6px; 
    padding:  3px 3px 0 0; 
	height:24px; 
	background:url("../_images/blank_mid_n.gif") repeat-x; 
	text-align:center; 
	font: 9pt "verdana";  
	font-weight:bold; 
	color: #fff;  
	text-decoration: none; 
	 
a.lnkSubmit:visited div.DivLinkButtonMid 
	margin:    0px 6px 0px 6px; 
    padding:  3px 3px 0 0; 
	height:24px; 
	background:url("../_images/blank_mid_n.gif") repeat-x; 
	text-align:center; 
	font: 9pt "verdana";  
	font-weight:bold; 
	color: #fff;  
	text-decoration: none;	 
a.lnkSubmit:hover div.DivLinkButtonMid 
	margin:    0px 6px 0px 6px; 
    padding:  3px 3px 0 0; 
	height:24px; 
	background:url("../_images/blank_mid_o.gif") repeat-x; 
	text-align:center; 
	font: 9pt "verdana";  
	font-weight:bold; 
	color: #fff;  
	text-decoration: none;	 
a.lnkSubmit:active  div.DivLinkButtonMid 
	margin:    0px 6px 0px 6px; 
    padding:  3px 3px 0 0; 
	height:24px; 
	background:url("../_images/blank_mid_a.gif") repeat-x; 
	text-align:center; 
	font: 9pt "verdana";  
	font-weight:bold; 
	color: #fff;  
	text-decoration: none; 
/*right Div*/ 
a.lnkSubmit:link div.DivLinkButtonRight 
	float: right; width: 6px; 
    margin: 0;  
    padding: 0; 
	background:url("../_images/blank_right_n.gif") no-repeat; 
	height:24px; 
	text-decoration: none; 
a.lnkSubmit:visited div.DivLinkButtonRight 
	float: right; width: 6px; 
    margin: 0;  
    padding: 0; 
	background:url("../_images/blank_right_n.gif") no-repeat; 
	height:24px; 
	text-decoration: none; 
a.lnkSubmit:hover div.DivLinkButtonRight 
	float: right; width: 6px; 
    margin: 0;  
    padding: 0; 
	background:url("../_images/blank_right_o.gif") no-repeat; 
	height:24px; 
	text-decoration: none; 
a.lnkSubmit:active  div.DivLinkButtonRight 
	float: right; width: 6px; 
    margin: 0;  
    padding: 0; 
	background:url("../_images/blank_right_a.gif") no-repeat; 
	height:24px; 
	text-decoration: none; 
}
hat jemand vielleicht eine idee, was ich falsch mache?

lg maik
Mitglied: dog
09.12.2010 um 20:57 Uhr
.active gibt es eigentlich nicht wirklich.
Das ist ein Zwischenstatus, der so lange anhält wie man den Button tatsächlich drückt.
Du siehst das Bild hier nicht, weil es eben erst geladen werden muss und das länger dauert als du normalerweise klickst.
Bitte warten ..
Mitglied: HansderDampft
09.12.2010 um 22:06 Uhr
hi, danke für deine antwort. selbst wenn ich die maus 1 minute festhalte über dem button, dann ändert das nichts, der button bleibt grün. so lang wird die grafik ja nicht zum laden brauchen.
Bitte warten ..
Mitglied: dog
09.12.2010 um 23:58 Uhr
Dann erklär mal, was du mit diesem Code bezwecken möchtest:
a.lnkSubmit:active div.DivLinkButtonRight
Bitte warten ..
Ähnliche Inhalte
CSS
Responsives Hintergrundbild
Frage von pcguyCSS7 Kommentare

Hallo zusammen, ich suche eine Lösung für ein responsives Hintergrundbild. Mein Codde bis jetzt: Das funktioniert recht gut, aber ...

Windows 7
Windows 7 Hintergrundbild verschwindet
Frage von MaeffjusWindows 77 Kommentare

Hallo Zusammen, an einem Thinkpad T440 mit Windows 7 Pro in einem AD verschwindet seit geraumer Zeit immer das ...

CSS
Div boxen nebeneinander platzieren
Frage von deinernstjetztCSS5 Kommentare

Hallo, ich schreibe an einer Website, die aus Überschrift, Seitenverzeichniss und Text besteht. Im Seitenverzeichniss(div box 1) stehen Buttons ...

CSS
Positionierung von DIV - Sidebar
gelöst Frage von christian.mahrCSS5 Kommentare

Hallo Zusammen, ich möchte gern ein eine Sidebar auf meiner Seite einbauen. Leider wird diese aktuell am DIV "Company" ...

Neue Wissensbeiträge
Verschlüsselung & Zertifikate

19 Jahre alter Angriff auf TLS funktioniert immer noch

Information von BassFishFox vor 3 StundenVerschlüsselung & Zertifikate

Interessant zu lesen. Der Bleichenbacher-Angriff gilt unter Kryptographen als Klassiker, trotzdem funktioniert er oft noch. Wie wir herausgefunden haben, ...

Windows 10

Windows 10 Fall Creators Update - Neue Funktion Hyper-V Standardswitch kann ggf. Fehler bei Proxy Configs verursachen

Erfahrungsbericht von rzlbrnft vor 14 StundenWindows 102 Kommentare

Hallo Kollegen, Da wir die Gefahr lieben, haben wir bei einigen Usern nun mittlerweile das Creators Update drauf. Einige ...

Sicherheit

TLS-Zertifikat und privater Schlüssel von Microsofts Dynamics 365 geleakt

Information von Penny.Cilin vor 16 StundenSicherheit

Microsoft hat versehentlich das TLS-Zertifikat inklusive dem privaten Schlüssel seiner Business-Anwendung Dynamics 365 geleakt. TLS-Zertifikat und privater Schlüssel von ...

Viren und Trojaner

Deaktivierter Keylogger in HP Notebooks entdeckt

Information von bitcoin vor 1 TagViren und Trojaner3 Kommentare

Ein Grund mehr warum man Vorinstallationen der Hersteller immer blank bügeln sollte Der deaktivierte Keylogger findet sich im vorinstallierten ...

Heiß diskutierte Inhalte
Netzwerkmanagement
Firefox Profieles im Roaming
gelöst Frage von Hendrik2586Netzwerkmanagement17 Kommentare

Hallo liebe Leute. :) Ich hab da ein kleines Problem, welches anscheinend nicht unbekannt ist. Wir nutzen hier in ...

Netzwerkmanagement
NAS über zwei weitere Ethernet Anschlüsse verbinden
gelöst Frage von Sibelius001Netzwerkmanagement16 Kommentare

Sorry - ich bin hier wahrscheinlich als kompetter IT Trottel unterwegs. Aber eventuell kann mir jemand ganz einfach helfen: ...

LAN, WAN, Wireless
Häufig Probleme beim Anmelden in WLAN
Frage von mabue88LAN, WAN, Wireless15 Kommentare

Hallo zusammen, in einem Netzwerk gibt es relativ häufig (1-2 mal pro Woche) Probleme mit der WLAN-Verbindung. Zunächst mal ...

Netzwerkgrundlagen
Hi eine blöde frage. xD
Frage von 132954Netzwerkgrundlagen13 Kommentare

Also: Habe 2012 r2 essentials neuinstalliert, allerdings installiert diese version ja gleich diesen gangen AD kram mit, den hab ...