[Erledigt] css Elemente mehrfach bezeichnen

Shen · 03.06.2009, 08:50

Hallo,
ich habe ein PHP-Script, in dem sehr viele Elemente durch eine CSS-Datei bezeichnet werden. Jedoch gibt es auch noch Inline-CSS und folgende style-angaben möchte ich gerne in die CSS-Datei übertragen.

PHP-Code:

  <div id="menu">

<li style="font-weight:bold;">

<li style="font-weight:normal; font-size:0.8em;">

...

</div>

In der CSS-Datei habe ich nun unter anderem folgendes gefunden:

PHP-Code:

  #menu ul li p {

    line-height: 1.4em;

    margin-bottom: 1.5em;

}

 
#menu ul {

    list-style: none;

    margin-bottom: 22px;

    color: #888;

    font-size: 1.3em;

}

#menu ul ul {

margin-bottom: 0px;

}

#menu ul li {

    clear: both;

    padding: 4px 0 24px;

    font-size: 1em;

}

#menu ul li ul li {

    padding-bottom: 4px;

    padding-right: 6px;

}

#menu ul li ul li ul {

    margin-left: 10px;

    font-size: 1em;

}

#menu ul li#authors ul li {

    margin-bottom: 0;

    padding-left: 0;

    padding-right: 10px;

    float: left;

    height: 32px;

    width: 32px;

    clear: none!important;

}

#menu ul li#authors h2 {

    padding-left: 0;

}

#menu ul li#authors ul li strong {

    display: none;

}

#menu ul li#authors ul li img.avatar {

    margin: 0;

    padding: 0;

    border: none;

}

#menu ul li#authors, #menu ul li#authors ul li {

    border: none;

    margin-bottom: -3px;

    margin-right: -5px;

Meine CSS-Kenntnisse sind nicht die Besten, aber werden die einzelnen Klassen nur aufgerufen, wenn die jeweiligen Elemente in der Reihenfolge wie dahinter geschrieben auftreten oder wie ist das zu verstehen?
Und wie integriere ich die zwei oben genannten inline-styles?

Wäre klasse, wenn mir da jemand hilft dieses Chaos zu verstehen.

Chriz · 03.06.2009, 13:31

Bitte lern die CSS-Grundlagen, die hast du dir in 10 Minuten beigebracht.

Shen · 03.06.2009, 17:08

Chriz, lass es doch einfach unkommentiert wenn du keine Lust hast...

Ich weiß schon, dass man Elemente gruppieren kann. Nur diese doppelten Einträge (#menu ul li ul li ,#menu ul li ul li ul) sind mir bisher nicht begegnet und ich weiß nicht, wie die interpretiert werden. Das geht wohl über die Grundlagen hinaus.

nikosch · 03.06.2009, 17:14

Chriz hat Recht, das sind Grundlagen. Und hätte Deine Quelle wenigstens ordentlich bei selfhtml abgeschrieben, stände da auch folgendes:

Zitat:

Wenn Sie ein Format für mehrere HTML-Elementtypen definieren wollen, geben Sie alle gewünschten Elementtypen an und trennen Sie diese durch Kommata, so wie im obigen Beispiel p,li.

Inklusive eines Beispiels.

Und ul li ul li referenziert halt die inneren Items zweier veschachtelter Listen.

Shen · 03.06.2009, 17:50

Danke nikosch, das war hilfreich. Dann sollte ich wohl doch mal bei selfhtml bleiben

Chriz · 03.06.2009, 19:26

Zitat:

Zitat von Shen

Chriz, lass es doch einfach unkommentiert wenn du keine Lust hast...

Nein weil es genau so ist wie ich es gesagt habe, es sind Grundlagen und du hast keine Lust sie zu lernen. Das passt mir nicht, also poste ich das auch.

Edit: Und wir reden hier nicht über breitgefächerte PHP-Grundlagen, CSS! Notfalls kannst du raten. Aber gut hier für dich:

#myid markiert eine Tag-unabhängige ID <.. id="myid">
div#myid markiert eine ID eines <div> Tags <div id="myid">

.myclass markiert eine Tag-unabhängige Klasse <.. class="myclass">
div.myclass markiert eine Klasse eines <div> Tags <div class="myclass">

div markiert einen Tag <div>

div#myid.myclass markiert einen <div> Tag mit der ID myid und der Klasse myclass <div id="myid" class="myclass">
div.myclass.myclass2 markiert einen <div> Tag mit den Klassen myclass und myclass2 = <div class="myclass myclass2">

div p markiert alle <p> Tags innerhalb von <div> Tags (beliebiger Verschachtelungstiefe) <div><p>

Kombiniert ist alles möglich.

So das wars, du kannst die CSS-Grundlagen. Das war so nirgends im Netz zu finden? ^^

Einfach mal verstärkt Google einsetzen.

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
Listbox in der man Elemente verschieben kann	Bronks	JavaScript, Ajax und mehr	2	27.01.2009 14:03
[Erledigt] DIV Elemente Formatieren	PHP-Newcomer	HTML, Usability und Barrierefreiheit	7	20.10.2008 22:27
Welche Elemente B sind ähnlich dem Element A	Anwender27	Scriptbörse	7	01.05.2008 11:45
elemente aus nem array entfernen.		PHP Tipps 2005-2	2	19.10.2005 00:54
block elemente nebeneinander		HTML, Usability und Barrierefreiheit	2	30.07.2005 12:12
Bestimmte elemente nur zu bestimmten Daten anzeigen lassen		PHP Tipps 2005-2	3	14.07.2005 14:05
gleichen code mit untersch. Var. mehrfach includen		PHP Tipps 2005-2	8	10.07.2005 18:33
[Erledigt] XML mit PHP - alles weg bis auf die veränderten Elemente?		PHP-Fortgeschrittene	2	22.06.2005 18:39
Array Elemente mit Komma auflisten		PHP Tipps 2005-2	4	06.06.2005 12:24
einzelne elemente eines arrays gehn verloren bei "inclu		PHP Tipps 2005	2	16.03.2005 23:32
Formular mehrfach auslesen		PHP Tipps 2005	17	27.01.2005 15:04
Elemente in <option> zentrieren?	Chr!s	HTML, Usability und Barrierefreiheit	7	10.12.2004 14:23
Alle dynamisch erstellen Elemente verschicken		HTML, Usability und Barrierefreiheit	3	23.09.2004 15:38

03.06.2009, 08:50
Shen Benutzer Registriert seit: 06.03.2009 Beiträge: 46	[Erledigt] css Elemente mehrfach bezeichnen Hallo, ich habe ein PHP-Script, in dem sehr viele Elemente durch eine CSS-Datei bezeichnet werden. Jedoch gibt es auch noch Inline-CSS und folgende style-angaben möchte ich gerne in die CSS-Datei übertragen. PHP-Code: `<div id="menu"> <li style="font-weight:bold;"> <li style="font-weight:normal; font-size:0.8em;"> ... </div>` In der CSS-Datei habe ich nun unter anderem folgendes gefunden: PHP-Code: #menu ul li p { line-height: 1.4em; margin-bottom: 1.5em; } #menu ul { list-style: none; margin-bottom: 22px; color: #888; font-size: 1.3em; } #menu ul ul { margin-bottom: 0px; } #menu ul li { clear: both; padding: 4px 0 24px; font-size: 1em; } #menu ul li ul li { padding-bottom: 4px; padding-right: 6px; } #menu ul li ul li ul { margin-left: 10px; font-size: 1em; } #menu ul li#authors ul li { margin-bottom: 0; padding-left: 0; padding-right: 10px; float: left; height: 32px; width: 32px; clear: none!important; } #menu ul li#authors h2 { padding-left: 0; } #menu ul li#authors ul li strong { display: none; } #menu ul li#authors ul li img.avatar { margin: 0; padding: 0; border: none; } #menu ul li#authors, #menu ul li#authors ul li { border: none; margin-bottom: -3px; margin-right: -5px; Meine CSS-Kenntnisse sind nicht die Besten, aber werden die einzelnen Klassen nur aufgerufen, wenn die jeweiligen Elemente in der Reihenfolge wie dahinter geschrieben auftreten oder wie ist das zu verstehen? Und wie integriere ich die zwei oben genannten inline-styles? Wäre klasse, wenn mir da jemand hilft dieses Chaos zu verstehen.


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

03.06.2009, 13:31
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Bitte lern die CSS-Grundlagen, die hast du dir in 10 Minuten beigebracht. __________________ "Nuschel ich?" - "Was?"

03.06.2009, 17:08
Shen Benutzer Registriert seit: 06.03.2009 Beiträge: 46	Chriz, lass es doch einfach unkommentiert wenn du keine Lust hast... Ich weiß schon, dass man Elemente gruppieren kann. Nur diese doppelten Einträge (#menu ul li ul li ,#menu ul li ul li ul) sind mir bisher nicht begegnet und ich weiß nicht, wie die interpretiert werden. Das geht wohl über die Grundlagen hinaus.

03.06.2009, 17:50
Shen Benutzer Registriert seit: 06.03.2009 Beiträge: 46	Danke nikosch, das war hilfreich. Dann sollte ich wohl doch mal bei selfhtml bleiben