Menü-Inhalt läßt sich nicht zentrieren

[Gary]

Salve a tutti

_Warum_ geht weder:

li {
   text-align: center;
   }

noch...

li {
   text-align: center;
   }

noch...

div.inhalt-box-links {
                     position: fixed;
                     float: none;
                     top: 100px;
                     left: 88px;
                     width: 119px;
                     height: 250px;
                     border-width: 1px;
                     border-style: solid;
                     border-color: #FFCC00;
                     background-color: #FFF2BF;
                     text-align: center; <--- Hier!
                     font-size: 0.7em;
                     line-height: 40px;
                     }

Ich hätte einfach nur die Menüpunkte links und rechts zentriert...

Gruß

Gary

PS:Das Bullet hab ich wegbekommen :-)

[suit]

PS:Das Bullet hab ich wegbekommen :-)

Welches Bullet? Doppelposting? Verwirrung?

[Gary]

Hi Suit,

Kein Doppelpost. Ich hatte ein Bullet zuerst vor jedem Link in der Navi. Das hat mich gestört, aber ich habe es wegbekommen. War "Self"-Gespräch *lol*

Verbesserung:

statt des 2. li das:

ul {
   text-align: center;
   }

geht auch nicht.

Gruß
Gary

[Gary]

Und der Link für Neuleser:

http://www.euro-superconductors.com/de-home.html

lg Gary

[Take]

Salve a tutti

_Warum_ geht weder:

li {
   text-align: center;
   }

Geht.

noch...

li {
   text-align: center;
   }

Ah. Es geht weder Version 1 noch Version 1. :D

noch...

div.inhalt-box-links {
                     position: fixed;
                     float: none;
                     top: 100px;
                     left: 88px;
                     width: 119px;
                     height: 250px;
                     border-width: 1px;
                     border-style: solid;
                     border-color: #FFCC00;
                     background-color: #FFF2BF;
                     text-align: center; <--- Hier!
                     font-size: 0.7em;
                     line-height: 40px;
                     }

Ich hätte einfach nur die Menüpunkte links und rechts zentriert...

Ok. Nimm doch dem <ul> einfach sein padding-left. Schaff dir Firebug an, damit kriegst du sowas in 2 Minuten raus. :D

Gruß

Gary

Gruß,
Take

[Gary]

Hi Take

Sorry, ich habe es dann doch rausbekommen.

Merci

Gary

[Take]

Hi Take

Sorry, ich habe es dann doch rausbekommen.

Mit einem völlig unnötigen position:fixed;. Naja, mach was du willst.

Merci

Gary

Gruß,
Take

[Gary]

Hi Take

Mit einem völlig unnötigen position:fixed;. Naja, mach was du willst.

Mach ich sowieso, aber:

-> Ich habe mal das fixed probehalber weggenommen - aber dann funktioniert es nicht mehr. Die Liste steht dann ganz wo anders = nicht da wo sie soll.

Diese CSS Fehler (2 Stück) nerven noch...
Kann mir jemand mit dieser Fehlermeldung weiterhelfen. Ich kann damit nichts anfangen.

Grüße

Gary

[Der Martin]

Hallo,

Mit einem völlig unnötigen position:fixed;. Naja, mach was du willst.
-> Ich habe mal das fixed probehalber weggenommen - aber dann funktioniert es nicht mehr. Die Liste steht dann ganz wo anders = nicht da wo sie soll.

natürlich, wenn du position von fixed auf static änderst (der Defaultwert, wenn position gar nicht gesetzt wird), steht das Element normal im Textfluss. Und selbst wenn du von fixed auf absolute änderst, ist der Bezugspunkt höchstwahrscheinlich ein anderer. Vermutlich hat Take eher gemeint, dass du die Positionierungen generell überdenken solltest.

Diese CSS Fehler (2 Stück) nerven noch...
Kann mir jemand mit dieser Fehlermeldung weiterhelfen. Ich kann damit nichts anfangen.

Warum nicht? Schau dir den zugehörigen Quelltext dazu an, dann springt's einem ins Auge:

Zeile   4   Parse Error { margin: 0; padding: 0; }
Im Originalcode steht:

  1  {  
  2   margin: 0;  
  3   padding: 0;  
  4   }

Tja, da fehlt irgendwie ein Selektor. Wo haste den denn verloren?

Zeile 186   a:hover  Value Error: color Parse Error #003399
Im Originalcode steht:
186 color #003399;
Ich sehe was, was du nicht siehst, und das fehlt hier. ;-)

Ciao,
 Martin

[Gary]

Hi Martin

Warum nicht? Schau dir den zugehörigen Quelltext dazu an, dann springt's einem ins Auge:

Zeile   4   Parse Error { margin: 0; padding: 0; }
Im Originalcode steht:

1  {

2   margin: 0;
  3   padding: 0;
  4   }

> Tja, da fehlt irgendwie ein Selektor. Wo haste den denn verloren?  
  
Da fehlten sogar zwei Dinge: 1. px und 2. \* (für alles)  
  

>   
> Zeile 186   a:hover  Value Error: color Parse Error #003399  
> Im Originalcode steht:  
> `186         color #003399;`{:.language-css}  
> Ich sehe was, was du nicht siehst, und das fehlt hier. ;-)  
  
Und das ist - laß mich Raten: Ein Doppelpunkt \*gumpf\*  
  
Merci  
  
Gary

[Der Martin]

Hallo,

1  {

2   margin: 0;
  3   padding: 0;
  4   }

> > Tja, da fehlt irgendwie ein Selektor. Wo haste den denn verloren?  
> Da fehlten sogar zwei Dinge: 1. px und 2. \* (für alles)  
  
da der Wert 0 ist, darf die Einheit sogar fehlen. 0px ist dasselbe wie 0em oder 0ft, die Maßeinheit von Null-Größen ist irrelevant und darf daher weggelassen werden. Ist doch in der Physik auch so.  
  

> > `186         color #003399;`{:.language-css}  
> > Ich sehe was, was du nicht siehst, und das fehlt hier. ;-)  
> Und das ist - laß mich Raten: Ein Doppelpunkt \*gumpf\*  
  
Der Kandidat erhält 99 Punkte! Schade, mit 100 hättest du 'ne Baggerfahrt durch die Eifel gewonnen. :-)  
  
Schönes Wochenende,  
 Martin  

-- 
Niemand lebt allein von seinen Träumen.  
Aber wer träumt, lebt noch.  
  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(

[Gary]

Hi Martin

da der Wert 0 ist, darf die Einheit sogar fehlen. 0px ist dasselbe wie 0em oder 0ft, die Maßeinheit von Null-Größen ist irrelevant und darf daher weggelassen werden. Ist doch in der Physik auch so.

Aha, gut zu wissen...

Der Kandidat erhält 99 Punkte! Schade, mit 100 hättest du 'ne Baggerfahrt durch die Eifel gewonnen. :-)

*g*

Mist, durch den Joker und padding,margin hat sich jetzt alles verstellt gehabt. Das ist ein Grund, warum man zu beginn das setzt. Hab alles wieder hin geschoben.

Schönes Wochenende,

Ja, endlich... Dir auch...

Gruß

Gary

[Take]

Hi Take

Mit einem völlig unnötigen position:fixed;. Naja, mach was du willst.

Mach ich sowieso, aber:

-> Ich habe mal das fixed probehalber weggenommen - aber dann funktioniert es nicht mehr. Die Liste steht dann ganz wo anders = nicht da wo sie soll.

Ist klar :D ich hatte nich genau geguckt und gedacht, du wolltest mit dem fixed das <ul> nach links rücken... sorry. Trotzdem: mach mal dein Browserfenster horizontal kleiner... ;)

Und diese <div>-Suppe nur für den blöden Rahmen meinst du doch auch nicht ernst, oder? :D

Diese CSS Fehler (2 Stück) nerven noch...
Kann mir jemand mit dieser Fehlermeldung weiterhelfen. Ich kann damit nichts anfangen.

Das habt ihr ja schon. :D

Grüße

Gary

Gruß,
Take

[Gunnar Bittersmann]

@@Take:

nuqneH

Und diese <div>-Suppe nur für den blöden Rahmen meinst du doch auch nicht ernst, oder? :D

Er meint das ganze Design (womit nicht (nur) das Layout gemeint ist) nicht ernst.

Qapla'

[Gary]

Morgen zusammen

Und diese <div>-Suppe nur für den blöden Rahmen meinst du doch auch nicht ernst, oder? :D

Ich wüßte nicht, wie man das anders/besser lösen könnte. *achselzuck* (funktioniert doch :-) )

Eine Sache wäre da noch, die ich nicht verstehe:

Wenn man hier das Browserfenster in der Breite verkleinert, ist alles ok.

Wenn man hier das Browserfenster in der Breite verkleinert, rutscht das "rechte" Menü näher an die mittlere Textbox heran, als die linke.

Warum dieses unsymetrische Verhalten? Bei der Startseite geht es doch auch. und das CSS ist doch fast identisch...

Grüße Gary