Autor |
Nachricht |
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Mo 05.09.2005 09:40
Titel
|
|
|
beeviZ hat geschrieben: | im code da oben steht viel zu viel unnützes zeug.
einfach mal
#navi a {width: 128px; height: 20px; }
machen, dann musste das nich bei jedem link einzeln machen. die scheinen ja eh immer alle gleich groß zu sein. |
Hatte das CSS-Gedöns von einer Seite genommen, wo die Buttons unterschiedlich groß sind und für ihn kurz die Werte auf den selben Wert gebracht.
@fragile:
beeviZ meint, du kannst aus den einzelnen Klassen der Links die Größenangaben rauslöschen, wenn du die (wie du bereitsgemacht hast, vorher allgemein festlegst. Demnach steht das also bei den Klassen nur die Definition des background drinne.
|
|
|
|
|
fragile
Dabei seit: 22.09.2004
Ort: Amberg
Alter: 50
Geschlecht:
|
Verfasst Mo 05.09.2005 13:20
Titel
|
|
|
Jo, das löst aber mein FireFox-Problem nicht, das CSS-Teil ist so nicht cross-browser-kompatibel und damit wertlos..
|
|
|
|
|
Anzeige
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Mo 05.09.2005 13:26
Titel
|
|
|
So ne CSS Lösung funzt im IE; Opera und FF wunderbar. Soweit ich weiß hat nur der Konqueror mit sowas probleme.
Lies mal auf Seite 1 - da steht die Lösung
|
|
|
|
|
fragile
Dabei seit: 22.09.2004
Ort: Amberg
Alter: 50
Geschlecht:
|
Verfasst Mo 05.09.2005 13:30
Titel
|
|
|
Hab den Code aus dem Thread, auch seite 1 gelesen...funzt trotzdem nciht im FireFox, die Grafik wird nicht angezeigt...
|
|
|
|
|
fragile
Dabei seit: 22.09.2004
Ort: Amberg
Alter: 50
Geschlecht:
|
Verfasst Mo 05.09.2005 13:36
Titel
|
|
|
Es liegt am "display : block;" im
Code: | div#navi a {
display : block;
text-decoration: none;
} |
Mach ich das raus, zeigt er im FF nix an, mit "Block" zeigt er die Menbuttons UNTEREINANDEr, ich möchte sie eben als Leiste oben nebeneinander... ist auch egal, ob ich da width etc. definiere, führt nicht zum gewünschten Ergebnis....any ideas ?
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Mo 05.09.2005 13:55
Titel
|
|
|
Wenn es dein einzigstes PRoblem ist, das du die Links nebeneinander haben willst, dann mach dir ne Liste und floate die ...
z.B. sowas in der Art (is jetzt nur aus nem Projekt kopiert ...)
Code: | div#navi {
position:absolute;
left:0px;
width:836px;
text-align:right;
border-bottom:1px solid #45B9C9;
background-color:#fff;
}
div#navi ul {
margin:0 0 0 0px;
list-style:none;
}
div#navi ul li {
float:left;
}
div#navi ul li a {
height:18px;
display:block;
background-repeat:no-repeat;
} |
|
|
|
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Mo 05.09.2005 15:00
Titel
|
|
|
fragile hat geschrieben: | Jo, das löst aber mein FireFox-Problem nicht, das CSS-Teil ist so nicht cross-browser-kompatibel und damit wertlos.. |
Das ist zu 200% Cross-Browser-föhig, das benutze ich in jeder Seite, die ich erstelle.
Und um daraus ne horizontale Navi zu machen, musst du natürlich, wie Glas schon sagte, die Dinger floaten.
Zuletzt bearbeitet von way2hot am Mo 05.09.2005 15:03, insgesamt 1-mal bearbeitet
|
|
|
|
|
fragile
Dabei seit: 22.09.2004
Ort: Amberg
Alter: 50
Geschlecht:
|
Verfasst Mo 05.09.2005 15:35
Titel
|
|
|
jo mit display:block und floaten gehts...sry, bin css-noob, arbeite mich grad mal ein
|
|
|
|
|
|
|
|