textdocoration:none

[Grünholz]

Hallo, it's teatime
wahsaga hat mir heute gute tips zu listen gegeben
ich will ihn aber nicht schon wieder belästigen, deshalb an alle
ich habe folgende kleine Liste

<div id="links">
<h5>ueber 5</h5>
<li>unter 1</li>
<li>unter 2</li>
<li>usw</li>
</ul>
</div>
soweit okay
mit
<ul style="list-style-type:none">
kriege ich auch die punkte weg vor unter 1, unter 2 usw
aber
<ul style="list-style-type:none">
schiebt mir die aufzählung weiter nach rechts als
<ulstyle="list-style-type:none">
(was ja auch im quellcode schlimm aussieht)
1. wieso hat der blank im code Auswirkungen auf die Positionierung
spinnt da der IE?
2. die beispiel zu CSS sind in selfhtml imm auf <.. style="..."
abgstimmt
ich habe meine CSS Anweisungen aber in einem zentralen file.
Beispiel:
#links
{
position:absolute;
font-size:9pt;
top:250px;
left:0px;
width:200px;
height:10px;
text-align:left;
list-style-type:none;
text-decoration:none;
background:FF80FF;
}
das klappt bis auf

list-style-type:none;
text-decoration:none;
sorry, wie syntaktisch genau müssen diese beiden Befehle im zentralen CSS Dokument aussehen, damit sie sich auswirken
Grüße GG

[Martin Hölter]

Hi!

Bleib bitte in deinem Thread, auch weiter unter wird der noch gelesen...

https://forum.selfhtml.org/?t=99829&m=610475

[Grünholz]

Hi, Martin
ich habe kein Problem mich an die Spielregeln zu halten, aber ich verstehe den Gegenstand Deiner kritik nicht
Grüße GG

[wahsaga]

hi,

ich habe kein Problem mich an die Spielregeln zu halten, aber ich verstehe den Gegenstand Deiner kritik nicht

es gab eigentlich keinen grund, für diese frage - die immer noch im themenbereich deines ersten threads gut aufgehoben gewesen wäre - einen neuen thread aufzumachen.

gruß,
wahsaga

[wahsaga]

hi,

mit
<ul style="list-style-type:none">
kriege ich auch die punkte weg vor unter 1, unter 2 usw
aber
<ul style="list-style-type:none">
schiebt mir die aufzählung weiter nach rechts als
<ulstyle="list-style-type:none">
(was ja auch im quellcode schlimm aussieht)

1. wieso hat der blank im code Auswirkungen auf die Positionierung
   spinnt da der IE?

der IE spinnt, wenn er das überhaupt als liste anzeigt.
ein html-tag <ulstyle> gibt es nicht.

2. die beispiel zu CSS sind in selfhtml imm auf <.. style="..."
   abgstimmt
   ich habe meine CSS Anweisungen aber in einem zentralen file.

ist ja auch im allgemeinen besser so.

#links {
list-style-type:none;
text-decoration:none;

das klappt bis auf

list-style-type:none;
text-decoration:none;
sorry, wie syntaktisch genau müssen diese beiden Befehle im zentralen CSS Dokument aussehen, damit sie sich auswirken

list-style-type sollte auf das UL angewendet werden - ist denn das element mit der ID links dein UL?
wenn nicht, musst du einen anderen selektor verwenden.
(wenn beispielsweise dein UL _in_ einem element mit der ID links steckt, dann wäre
#links ul { ... }
eine möglichkeit.)

und text-decoration:none soll ja vermutlich auf links angewendet werden, also auch hier die frage: referenziert #links deinen link, oder muss auh hier ein anderer selektor her?

gruß,
wahsaga

[Grünholz]

hi,
ich verstehe Deine Antwort nicht so ganz
wobei ich nicht kapiere, warum ich der ul einen eigenen div zuweisen soll
alles andere wie position, font-size, farbe usw klappt wunnebar

das wäre der Teil aus dem zentralen CSS file
wenn ich dich richtig verstehe,

#links
{
position:absolute;
font-size:9pt;
top:250px;
left:0px;
width:200px;
height:10px;
text-align:left;
list-style-type:none;
background:FF80FF;
}

#linksul
{
list-style-type:none;
}
und das der aus dem HTML

<div id="links">
  <h5>Vobereitung</h5>
  <div id="linksul">
  <ul>
  <li>Checkliste</li>
  <li>Anmeldung</li>
  <li>Lageplan</li>
  <li>Telefonliste</li>
  <li>Von A-Z</li>
  </ul>
  </div>
</div>

aber dem klappt net
hat es eventuell etwas mit der Reihenfolge der befehle im CSS zu tun?
da habe ich schon die tollsten Phänomen beobachtet
Grüße

GG

[wahsaga]

hi,

wobei ich nicht kapiere, warum ich der ul einen eigenen div zuweisen soll

davon war ja auch nicht die rede ...

alles andere wie position, font-size, farbe usw klappt wunnebar

du sollst die formatierung list-style-type dem UL zuordnen - div ist keine liste, also weiß es auch mit dieser formatierung nichts anzufangen; UL aber schon - aber _diesem_ hast du die formatierung ja nicht zugewiesen.

du solltest dich unter http://de.selfhtml.org/css/ erst mal ein bisschen eingehender mit den grundlagen von CSS beschäftigen - insbesondere was selektoren sind.

gruß,
wahsaga

[Grünholz]

link:http://de.selfhtml.org/css/

werde ich ausführlich lesen
Gruß gg

[Marc0]

Moin du,

<div id="links">
<h5>ueber 5</h5>

Baba, im Quellcode hast du die Liste aber schon eröffnet, oder?

<li>unter 1</li>
<li>unter 2</li>
<li>usw</li>
</ul>

<ul style="list-style-type:none">
schiebt mir die aufzählung weiter nach rechts als
<ulstyle="list-style-type:none">

Du beziehst dich auf ulstyle in einem Wort (Ansonsten sehe ich nämlich keinen Unterschied.)? Das ist die falsche Schreibweise. Du musst immer das Tag einzeln nennen und dann dahinter die Zuweisungen bzw. Attribute, mit Leerzeichen getrennt. Also <ul style="list-style-type:none">

Das nach-rechts-Geschiebe ist korrekt, da eine Liste immer so angelegt ist, dass die einzelnen Punkte hervorgehoben werden. Der margin ist vorbelegt, also einfach auf 0 setzen. (margin:0px;)

(was ja auch im quellcode schlimm aussieht)

?

das klappt bis auf

list-style-type:none;
text-decoration:none;

Du versuchst, der Ebene diese Attribute zuzuweisen, aber ju möchtest ja den Listenpunkt (also das <li>) bzw. den Link (also das <a>) beeinflussen. Deswegen notiere:

a { text-decoration:none }
li { list-style-type:none; }

Wenn sich das aber nur auf Links und Listenpunkte beziehen soll, die in deiner Ebene liegen, dann:

#links a { text-decoration:none }
#links li { list-style-type:none; }

Gruß,
Marc0

[Grünholz]

danke
Gruß, Gerhard

[Grünholz]

Hi Marc0
ich habe meinen Fehler kapiert, es klappt jetz, wie es soll
danke nochmal
Gruß gg