| Autor |
Nachricht |
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 35
Geschlecht: 
|
Verfasst Mi 18.06.2008 09:33
Titel css problem > IE - Mozilla |
  |
|
Guten Morgen 
ich habe ein Problem mit der Darstellung meiner Menü`s
in IE.
Ich habe ein CSS Menüscript gefunden, in Mozilla
postioniert er mir das richtig aber IE nicht.
Ich habe das ganze in einer Tabelle platziert,
die Menüpunkte links, Textinhalte in der MItte und
Bilder rechts.
Die Menüpunkte solle in der Zelle ganz Links positioniert
werden, Mozilla macht das anstandslos IE nicht.
Das ist der CSS Teil:
| Code: |
<style type="text/css">
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#dlmenu {height:5em;}
#menu {list-style-type:none; padding:0; position:absolute; width:15em; background:#fff; z-index:100;}
#menu li {display:block; padding:0px; margin:0px; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:center; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#FF5000 url(top_grad_2.gif) center center; color:#ffffff; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:20em; background:#FF5000 url(sub_grad.gif);}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 15em; margin: 50; background: ##FF5000; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#menu dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#FF5000 url(top_grad.gif) center center;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(sub_grad.gif);}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#7aa; color:#ffffff;}
</style>
|
Wo müsste ich ansetzen, mmmh???
|
|
| |
  |
 |
digitalplakat
Dabei seit: 26.07.2005
Ort: zentriert
Alter: 43
Geschlecht:
|
Verfasst Mi 18.06.2008 09:59
Titel
|
|
|
setz erstmal bei allen ol, dl, ul, li die margins auf 0
| Code: | /* reset styles */
dl {
font-family: "Courier New", Courier, monospace;
margin: 0 0 0 0;
}
dl dt {margin: 0 0 0 0;}
dl dd+dt {margin-top: 0;}
dl dd {margin: 0 0 0 0;}
ol {
font-family: "Courier New", Courier, monospace;
list-style: none;
}
ol li {margin: 0 0 0 0;}
ol li ol {margin: 0 0 0 0;}
ol li ul {margin: 0 0 0 0;}
ul {
font-family: "Courier New", Courier, monospace;
list-style: none;
}
ul li {margin: 0 0 0 0;}
ul li ul {margin: 0 0 0 0; list-style: none;}
ul li ol {margin: 0 0 0 0;}
/* reset styles end */ |
Zuletzt bearbeitet von digitalplakat am Mi 18.06.2008 09:59, insgesamt 1-mal bearbeitet
|
|
| |
|
|
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 35
Geschlecht:
|
Verfasst Mi 18.06.2008 10:12
Titel
|
|
|
hi digitalplakat
ok mache ich mal
EDIT
... yo so sieht es besser aus !! danke dir!!!
Zuletzt bearbeitet von ma1973 am Mi 18.06.2008 10:40, insgesamt 1-mal bearbeitet
|
|
| |
|
|
m
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 18.06.2008 11:11
Titel
|
|
|
| digitalplakat hat geschrieben: | | Code: |
dl {
font-family: "Courier New", Courier, monospace;
margin: 0 0 0 0;
}
dl dt {margin: 0 0 0 0;}
dl dd+dt {margin-top: 0;}
dl dd {margin: 0 0 0 0;}
ol {
font-family: "Courier New", Courier, monospace;
list-style: none;
}
ol li {margin: 0 0 0 0;}
ol li ol {margin: 0 0 0 0;}
ol li ul {margin: 0 0 0 0;}
ul {
font-family: "Courier New", Courier, monospace;
list-style: none;
}
ul li {margin: 0 0 0 0;}
ul li ul {margin: 0 0 0 0; list-style: none;}
ul li ol {margin: 0 0 0 0;}
|
|
Was ist denn das? 
Wenn man es so angehen will reicht
ul { margin: 0 }
ul li { margin: 0 }
für eine ungeordnete Liste, da muss man keine Kinder mit einbeziehen. Könnte man also direkt
mal wieder 4-5 Zeilen Streichen weil sie einfach unsinnig sind.
Aber benutz einfach mal die Suche oder Google: "css reset"
Zuletzt bearbeitet von m am Mi 18.06.2008 11:13, insgesamt 1-mal bearbeitet
|
|
| |
|
|
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 35
Geschlecht:
|
Verfasst Mi 18.06.2008 12:19
Titel
|
|
|
öööh hi,
ich habe noch eine Frage, mmmh, das ganze habe ich ja dort gefunden,
http://www.cssplay.co.uk/menus/slide_definition.html.
Wie bekomme ich das eigentlich hin, das wenn ich ein bestimmten
Unterpunkt ausgewählt habe und die entsprechende Site aufgerufen
ist, das der Menüpunkt auch aktiv, sichtbar bleibt?
mmmh???
|
|
| |
|
|
m
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 18.06.2008 12:31
Titel
|
|
|
Dazu nutzt du eine weitere Regel, eine ID z.B. namens active
| Code: | li#active {
formatierungen..
} |
und weißt diese dem entsprechendem Element zu.
|
|
| |
|
|
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 35
Geschlecht:
|
Verfasst Mi 18.06.2008 14:41
Titel
|
|
|
 verdammt ich komme nicht weiter,
soweit habe ich das schon ....
http://www.mo1996.de/test/test.htm
| Code: |
.active li {background-color:#FF5000; }
.active dl {width: 15em; margin: 50; height:10em; }
.active dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
.active dd {margin:0; padding:0; font-size: 1em; text-align:left;}
|
dann ist der Platzgeschaffen, jedoch der Hintergrund nicht Orange
und die Untermenüpunkte nicht sichtbar erst wenn man mit der Maus
rüberfährt
Zuletzt bearbeitet von ma1973 am Mi 18.06.2008 14:49, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Wuppertal
Alter: 19
Geschlecht:
|
Verfasst Mi 18.06.2008 15:13
Titel
|
|
|
~augen reib~ ^^ Das Rot ist hart ...
Also für mich siehts so aus, dass die die Eigentschaften von active .. wieder mit den eigenschaften gallery überschreibst, weil du vergibst ja an das li-tag die klasse active und bindest dann ein dl ein das die klasse gallery bekommt deswegen übernimmt das dd dann die Eigenschaften von "gallery".
Probiers mal in dem du dem dd direkt die klasse active gibst. Vll gehts dann.
Gruß
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
css > problem > IE ja aber Mozilla nein :-(
CSS Problem mit IE, Mozilla und Opera
[Problem] CSS -> Radio Buttons (Mozilla vs. IE)
Mozilla Firefox + CSS
css > darstellungsproblem > mozilla :-) IE :-(
[CSS] Bug im Mozilla
|
|
Willkommen auf dem Portal für Mediengestalter
