Border-Bottom...ich weiss nicht mehr weiter...

[RETRAX]

Ich hab jetzt ein grosses Problem was sich vielleicht mit der Hilfe des Forums lösen lässt:

Ich hab wie mir empfohlen die redundanten Geschichten und das <div> aus der index.html rausgeschmissen.

das Ergebnis kann man sich auf:

http://www.retrax.de/neuindex.html

anschauen.

Jetzt hab ich aber bei "NaviOben" das Problem, dass der Border-Bottom zu weit unten ist. Ich hab schon alles mögliche versucht, aber ich bekomme diesen nicht hoch so dass es ausschaut wie auf:

http://www.retrax.de/index.html

Ich musste die Navigationsleiste oben mit vertical-align: bottom nach unten drücken so dass dieser Teil überhaupt mal so ausschaut wie seither.

Gibt es eine Möglichkeit den Border-Bottom "hochzuziehen"?

Das neue CSS steht auf:

http://www.retrax.de/Uploads/retrax.css

das alte CSS steht auf:

http://www.retrax.de/retrax.css

Danke!

[MudGuard]

Hi,

Jetzt hab ich aber bei "NaviOben" das Problem, dass der Border-Bottom zu weit unten ist. Ich hab schon alles mögliche versucht, aber ich bekomme diesen nicht hoch so dass es ausschaut wie auf:

Du hast die border bei der Tabellenzelle angegeben.
Die Zellen einer Zeile sind immer gleich hoch - also ist auch die mittlere Zelle so hoch wie die mit den Farbklecksen.

Gib die Border ins UL.

cu,
Andreas

[RETRAX]

Gib die Border ins UL.

meinst du so wie ich es seither hatte? also:

<td class=NaviOben>
<ul class="navlistOben">
<li><a href="http://www.retrax.de/">Home</a></li>
usw...

oder meinst du den border-bottom im css verschieben:

.NaviOben ul, .NaviOben li {
border-bottom: 1px solid #808080;
usw...
}

[XaraX]

Hallo erstmal!

CSS => Unterer Abschitt ist wie folgt zu ersetzen:

/* Links Liste Oben */

.NaviOben ul {
border-bottom: 1px solid #808080;
padding:0px 0px 5px 0px;
margin:0;
}
.NaviOben li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none
}
.NaviOben a:link, .NaviOben a:visited {
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #808080
}
.NaviOben a:link#current, .NaviOben a:visited#current, .NaviOben a:hover {
color: #90bade
}

Dabei wird die Linkliste auch gleich exakt in der Mitte ausgerichtet und nicht über eine 50pt-Krücken daneben platziert.

==================================
Noch zwei Fragen, die mir bei Deiner CSS-Datei gekommen sind:

Welche Farbe ist denn bitte #90bade?
Gibt es einen Grund einem Inline-Element ein float zuzuweisen?

Gruß aus Berlin!
eddi

[RETRAX]

Hallo erstmal!

CSS => Unterer Abschitt ist wie folgt zu ersetzen:

Super! Vielen Dank!

==================================
Noch zwei Fragen, die mir bei Deiner CSS-Datei gekommen sind:

Welche Farbe ist denn bitte #90bade?
Gibt es einen Grund einem Inline-Element ein float zuzuweisen?

#90bade ist ein sehr sanftes helles blau.

Eigentlich gibt es keine Grund mit dem Float. Da hast Du recht.

BTW:

Weisst du wie ich am besten den Hoover Effekt von den Kategorieüberschriften wie "About Me", "Photo Album", "MultiMedia" usw...

wegbekomme?

Weil das sind ja keine Links. Wie kann ich das machen ohne eine extra neue CSS Klasse zu eröffnen?

[Struppi]

Weisst du wie ich am besten den Hoover Effekt von den Kategorieüberschriften wie "About Me", "Photo Album", "MultiMedia" usw...

wegbekomme?

Weil das sind ja keine Links. Wie kann ich das machen ohne eine extra neue CSS Klasse zu eröffnen?

in dem du einfach den Link um diesen Text entfernst. Du könntest dir auch die ganzen Klassen sparen (aber die Diskussion hatten wir ja schon mal), wenn du die Überschriften zwischen den Listen, als Überschriften definierst:

<h2>About Me</h2>
<ul>
<li><a href="http://www.retrax.de/Steckbrief.html">Steckbrief</a></li>
<li><a href="http://www.retrax.de/Lebenslauf.html">Lebenslauf</a></li>
<li><a href="http://www.retrax.de/Bilder/Wohnung/Wohnung.html">Wohnung</a></li>
<li><a href="http://www.retrax.de/Bilder/Familie/Familie.html">Familie</a></li>
<li><a href="http://www.retrax.de/Bilder/Freunde/Freunde.html">Freunde</a></li>
<li><a href="http://www.retrax.de/Bilder/Schnuffi/Schnuffi.html">Schnuffi</a></li>
<li><a class="NaviAbs">Photo Album</a></li>
<li><a href="http://www.retrax.de/Bilder/PhotoAlbum1/PhotoAlbum1.html">1. Album</a></li>
<li><a href="http://www.retrax.de/Bilder/PhotoAlbum2/PhotoAlbum2.html">2. Album</a></li>

<li><a href="http://www.retrax.de/Bilder/PhotoAlbum3/PhotoAlbum3.html">3. Album</a></li>
</ul>

<h2>Infos</h2>
<ul>
<li><a href="http://www.retrax.de/Bookmarks/Bookmarks.html">Bookmarks</a></li>
<li><a href="http://www.gb-x.de/gbuch.php?forum_id=67864">GuestBook</a></li>
<li><a href="http://www.retrax.de/usage">Statistik</a></li>
<li><a href="http://www.gb-x.de/vote.php?forum_id=67864">Vote</a></li>
</ul>

Struppi.

[XaraX]

Hallo!

#90bade ist ein sehr sanftes helles blau.

Nu so eine Empfehlung: Nimm ein Screenshot-Programm und zieh Dir mit einem Grafikprogramm die RGB-Werte. Die Farbe #90bade wird zwar angezeigt, richtig erscheit mir diese Angabe aber nicht.

Gruß aus Berlin!
eddi

[wahsaga]

hi,

#90bade ist ein sehr sanftes helles blau.

Nu so eine Empfehlung: Nimm ein Screenshot-Programm und zieh Dir mit einem Grafikprogramm die RGB-Werte. Die Farbe #90bade wird zwar angezeigt, richtig erscheit mir diese Angabe aber nicht.

nicht "richtig" in wie fern?

gruß,
wahsaga

[XaraX]

hi,

nur in sofern, als daß ich "bade" als wort laß. Mein Fehler!

Gruß aus Berlin!
eddi

[at]

Hallo.

nur in sofern, als daß ich "bade" als wort laß.

Das ist ja mal lustig. Bei "#fade99" wäre ich wahrscheinlich auch darüber gestolpert.
MfG, at