Menü mit css wie im spin oder bei confix...

fivo · 04.05.2003, 22:19

aloha gemeinde,

koennte mir von euch jemand zeigen wie ich ein menue mit css bauen kann welches in der gleichen art aufgebaut ist wie bei

www.spinchat.de oder im adminbereich von confixx2.0?

ein menue wo sich die links farblich aendern bekomme ich ja hin, wie geht das aber wenn sich die "kpl. zeile" farblich aendern soll?

vielen dank im voraus

fivo

Guitar · 04.05.2003, 22:48

Zum Beispiel so:

PHP-Code:


			
<table width="250" border="0" cellspacing="10" cellpadding="5">

  <tr> 

    <td bgcolor="#CCCCCC" onMouseOver="this.style.backgroundColor='#CCCCFF'" onMouseOut="this.style.backgroundColor='#CCCCCC'"><a href="#">Punkt 1</a></td>

  </tr>

  <tr> 

    <td bgcolor="#CCCCCC" onMouseOver="this.style.backgroundColor='#CCCCFF'" onMouseOut="this.style.backgroundColor='#CCCCCC'"><a href="#">Punkt 2</a></td>

  </tr>

  <tr> 

    <td bgcolor="#CCCCCC" onMouseOver="this.style.backgroundColor='#CCCCFF'" onMouseOut="this.style.backgroundColor='#CCCCCC'"><a href="#">Punkt 3</a></td>

  </tr>

</table>

fivo · 04.05.2003, 23:08

Danke... und Mist :-(

das eine Problem beseitigt u. schon ist das naechste da... ich habe das menue durch css etwas bearbeitet.. zumindest wollte ich es... lokal getestet siehts auch prima aus... auf dem webserver jedoch ganz u. gar nicht- das css greift nicht, warum auch immer :-(

hier der ´link

Lars · 05.05.2003, 10:44

Also bei mir klappt es.

Guitar · 05.05.2003, 14:10

Du bindest die CSS-Definitionen nicht richtig ein.
Das muss so aussehen:

PHP-Code:


			
<style type="text/css">

<!--



... hier stehen deine Definitionen



-->

</style>

toerag · 05.05.2003, 14:42

bei gehts auch. wobei man bei Mouseover nicht mehr die links erkennen kann...

fivo · 05.05.2003, 15:34

also ich verstehe das einfach nicht, vielleicht habe ich ja schon einen sonnenstich ...

ich habe euch mal 2 screenshots angehaengt...

wenn ich die seite lokal teste sieht alles richtig aus, schiebe ich die daten dann auf meinen "webrechner" siehts jedoch total sch....ummerig aus...

hier der screenshot

kann es evtl. sein dass ich etwas an den einstellungen meines rechners aendern muss? ich nutze uebrigens win2000....

Guitar · 05.05.2003, 18:17

Habe da noch einen Fehler in deinem Stylesheet entdeckt:

PHP-Code:


			
A:link {

    color : #666666;

    text-decoration: none;

    padding-right : 16px;

    padding-left : 6px;

    padding-top : 4px;

    padding-bottom : 4px;

    border : 1px solid #F2F2F2;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    a:hover {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    text-decoration: none;

}

Du hast hier innerhalbe der A:link-Definition noch a:hover defniert. Schreibs mal so:

PHP-Code:


			
A:link {

    color : #666666;

    text-decoration: none;

    padding-right : 16px;

    padding-left : 6px;

    padding-top : 4px;

    padding-bottom : 4px;

    border : 1px solid #F2F2F2;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

}

Warum es allerdings einen Unterschied zwischen der Ansicht lokal und im Web gibt. weiß ich nicht. Hast du den Cache des Browsers mal geleert?
Oder die Seite mal mit STRG+F5 aktualisiert?

fivo · 06.05.2003, 03:49

hallo wolfgang, ich bin bis mitte der woche auf einem lehrgang, das heisst ich kann es nicht so schnell testen.

bis dahin erstmal herzlichen dank... aber dieses darstellungsproblem k... mich langsam an ;-)

habe heute vormittag auch nochmal vom buero aus hineingesehen- dort sieht es wiederum anders aus... :-(

vg
fivo

calpha · 08.05.2003, 12:24

also entweder hat sich das problem erledigt oder mein opera 7.1 kann das ohne fehler anzeigen

prefix · 08.05.2003, 12:41

na, definier mal die reihenfolge richtig:

a:link
a:visited
a:hover
a:active
(a:focus) - optional

weiters hast immer noch (wie schon weiter oben beschrieben) den a:hover im a:link-bereich drin!

ie6 nimmt das css nicht, op7 schon (win xp).