Navigation mit Grafik oder ohne Farbe

[Christoph]

Hallo,

ich habe ein normales Link-Menu.
Kann ich bei Mouseover ein Bild erscheinen lassen, dass genauso groß ist wie das Linkfeld? Also größer, wie momentan angezeigt wird?

Und bei der Druckenfunktion habe ich mittels print.css den header, menu, footer ausgeblendet, nur druckt der den Haupttext nicht mittig oder linksbündig. Sondern auch so, wie mit allem das wäre.
Kann ich alle divs deaktivieren und nur ein Div anzeigen lassen?

vielen Dank
gruß Christoph

[friedrich]

Hallo,

Hallo.

ich habe ein normales Link-Menu.
Kann ich bei Mouseover ein Bild erscheinen lassen, dass genauso groß ist wie das Linkfeld? Also größer, wie momentan angezeigt wird?

Kannst du. Hier musst du mit display:block arbeiten. Mehr dazu vielleicht hier.

Und bei der Druckenfunktion habe ich mittels print.css den header, menu, footer ausgeblendet, nur druckt der den Haupttext nicht mittig oder linksbündig. Sondern auch so, wie mit allem das wäre.
Kann ich alle divs deaktivieren und nur ein Div anzeigen lassen?

Das weiß ich nicht. Geht bestimmt irgendwie.

vielen Dank
gruß Christoph

MfG.

[Christoph]

Geht bei mir nicht, nur so wie es momentan angeschaut werden kann.

CSS:

li {
    display: block;
    list-style:none;
    text-align:left;
    margin:5px 0 0 0;
    padding: 4px 10px 4px 10px;
    font-size:13px;}

a.meli:link {
        color: #000000;
        text-decoration: none;}
a.meli:visited {
        color: #000000;
        text-decoration: none;}
a.meli:hover {
        display: block;
        color: #000000;
        text-decoration: none;
        background: #F9FADA;

background-image:url(/wsgneu/index/bgm.gif);

}

[friedrich]

Wenn du dich an das Beispiel hältst, müsste es aber eigentlich gehen.
Auf der Webseite "hovert" offenbar nur der Text. Formatiere <a> zum display:block, dann müsste es gehen.

MfG.

[Christoph]

geht bei mir nicht.
Ich weiss nicht weiter. hier mein kompletter css.

html{
    overflow-y:scroll;}
body{
    font:12px Arial, Helvetica, sans-serif;
    border:0;
    padding:0;
    margin:0;}
img{
    border-style:none;}
#ctr{
    width:990px;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:0px;
    border:0;
    background-image:url(/wsgneu/index/bgm.gif);
    }
#hd{
    height:100px;
<!--    margin-bottom:5px; -->
    background:#66B365;
    text-align:center;}
#menu{
    float:left;
    width:180px;
    padding:0;
    margin:0 10px 0 0;
    font-weight: bold;}
#ct{
    float:right;
    width:768px;
    padding:10px 15px 10px 15px;
    margin:5px 0 0 0;
<!--    background:#f2f2f2; -->
    }
#ft{
    width:990px;
    height:16px;
    background:#66B365;
    margin-top:10px;
    text-align:center;
    font-size:11px;}
li {
    list-style:none;
    text-align:left;
    margin:5px 0 0 0;
    padding: 4px 10px 4px 10px;
    font-size:13px;}
li.hdrei{
    background:#66B365;
    text-align:right;
    color:#FFFFFF;
    letter-spacing:1.5px;
    font-size:13px;
    margin:10px 0 0 0;
    padding:2px 5px;}
a:link {
        color: #0000FF;
        font-weight: bold;}
a:visited {
        color: #0000FF;
        font-weight: bold;}
a:hover {
        color: #FF0000;
        font-weight: bold;}
a:active {
        color: #0000FF;
        font-weight: bold;}
a.meli:link {
        color: #000000;
        text-decoration: none;}
a.meli:visited {
        color: #000000;
        text-decoration: none;}
a.meli:hover {
        display: block;
        color: #000000;
        text-decoration: none;
        background: #F9FADA;
    background-image:url(/wsgneu/index/bgm.gif);
        }
a.meli:active {
        color: #000000;
        text-decoration: none;}
a.ftli:link {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;}
a.ftli:visited {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;}
a.ftli:hover {
        color: #000000;
        font-weight: bold;
        text-decoration: none;}
a.ftli:active {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;}

[OhneName]

Hallo,

Und bei der Druckenfunktion habe ich mittels print.css den header, menu, footer ausgeblendet, nur druckt der den Haupttext nicht mittig oder linksbündig. Sondern auch so, wie mit allem das wäre.

Du musst zum Ausblenden display:none statt visibility:hidden verwenden, letzteres hält nämlich den zum Anzeigen benötigten Platz trotzdem frei.

Gruss,
OhneName

[Christoph]

danke, aber habe:

print.css
#menu { display: none; }
#hd { display: none; }
#ft { display: none; }

[OhneName]

Hallo,

gut, als nächstes könntest du es einmal mit float:none; und width:100%; für #ct im print.css versuchen.

Gruss,
OhneName