Gruppen
- Top Gruppen
- 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 TByte vom 05.04.2020, 13:30 Options
eigene klasse in css
Hallo.
Also in css muss man, um einen eigene Klasse zu definieren, erstmal ein Tag haben, also als bsp:
<p class="neu">hier text</p>
und dann bei css:
p.neu{}.
Meine Frage:
kann man nicht sowas machen, oder ähnliches?
<class="neu">hier text</class>
und css:
neu{}
Geht das?
mfg
TByte
Also in css muss man, um einen eigene Klasse zu definieren, erstmal ein Tag haben, also als bsp:
<p class="neu">hier text</p>
und dann bei css:
p.neu{}.
Meine Frage:
kann man nicht sowas machen, oder ähnliches?
<class="neu">hier text</class>
und css:
neu{}
Geht das?
mfg
TByte
Antwort 1 von Helfer1 vom 05.04.2020, 13:48 Options
Hi,
du kannst .neu {} schreiben, dann werden alle mit "neu" klassifiziertenTags berücksichtigt, wobei mit p.neu {} werden nur alle Tags mit p und der Klassifizierung "neu" berücksichtigt. Es kommt also ganz daruf an, was du mit der Klassifizierung erreichen willst.
du kannst .neu {} schreiben, dann werden alle mit "neu" klassifiziertenTags berücksichtigt, wobei mit p.neu {} werden nur alle Tags mit p und der Klassifizierung "neu" berücksichtigt. Es kommt also ganz daruf an, was du mit der Klassifizierung erreichen willst.
Antwort 2 von katy vom 05.04.2020, 14:06 Options
Hallo TByte,
was Helfer1 hier ganz richtig beschrieben hat kannst du bei SelfHTML auch ganz ausführlich mit Beispielen nachlesen.
katy
was Helfer1 hier ganz richtig beschrieben hat kannst du bei SelfHTML auch ganz ausführlich mit Beispielen nachlesen.
katy
Antwort 3 von TByte vom 05.04.2020, 16:06 Options
1. Hab ich nicht ganz verstanden.
2. Andere Frage: Gibs in css denn keine Fettschrift?
2. Andere Frage: Gibs in css denn keine Fettschrift?
Antwort 4 von Supermax vom 05.04.2020, 16:12 Options
Fettschrift erreichst du mit dem CSS-Attribut
Du kannst eine CSS-Klasse auch ohne Tag definieren, dann kannst du diese Klasse jedem beliebigen Tag zuweisen, z.B.
Dann kannst du schreiben
oder auch
Darüber hinaus solltest du dir wirklich SelfHTML durchlesen.
font-weight: bold;Du kannst eine CSS-Klasse auch ohne Tag definieren, dann kannst du diese Klasse jedem beliebigen Tag zuweisen, z.B.
.fettUndRot { color:red; font-weight:bold; }Dann kannst du schreiben
der folgende Text ist <span class="fettUndRot">Fett und Rot</span>oder auch
<h1 class="fettUndRot">Dies ist eine Überschrift, die ebenfalls Fett und Rot dargestellt wird</h1>Darüber hinaus solltest du dir wirklich SelfHTML durchlesen.
Antwort 5 von katy vom 05.04.2020, 16:13 Options
Hallo TByte,
ein bisschen Selbständigkeit können wir schon erwarten oder?
Also bitte beschreibe etwas genauer, was du unter dem von mir angegebenen Link nicht ganz verstanden hast.
Deine andere Frage lässt sich leicht beantworten:
klar gibt es das, du findest fett bzw. das Englische bold unter der CSS-Eigenschaft font-weight
katy
ein bisschen Selbständigkeit können wir schon erwarten oder?
Also bitte beschreibe etwas genauer, was du unter dem von mir angegebenen Link nicht ganz verstanden hast.
Deine andere Frage lässt sich leicht beantworten:
klar gibt es das, du findest fett bzw. das Englische bold unter der CSS-Eigenschaft font-weight
katy
Antwort 6 von TByte vom 05.04.2020, 16:20 Options
naja, also ich dachte immer:
Also mit bol hatte ich es ja auch schon versucht, aber eben wie oben, naja, danke. Aber selfHTML ist so viel, da kann man leicht die Übersicht verlieren!
font-style: bold;Also mit bol hatte ich es ja auch schon versucht, aber eben wie oben, naja, danke. Aber selfHTML ist so viel, da kann man leicht die Übersicht verlieren!
Antwort 7 von TByte vom 05.04.2020, 17:21 Options
und wie kann man einstellen, dass bei einem Klick ein anderes CSS benutzt ird? also als bsp.:
blauschema.css
rotschema.css
seite.html
jetzt will ich, das Schema von blauschema.css in rotschema.css ändern. Wie mach das?
blauschema.css
rotschema.css
seite.html
jetzt will ich, das Schema von blauschema.css in rotschema.css ändern. Wie mach das?
Antwort 8 von katy vom 05.04.2020, 18:02 Options
Hallo TByte,
das Klassenproblem ist also gelöst?
Um so etwas zu ändern benötigst du JavaScript.
Angenommen du hättest dein CSS so eingebunden:
dann benötigst du so eine JavaScript
Aufrufen kannst du das über
katy
das Klassenproblem ist also gelöst?
Um so etwas zu ändern benötigst du JavaScript.
Angenommen du hättest dein CSS so eingebunden:
<link rel="stylesheet" type="text/css" href="blauschema.css">dann benötigst du so eine JavaScript
function neuesCSS (welches) {
var link=document.getElementsByTagName("link");
for (var j=0; j<link.length; j++) {
if (link[j].rel=="stylesheet") link[j].href=welches;
}
}Aufrufen kannst du das über
<a href="javascript:neuesCSS('rotschema.css')">ROT</a>
<a href="javascript:neuesCSS('blauschema.css')">BLAU</a>katy
Antwort 9 von TByte vom 05.04.2020, 18:04 Options
Hab mir schon sowas gedacht, danke ;-)
Noch eine:
warum funktioniert mein z-index nicht?
Noch eine:
warum funktioniert mein z-index nicht?
p.ueschr{font-family: Arial, Comic Sans MS;font-size: 1cm;font-weight: bold;z-index: 2;}
p.ueschr1{font-family: Arial, Comic Sans MS;font-size: 1cm;font-weight: bold;z-index: 1;color: silver;position: absolute; top:10px;left:327px;}
Antwort 10 von katy vom 05.04.2020, 18:09 Options
Hallo TByte,
das lässt sich ohne Kenntnis des Kontext und vor allem ohne einer besseren Fehlerbeschreibung als "funktioniert nicht" nicht sagen!
katy
das lässt sich ohne Kenntnis des Kontext und vor allem ohne einer besseren Fehlerbeschreibung als "funktioniert nicht" nicht sagen!
katy
Antwort 11 von TByte vom 05.04.2020, 18:27 Options
sorry nee hat doch geklappt, hatte es 2mal eingegeben...
jetzt mal eine frage zu formularen:
man sieht doch oft, dass man wenn man aus einer liste etwas wählt, ein anderes gefüllt werden kann. ich möchte folgendes:
erstmal soll einer aus einer Liste sein bundessland wählen, wo er wohnt. Dann soll jenachdem, was er gewählt hat, eine zweite Liste erscheinen, wo er die Stadt wählen kann, ohne die Seite neu zu laden. Natürlich soll die zweite Liste nur die Städte beinhalten, die im jeweiligem Bundesland vorhanden ist. wie mach ich das?
jetzt mal eine frage zu formularen:
man sieht doch oft, dass man wenn man aus einer liste etwas wählt, ein anderes gefüllt werden kann. ich möchte folgendes:
erstmal soll einer aus einer Liste sein bundessland wählen, wo er wohnt. Dann soll jenachdem, was er gewählt hat, eine zweite Liste erscheinen, wo er die Stadt wählen kann, ohne die Seite neu zu laden. Natürlich soll die zweite Liste nur die Städte beinhalten, die im jeweiligem Bundesland vorhanden ist. wie mach ich das?
Antwort 12 von katy vom 05.04.2020, 20:01 Options
Stichwort: verkettete Auswahllisten
Antwort 13 von TByte vom 06.04.2020, 20:02 Options
jetzt wollt ich sowas machen, was ich auch geschafft hab: (Just for fun)
Wenn ich die Style sheets jetzt als blauschema.css extern auslagere, und mit
hinzufüge, dann kommt einfach nix! woran liegt das???
<html>
<head>
<title>Mitglied werden</title>
<style type="text/css">
p.theme{font-family: Arial, Comic Sans MS;font-size: 6mm;font-weight: bold;color: #090953;}
p.uesch{font-family: Arial, Comic Sans MS;font-size: 1cm;font-weight: bold;color: #090953;position: absolute; top:10px;left:327px;z-index: 2;}
p.uesch1{font-family: Arial, Comic Sans MS;font-size: 1cm;font-weight: bold;color: #B7B3FF;position: absolute; top:15px;left:335px;z-index: 1;}
p.eilei{font-family: Comic Sans MS;background: #655CFE;border: 8px;border-style: solid;border-color: #090B51;}
p.musssein{font-size: 0mm; margin-top: 100px;}
body{background: #D0F7FD;color: #090953;}
</style>
</head>
<body>
<form action="mailto:Alireza.s@gmx.de" method="post" enctype="text/plain">
<p class="uesch" align="center">Werden sie Mitglied</p>
<p class="uesch1" align="center">Werden sie Mitglied</p>
<p class="musssein">s</p><br>
<p class="eilei" align="center">Sie <b>müssen</b> einfach nur <br>das folgende Formular ausfüllen!<br>
Die mit einem * gekennzeichneten <br>Felder <b>dürfen</b> ausgefüllt werden.</p>
<br>
<br>
<br>
<p class="theme" align="left">Allgemein</p>
<hr color="#655CFE">
<p class="vor">Vorname <br>
<input type="text" name="vorname" size="25">
</p>
<p class="nach">Nachname <br>
<input type="text" name="nachname" size="25">
</p>
<p class="gew">Gewicht <br>
<input type="text" name="gewicht" size="5" maxlength="3">kg
</p>
<p class="gr">Größe <br>
<input type="text" name="größe" maxlength="6">cm
</p>
<p class="theme" align="left">Anschrift</p>
<hr color="#655CFE">
<p class="str">Strasse <br>
<input type="text" name="strasse">
</p>
<p class="hn">Hausnummer <br>
<input type="text" name="hausnummer" maxlength="3">
</p>
<p class="plz">Postleitzahl <br>
<input type="text" name="plz" maxlength="5" size="10">
</p>
<p class="bland">Bundesland <br>
<select name="bland" size="1">
<option>Bitte wählen</option>
<option>Baden-Württemberg</option>
<option>Bayern</option>
<option>Berlin</option>
<option>Brandenburg</option>
<option>Bremen</option>
<option>Hamburg</option>
<option>Hessen</option>
<option>Mecklenburg-Vorpommern</option>
<option>Niedersachsen</option>
<option>Nordrhein-Westfalen</option>
<option>Rheinland-Pfalz</option>
<option>Saarland</option>
<option>Sachsen</option>
<option>Sachsen-Anhalt</option>
<option>Schleswig-Holstein</option>
<option>Thüringen</option>
</select>
</p>
<p class="tel">Telefonnummer <br>
<input type="text" name="telefon" maxlength="35">
</p>
<p class="e-mail">E-mail <br>
<input type="text" name="e-mail">
</p>
<br>
<p class="theme" align="left">Spenden*</p>
<hr color="#655CFE">
<p class="spe">
<input type="checkbox" name="einzahlen" value="ja">Spenden? Wählen sie dieses Feld, um zu spenden. Per Lastschrifteinzug.
<br><br>
Wenn ja, am wievieltem? <input type="text" name="wann spenden" value="05.06.2008">
<br><br>
Wie viel? <input type="text" name="wieviel spenden" value="10€">
<br><br>
<input type="checkbox" name="Einverständnisserklärung" value="ja"> Mit einem Klick bestätigen sie rechtlich, dass ich das Geld abheben darf.
</p>
<br>
<p class="theme" align="left">Bankverbindung</p>
<hr color="#655CFE">
<p class="verb">
Inhaber: Name, Vorname <br>
<input type="text" name="Inhaber" size="100"><br><br>
Kontonummer <br>
<input type="text" name="knnr" size="50"><br><br>
Banknamem, als Beispiel Postbank <br>
<input type="text" name="Bank">
</p>
<br>
<p class="theme" align="left">Bestätigung</p>
<hr color="#655CFE">
<input type="submit" value="Übermitteln!!!!!!!"
</form>
</body>
</html>
Wenn ich die Style sheets jetzt als blauschema.css extern auslagere, und mit
<link rel="stylesheet" type="text/css" href="blauschema.css">
hinzufüge, dann kommt einfach nix! woran liegt das???
Antwort 14 von TByte vom 06.04.2020, 20:09 Options
hat sich erledigt, war nur was falsch getippt!!
*sorry*
*sorry*
Antwort 15 von katy vom 07.04.2020, 07:49 Options
Hallo TByte,
an dem Formular sind aber noch ein paar (Tipp-)Fehler mehr. Glücklicherweise willst du das ja nicht ernsthaft ins Netz stellen, oder? Die ersten Abmahnungen dürften daraufhin nämlich bald anflattern (keine Datenschutzerklärung).
Aber mit mailto: funktioniert ein Formular sowieso allenfalls bei günstigen Konstellationen auf dem jeweiligen Rechner.
Zurück zum Thema CSS:
Wenn du eine bestimmte Formatierung nur einmal nutzen willst ist eine Klasse dafür fehl am Platz. Dafür ist eine ID sinnvoller.
Du solltest also sowas wie
Im Stylesheet wird diese ID so referenziert:
Um auf deine Frage woran liegt das? zurückzukommen: du bist doch lange genug hier im Supportnet mit dabei, um selbst wissen zu können, dass deine Fehlerbeschreibung dann kommt einfach nix! völlig nix-sagend ist. Das hätte auch niemand außer dir beantworten können.
Einen schönen Tag wünscht
katy
an dem Formular sind aber noch ein paar (Tipp-)Fehler mehr. Glücklicherweise willst du das ja nicht ernsthaft ins Netz stellen, oder? Die ersten Abmahnungen dürften daraufhin nämlich bald anflattern (keine Datenschutzerklärung).
Aber mit mailto: funktioniert ein Formular sowieso allenfalls bei günstigen Konstellationen auf dem jeweiligen Rechner.
Zurück zum Thema CSS:
Wenn du eine bestimmte Formatierung nur einmal nutzen willst ist eine Klasse dafür fehl am Platz. Dafür ist eine ID sinnvoller.
Du solltest also sowas wie
<p class="gew">
<p id="gew">Im Stylesheet wird diese ID so referenziert:
p#gew { ... }Um auf deine Frage woran liegt das? zurückzukommen: du bist doch lange genug hier im Supportnet mit dabei, um selbst wissen zu können, dass deine Fehlerbeschreibung dann kommt einfach nix! völlig nix-sagend ist. Das hätte auch niemand außer dir beantworten können.
Einen schönen Tag wünscht
katy
Antwort 16 von TByte vom 07.04.2020, 20:11 Options
ja, ich weiß, ich hab das nur flüchtig geantwortet, weil ich ne alternativlösung gefunden hatte.
Zum Formular: Danke, ich wllt sowiso mit JavaScript nochmal auf leere felder überprüfen lassen und der ganze spass...
mfg
TByte
Zum Formular: Danke, ich wllt sowiso mit JavaScript nochmal auf leere felder überprüfen lassen und der ganze spass...
mfg
TByte
Antwort 17 von TByte vom 07.04.2020, 20:19 Options
Da wir schon bei JavaScript sind:
Kennt jemand eine Liste aller Objekte (inkl ihrer Funtionen) und eine Liste aller eventhandler (inkl ihrer Funktionen)?
Kennt jemand eine Liste aller Objekte (inkl ihrer Funtionen) und eine Liste aller eventhandler (inkl ihrer Funktionen)?
Antwort 18 von TByte vom 07.04.2020, 20:30 Options
noch ne frage(habs eilig):
was ist hierran falsch?:
was ist hierran falsch?:
hr{color: #655CFE;}
Antwort 19 von katy vom 07.04.2020, 23:22 Options
Hallo TByte,
nehmen wir mal Frage 17: SelfHTML hält solche Listen bereit.
und nun Frage 18: nix (außer der obligatorischen fehlenden Problembeschreibung. Lernst du das noch mal?)
katy
nehmen wir mal Frage 17: SelfHTML hält solche Listen bereit.
und nun Frage 18: nix (außer der obligatorischen fehlenden Problembeschreibung. Lernst du das noch mal?)
katy
Antwort 20 von TByte vom 08.04.2020, 13:28 Options
#18:
wenn ich das bei css eingebe, dann macht der nix!
wenn ich das bei css eingebe, dann macht der nix!
p.theme{font-family: Arial, Comic Sans MS;font-size: 6mm;font-weight: bold;color: #090953;}
p.uesch{font-family: Arial, Comic Sans MS;font-size: 1cm;font-weight: bold;color: #090953;position: absolute; top:10px;left:327px;z-index: 2;}
p.uesch1{font-family: Arial, Comic Sans MS;font-size: 1cm;font-weight: bold;color: #B7B3FF;position: absolute; top:15px;left:335px;z-index: 1;}
p.eilei{font-family: Comic Sans MS;background: #655CFE;border: 8px;border-style: solid;border-color: #090B51;}
p.musssein{font-size: 0mm; margin-top: 100px;}
body{background: #D0F7FD;color: #090953;}
hr{color:: #655CFE;}
Ähnliche Themen
Befehlstabelle für css
fabi1991 12.04.2007 - 106 Hits - 6 Antworten
CSS-Stile sind verschwunden
Luse 13.04.2007 - 129 Hits - 2 Antworten
css in html einfügen
Mikoop 22.02.2008 - 201 Hits - 10 Antworten
Direktformatiertes CSS "überschreiben"
Mich 23.02.2008 - 75 Hits - 3 Antworten
Joomla - Welche CSS-Datei für übergreifende Textformatierung?
Strg_Alt_Entf 21.06.2008 - 31 Hits - 2 Antworten
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
