Hallo zusammen,
ich krieg irgendwann die CSS-Krise.
Egal, was ich mache, bei mir stehen die Listenpunkte links raus.

Mein Ziel: Sowas, wie hier in Word:


Ich habe zwar einige Seiten im Netz gefunden, die sich damit auseinandersetzen, aber bei mir klappt das alles nicht.

Wer hat mir den ultimativen Tipp?

Besten Dank,
euer Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

> Hallo zusammen,
> ich krieg irgendwann die CSS-Krise.
> Egal, was ich mache, bei mir stehen die Listenpunkte links raus.

was meinste mit stehen raus? Hast du vllt n Codeschnipsel oder ne Bespiel file?

> > Hallo zusammen,
> > ich krieg irgendwann die CSS-Krise.
> > Egal, was ich mache, bei mir stehen die Listenpunkte links raus.
>
> was meinste mit stehen raus? Hast du vllt n Codeschnipsel oder ne Bespiel
> file?

Danke, du hast eine PN.

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

> > > Hallo zusammen,
> > > ich krieg irgendwann die CSS-Krise.
> > > Egal, was ich mache, bei mir stehen die Listenpunkte links raus.
> >
> > was meinste mit stehen raus? Hast du vllt n Codeschnipsel oder ne
> Bespiel
> > file?
>
> Danke, du hast eine PN.
>
> Gruß Karsten

hast Du das Machwerk mit verschiedenen Browsern angeschaut?

> > > > Hallo zusammen,
> > > > ich krieg irgendwann die CSS-Krise.
> > > > Egal, was ich mache, bei mir stehen die Listenpunkte links raus.
> > >
> > > was meinste mit stehen raus? Hast du vllt n Codeschnipsel oder ne Bespiel
> > > file?
> >
> > Danke, du hast eine PN.
> >
> > Gruß Karsten
>
> hast Du das Machwerk mit verschiedenen Browsern angeschaut?

Ja sicher - aber wenn\'s nichtmal mit dem FF tut, brauche ich nicht bei anderen gucken.

hoembi hat mir den wertvollen Tipp gegeben, dass es am floatenden Element links daneben liegt. Mal gucken, wie ich das löse.

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

Hallo Karsten,

mhhh... ich erstelle Listen bei den Teile eingerückt sind immer folgendermassen:

.eingerueckt
		{
    padding: 5px 20px 5px 43px;
		text-align:justify;
    }
.mehreingerueckt
		{
    padding: 5px 20px 5px 60px;
		text-align:justify;
    } 

T@cky

> Hallo Karsten,
>
> mhhh... ich erstelle Listen bei den Teile eingerückt sind immer
> folgendermassen:
>
>

.eingerueckt
> {
> padding: 5px 20px 5px 43px;
> text-align:justify;
> }
> .mehreingerueckt
> {
> padding: 5px 20px 5px 60px;
> text-align:justify;
> } 

>
> T@cky

Danke, auch eine Idee.
Vielleicht kann ich damit das Problem umschiffen, dass ich nie so recht weiß, was an Definition für ul und was für li gedacht ist. Andererseits: Welchem Element ordnest du dieses Definitionen zu? Oder vielleicht einem div drumherum?

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

> Hallo zusammen,
> ich krieg irgendwann die CSS-Krise.
> Egal, was ich mache, bei mir stehen die Listenpunkte links raus.
>
> Mein Ziel: Sowas, wie hier in Word:
>
>
> Ich habe zwar einige Seiten im Netz gefunden, die sich damit
> auseinandersetzen, aber bei mir klappt das alles nicht.
>
> Wer hat mir den ultimativen Tipp?

Du hast berücksichtigt, daß verschiedene Browser die Einrückung auf unterschiedliche Art erzeugen, wenn man\'s nicht explizit vorgibt?

margin-left für ul
padding-left für ul
margin-left für li
padding-left für li

Am sichersten ist es, diese 4 Werte alle erstmal auf 0 zu setzen und dann nur einen auf die gewünschte Einrückung.

--

MudGuard
O-o-ostern

> Du hast berücksichtigt, daß verschiedene Browser die Einrückung auf
> unterschiedliche Art erzeugen, wenn man\'s nicht explizit vorgibt?
>
> margin-left für ul
> padding-left für ul
> margin-left für li
> padding-left für li
>
> Am sichersten ist es, diese 4 Werte alle erstmal auf 0 zu setzen und dann
> nur einen auf die gewünschte Einrückung.

Ein sehr interessanter Tipp!

Herzlichen Dank!

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

> Hallo zusammen,
> ich krieg irgendwann die CSS-Krise.
> Egal, was ich mache, bei mir stehen die Listenpunkte links raus.

In solchen Fällen ist es hilfreich, den bereits versuchten Code zu posten, sonst müssen andere so viel nachfragen. Inhalte, die nicht öffentlich sein sollen, kann man ja schnell rauslöschen.

--
„Tu es oder tu es nicht! Es gibt kein Versuchen.“
(Jedi-Meister Yoda)

Hi Karsten,

mhhh... vielleicht habe ich dich auch nicht richtig verstanden.
Wenn es dir nur darum geht das der liststyle nicht nach links rausrückt wäre der Befehl inside das was du suchst, also z.B. so:

<ul class=ohne>
<li>Listenpunkt1</li>
<li class=eingerueckt>UnterListenpunkt1</li>
<li class=eingerueckt>UnterListenpunkt2</li>
<li class=mehreingerueckt>UnterUnterListenpunkt1</li>
<li class=mehreingerueckt>UnterUnterListenpunkt2</li>
<li>Listenpunkt2</li>
</ul>

.ohne
		{
    list-style: none;
    }

.eingerueckt
		{
    padding: 5px 20px 5px 43px;
		text-align:justify;
		list-style: inside circle;
    }
.mehreingerueckt
		{
    padding: 5px 20px 5px 60px;
		text-align:justify;
		list-style: inside circle;
    }
		

T@cky

Hi Karsten,

> Egal, was ich mache, bei mir stehen die Listenpunkte links raus.

Was machst Du denn?
Was steht wie, und vor allem in welchem Kontext, wo heraus?
Was ist Dein Ziel im Detail?

Ohne den relevanten oder identischen Beispielcode und weitere Anforderungsbeschreibung ist da schlecht analysieren.

Gruß,
Johann

> Ohne den relevanten oder identischen Beispielcode und weitere
> Anforderungsbeschreibung ist da schlecht analysieren.

Okok, ihr habt ja recht. Hier mal die Seite mit der zweistufigen Liste:
Zweistufige Liste
Hoembi fand heraus, dass es an der Grafik links daneben liegt - die \"floated\".
(Ob das so sein muss, muss ich erst mal gucken)

Aber auch die ganz normalen Listen stehen links raus, was weder mir, noch der Kundin gefällt:

Einstufige Liste

Ich muss aber zugeben, dass ich noch keinen Ratschlag, der bis jetzt genannt wurde, umgesetzt habe. Musste heute mal anderes Werkzeug in die Hand nehmen.  

Danke für eure Bemühungen!
-Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

Damit die Listen nicht nach links in das 25px Margin vom Bild ragen musst Du im CSS für ul das text-indent von -1 weg machen. Dann hast Du\'s wie die H2 angeschlagen.
Sollen die list-items jetzt weiter nach rechts einrücken gibst Du den li jeweils ein margin-left: mit.

Gruß,
Johann

PS: Ich hoffe inständig, dass die Grafik nur beispielhaft vorliegt und nochmals in vernünftiger Qualität nachgepflegt wird  

> PS: Ich hoffe inständig, dass die Grafik nur beispielhaft vorliegt und
> nochmals in vernünftiger Qualität nachgepflegt wird  

Warum??

Was gefällt dir daran nicht?

--
Gruß Hausdoc

Heizungsfragen?? - Hier klicken

> Was gefällt dir daran nicht?

Die Kantenglättung der Kreise, des oberen Schrägstriches so wie die der Texte, vor allem der im hellen Kreis, sind für eine Auftragsarbeit nicht hochwertig genug.
Ausserdem ist der Hauptkreis nicht vollständig gefüllt. Das wirkt, und da kenne ich auch den Karsten ein bisschen, für einen Perfektionisten etwas \"schräg\".
Diese einfache Grafik lässt sich z.B. im Photoshop, GIMP, Corel... in fünf Minuten perfekt anfertigen.

> Damit die Listen nicht nach links in das 25px Margin vom Bild ragen musst
> Du im CSS für ul das text-indent von -1 weg machen. Dann hast Du\'s
> wie die H2 angeschlagen.
> Sollen die list-items jetzt weiter nach rechts einrücken gibst Du den
> li jeweils ein margin-left: mit.

Super, vielen Dank - ich gehe nachher gleich wieder dran.

> PS: Ich hoffe inständig, dass die Grafik nur beispielhaft vorliegt und
> nochmals in vernünftiger Qualität nachgepflegt wird  

Ich hoffe, du meinst das Machwerk auf der Startseite und nicht die Kreise, mit denen ich mich einen halben Tag geplagt habe!  

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

Achsoooooooooooooo - schon klar.


Ich dachte du meinst die Farbauswahl -> Augenkrebs



Weil die nächste Stufe wär das hier.

--
Gruß Hausdoc

Heizungsfragen?? - Hier klicken

> > Was gefällt dir daran nicht?
>
> Die Kantenglättung der Kreise, des oberen Schrägstriches so wie die der
> Texte, vor allem der im hellen Kreis, sind für eine Auftragsarbeit nicht
> hochwertig genug.
> Ausserdem ist der Hauptkreis nicht vollständig gefüllt. Das wirkt, und da
> kenne ich auch den Karsten ein bisschen, für einen Perfektionisten etwas
> \"schräg\".
> Diese einfache Grafik lässt sich z.B. im Photoshop, GIMP, Corel... in fünf
> Minuten perfekt anfertigen.

Och nööö. Komm mir nicht damit. Ich habe einen halben Tag mit Corel Photo Paint 11 gekämpft. Habe zwar auch viel gelernt, aber ich hasse solchen Firlefanz.

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

> Ich hoffe, du meinst das Machwerk auf der Startseite und nicht die Kreise,
> mit denen ich mich einen halben Tag geplagt habe!  

Ehrlich? Womit hast Du die denn gemacht? Hast Du Photoshop?

> Och nööö. Komm mir nicht damit. Ich habe einen halben Tag mit Corel Photo
> Paint 11 gekämpft. Habe zwar auch viel gelernt, aber ich hasse solchen
> Firlefanz.

Na ja, mir soll\'s ja egal sein. Wenn\'s der Kundin reicht ist\'s ja OK.

Ed: Korrigiere doch kurz den großen Kreis und speicher mal als mittel-hohes JPG. Das sieht bestimmt besser aus als gif mit indizierten Farben.

> Och nööö. Komm mir nicht damit. Ich habe einen halben Tag mit Corel Photo
> Paint 11 gekämpft. Habe zwar auch viel gelernt, aber ich hasse solchen
> Firlefanz.



Firlefanzhilfsmittel gibts hier.



 

--
Gruß Hausdoc

Heizungsfragen?? - Hier klicken

> Ed: Korrigiere doch kurz den großen Kreis

Ok, mach ich.

> und speicher mal als mittel-hohes
> JPG. Das sieht bestimmt besser aus als gif mit indizierten Farben.

Warum das denn? Wenn eine Grafik nur 2 Farben enthält, ist GIF ideal, nicht nur von der Größe her.

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

> Warum das denn? Wenn eine Grafik nur 2 Farben enthält, ist GIF ideal, nicht
> nur von der Größe her.

Wegen der Kantenglättung. Ohne: Nur zwei Farben, aber Treppen. Mit: Mehr Farben aber softes Design.
Evtl hast Du auch das GIF zu restriktiv in den Farben begrenzt.
Heutzutage nimmt man gif nur noch für simple Transparenzeffekte ohne Alphakanal oder mini-Animationen. Die Dateigröße hat in diesem Kontext heutzutage keine Relevanz mehr, wenn\'s nicht gerade um jedes Bit geht wie bei Sondenkommunikation z.B. JPG bekommt man mit bisschen Übung auch angemessen komprimiert.

> > Warum das denn? Wenn eine Grafik nur 2 Farben enthält, ist GIF ideal, nicht
> > nur von der Größe her.
>
> Wegen der Kantenglättung. Ohne: Nur zwei Farben, aber Treppen. Mit: Mehr
> Farben aber softes Design.
> Evtl hast Du auch das GIF zu restriktiv in den Farben begrenzt.
> Heutzutage nimmt man gif nur noch für simple Transparenzeffekte ohne
> Alphakanal oder mini-Animationen. Die Dateigröße hat in diesem Kontext
> heutzutage keine Relevanz mehr, wenn\'s nicht gerade um jedes Bit geht wie
> bei Sondenkommunikation z.B. JPG bekommt man mit bisschen Übung auch
> angemessen komprimiert.

Dazu hätte ich es erstmal mit Kantenglättung zeichnen müssen.
Aber wo steckt das in diesem Photopaint 11 mit seinen zigtausend Funktionen?
Und dann würde ein GIF mit 256 Farben immer noch locker reichen.
Denn das kann das Programm recht gut.

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

> Und dann würde ein GIF mit 256 Farben immer noch locker reichen.
> Denn das kann das Programm recht gut.

Meine ich nämlich auch. Wenn Du unbedingt GIF nehmen möchtest reicht das auch für saubere Darstellung.
Musste halt noch mal bisschen Dein Grafikprogramm der Wahl dahingehend studieren. Willkommen in meinem Alltag. Coden ist eins. Die Grafik ist die andere Fertigkeit die zu meistern ist  

> Ich dachte du meinst die Farbauswahl
> -> Augenkrebs

Erzähl mir mal was vom Augenkrebs. Einer meiner Kunden hat mit dem grossen, weissen S auf rotem Grund (#ff0000, kein Witz) zu tun.
Wenn ich in diesem Kontext ca. fünf Werktage verbracht habe sehe ich hauptsächlich meine Umwelt in Blau, weil Rot im Auge schon abgestorben ist  

 


Du bekommt hier Schmerzzulage?

--
Gruß Hausdoc

Heizungsfragen?? - Hier klicken

> Du bekommt hier Schmerzzulage?

Böse Zungen könnten behaupten, das fliesst in\'s Angebot mit ein    

> > Du bekommt hier Schmerzzulage?
>
> Böse Zungen könnten behaupten, das fliesst in\'s Angebot mit ein    


Solange du deinen Namen nicht drunter schreiben musst... 

--
Gruß Hausdoc

Heizungsfragen?? - Hier klicken

> Solange du deinen Namen nicht drunter schreiben musst... 

Doch doch, als Käpt\'n Hook kann ich ja schlecht signieren. Ein Mann muss auch zu seinen Worten stehen. Und wenn der Preis stimmt bau ich auch in komplett rot und weiß. Sind eh die FC Farben bzw. die Farben meiner Stadt, da tut das weniger weh als Weiss/Blau/Rot