Du bist nicht angemeldet.

sv-einigkeit.de - Feedback erbeten

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

41

Dienstag, 13. Mai 2003, 14:22

Zitat

Original von DukeXP
Ich frag' mich gerade, ob man auch jeweils einen Rahmen um den gesamten weißen Bereich (also inklusive den aktivierten Reiter) ziehen könnte?

Fragst Du auch uns? Dann bekämest Du auch eine Antwort. ;)

Ja, latür.

Quellcode

 
1
2
3
4
5
6
7
8
9

#navigation {
     border: solid red;
     border-width: thick thick 0;
}

#content {
     border: solid red;
     border-width: 0 thick thick;
}


Mirko :)
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

DukeXP

Profi

  • »DukeXP« ist der Autor dieses Themas

Beiträge: 1 553

  • Private Nachricht senden

42

Dienstag, 13. Mai 2003, 17:03

Meine eigenen Bemühungen hatten folgendes Ergebnis zur Folge:



... leider seeeeehr kompliziert realisiert und wahrscheinlich auch nicht gerade besonders browsersicher ...

Mit Netscape sind zwischen den einzelnen Listen-Einträgen große Abstände zu sehen, was natürlich die ganze Optik zunichte macht.

Leider habe ich auch mit den memowe'schen Tips keine kompatiblere Version erstellen können.

... bei der im Screenshot abgebildeten Version hab' ich border-bottom beim aktiven Eintrag auf weiß gesetzt und damit versteckt - anscheinend überdeckt das auch den umlaufenden schwarzen Rand des content-Bereichs ...

Kann man das irgendwie 'besser' lösen?
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DukeXP« (13. Mai 2003, 17:21)

Nash.Bridges

Profi

Beiträge: 1 426

  • Private Nachricht senden

43

Dienstag, 13. Mai 2003, 17:06

Mach doch:

Quellcode

 
1

border-bottom: 0;


;)

mFg Arne

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Nash.Bridges« (13. Mai 2003, 17:07)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

45

Dienstag, 13. Mai 2003, 17:55

Wenn Du Listenpunkte als inline definierst, sind die LIs natürlich keine Blockelemente mehr und folgen auch etwas anderen Regeln. Ein bisschen experimentieren wäre das beste. Alternativ kannst Du auch mal mit

Quellcode

 
1
2
3
4

#navigation li {
...
     float: left;  /* statt display: inline */
}

experimentieren. Aber da ich hier keine Internet Explodierer habe, sehe ich mich leider außerstande, Dir beim Finden der richtigen Würgarounds zu helfen.

Viel Erfolg! :)
Mirko
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

DukeXP

Profi

  • »DukeXP« ist der Autor dieses Themas

Beiträge: 1 553

  • Private Nachricht senden

46

Dienstag, 13. Mai 2003, 18:00

Trotzdem danke ... um das Verhalten der Browser bei Inline-Elementen auch nur halbwegs zu verstehen:

Warum wird der Rahmen, der den Content umgibt vom Rahmen um die Listenpunkte überdeckt? Sollte der Content da nicht einfach ein Stück tiefer rutschen?
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

DukeXP

Profi

  • »DukeXP« ist der Autor dieses Themas

Beiträge: 1 553

  • Private Nachricht senden

47

Dienstag, 13. Mai 2003, 18:02

Zitat

Original von memowe
Aber da ich hier keine Internet Explodierer habe, sehe ich mich leider außerstande, Dir beim Finden der richtigen Würgarounds zu helfen.


Mit IE wird's ja so angezeigt, wie ich es gerne haben will (wie im Screenshot) - aber für die anderen Browser kriege ich das nicht hin.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

DukeXP

Profi

  • »DukeXP« ist der Autor dieses Themas

Beiträge: 1 553

  • Private Nachricht senden

48

Dienstag, 13. Mai 2003, 18:19

Was ich vor allem nicht verstehe:

wenn ich für ul eine Hintergrundfarbe definiere und für li eine Hintergrundfarbe und einen Wert für padding, läuft die Hintergrundfarbe oben und unten über die Hintergrundfarbe von ul hinaus ... welcher Logik folgt das? Wie kann man das in den Griff bekommen?
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

DukeXP

Profi

  • »DukeXP« ist der Autor dieses Themas

Beiträge: 1 553

  • Private Nachricht senden

49

Dienstag, 13. Mai 2003, 18:23

Werd' mir für die Navigation was anderes ausdenken ... hier mit Würgarounds zu hantieren und dann vielleicht Besucher auszusperren, will ich nicht riskieren.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

50

Mittwoch, 14. Mai 2003, 08:27

Du sperrst ja keinen aus. Es sieht nur vielleicht nicht ganz so hypsch aus. Das ist kein Aussperren und vøllig legitim.

Mirko :)
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

DukeXP

Profi

  • »DukeXP« ist der Autor dieses Themas

Beiträge: 1 553

  • Private Nachricht senden

51

Mittwoch, 14. Mai 2003, 08:43

... trotzdem sollte die Haupt-Navigation bei den meisten Besuchern optimal dargestellt werden.

Werd' mal ein bisschen rumprobieren - es findet sich sicher ein Layout, das mir gefällt und auch browserübergreifend 'richtig' dargestellt wird. Auf alle Fälle gefällt mir die neue, größere Schrift mit ebenfalls vergrößerten Zeilenabständen schonmal wesentlich besser als die alte Mini-Schrift.

Hab' mir schon überlegt, ob ich nicht mein altes Layout in eine fluide Form bringe - die Aufteilung in Header, Navigation, Content und Footer wäre ein klarer Seitenaufbau.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

DukeXP

Profi

  • »DukeXP« ist der Autor dieses Themas

Beiträge: 1 553

  • Private Nachricht senden

52

Mittwoch, 21. Mai 2003, 23:22

<table cellspacing="0" cellpadding="0">

... das ist anscheinend in manchen Fällen die einzige Möglichkeit, störende Abstände wegzubekommen ... und ein Wunder: nichtmal der Validator meckert.

Hab' wirklich zuvor alles versucht und für den DIV-Container, Table und TD jeweils padding:0 und margin:0 festgelegt ... hat alles nix gebracht - zwischen den einzelnen Tabellen-Zellen befand sich immer ein Abstand.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

53

Donnerstag, 22. Mai 2003, 10:34

Quellcode

 
1
2

border-spacing: 0;
border-collapse: collapse;

Mirko :)
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

DukeXP

Profi

  • »DukeXP« ist der Autor dieses Themas

Beiträge: 1 553

  • Private Nachricht senden

54

Donnerstag, 22. Mai 2003, 19:03

Funktioniert! ... und ich such' ewig nach einer Lösung ... :D
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Lesezeichen: