Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon detommy vom 24.04.2021, 09:00 Options

CSS p:hover

Hallo ich möchte, dass bei einem Textabschnitt ein Rahmen entsteht wenn man mit der Maus darüber fährt.

Das wollte ich so lösen:

<p id="bsp">Beispiel<p>

#bsp p:hover
{
border: 1px solid black;
}

Funktioniert aber leider nicht :(

Hat jemand eine Idee.

Vielen Dank im Voraus.

Antwort schreiben

Antwort 1 von derpfleger vom 24.04.2021, 10:48 Options

p#bsp:hover {border: 1px solid black; }

so sollte es gehen.

Gruß derpfleger

Antwort 2 von son_quatsch vom 24.04.2021, 10:48 Options

Entweder

p:hover { border: 1px solid black; }

oder

#bsp { border: 1px solid black; }

Was du gemacht hast, würde wohl nur in folgendem HTML klappen:

<div id="bsp">
  <p>Beispiel</p>
</div>

Antwort 3 von detommy vom 24.04.2021, 11:34 Options

Zitat:
<div id="bsp">
<p>Beispiel</p>
</div>

Hab ich jetzt auch gemacht. Vielen Dank.

Antwort 4 von gast42 vom 24.04.2021, 16:15 Options

Du hast damit von allen Vorschlägen den ungeschicktesten genommen, Antwort 1 war das sinnvollste!

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken