Rubriken @ tutorials.de: Tutorials, Forum & Hilfe

Geist23 · 16.01.03 15:54

hallo Leute,
ich brauche wieder Hilfe.
Es geht immer noch um Menü(Rubriken)
Ich möchte dass wenn ich mit Mausanzeiger darüber fahre, jedes Wort sich "Balken ähnlich" markiert. So ähnlich wie auf der Seite http://www.geschenke-keramik.de/cgi-...hopof/shop.cgi
Wie kann ich das einstellen?
Gruss
Geist

Daniel Mannheimer · 16.01.03 16:52

schau in den quelltext, schau dir das stylesheet an. steht alles wunderbar da

SilentWarrior · 16.01.03 16:58

sowas geht mit css? muss man dazu nicht javascript nehmen? komm leider in dem quellcode nicht so mit, da unter anderem zwei quellen für css-dateien definiert sind.

Paranoia · 16.01.03 16:58

hey...

oder versuchs mal damit:

Code :

<script language="javascript">
    function color(obj)
    {
        document.getElementById(obj).style.backgroundColor = "#FF8888";
    }
 
    function uncolor(obj)
    {
        document.getElementById(obj).style.backgroundColor = "#F5F5F5";
    }
</script>
 
.
.
<td><a href='link' onmouseover="color('nav')" onmouseout="uncolor('nav')"><div id='nav'>text</div></a></td>
.
.

musst halt den code noch etwas anpassen.. eigene Befehle in color|uncolor hineinschreiben..

greetings para

Geist23 · 16.01.03 17:38

hi Caleb,
wenn ich sogar die ganzen Quelltext kopiere und in FronPage einfüge, kriege ich die Seite. Das Problem ist aber, dass das Menü funtioniert nicht so wie auf der Seite.

a Paranoia,
könntest du mir genauer erklären wo, wie und was ich einsetzen soll.

THE REAL TOOLKIT · 16.01.03 18:15

In Frontpage kopieren ist auch die schlechteste Idee dies gibt.
1:nimm lieber Notepad
2:Schau dir bei Selfhtml an,wie ein Script richtig eingebunden/aufgerufen wird
Amen

Daniel Mannheimer · 16.01.03 18:23

such mal nach class/klasse und onmouseover.

hatten wir hier schon, hab ich glaub selbst mal gefragt

the_great_rawuza · 16.01.03 19:03

Was ich noch zu frontpage sagen möchte:
Das Programm hat manchmal die blöde Angewohnheit, dass es die < > -Zeichen nicht erkennt und was anderes stattdessen einfügt (so is es bei mir, wenn ich javascript einfüge in der html-ansicht-vielleicht weil es nicht erkannt wird, oder was weiß ich).
Wie the Real Toolkit schon gepostet hat: Frontpage is dafür nicht geeignet.
Ich mach sowas prinzipiell nur in Notepad

Gumbo · 16.01.03 19:51

Du kannst es auch schlicht mit CSS machen, sieht jedoch nur im IE und Opera nach was aus.

Paranoia · 16.01.03 20:01

hey...

habe mal kurz was gebastelt.. ich glaube, so wirst du das ganze verstehen:

PHP-Code:


<html>

<head>

    <title>Hover</title>

    <link rel="stylesheet" type="text/css" href="default.css">

</head>

<body>

    <!-- Navigation //-->

    <table width="150" border="0" cellpadding="0" cellspacing="0" class="navBorder">

        <tr>

            <td align="center">

                <div class="nav" onmouseover="this.className='navOver'" onmouseout="this.className='nav'" onclick="location.href='#'"><a href="#">Navigation 1</a><br></div>

                <div class="nav" onmouseover="this.className='navOver'" onmouseout="this.className='nav'" onclick="location.href='#'"><a href="#">Navigation 2</a><br></div>

                <div class="nav" onmouseover="this.className='navOver'" onmouseout="this.className='nav'" onclick="location.href='#'"><a href="#">Navigation 3</a><br></div>

                <div class="nav" onmouseover="this.className='navOver'" onmouseout="this.className='nav'" onclick="location.href='#'"><a href="#">Navigation 4</a><br></div>

                <div class="nav" onmouseover="this.className='navOver'" onmouseout="this.className='nav'" onclick="location.href='#'"><a href="#">Navigation 5</a><br></div>

            </td>

        </tr>

    </table>

</body>

</html>

dazu brauchst nun noch das angehängt css-file (txt in css ändern!)

greetings para

wackelpudding · 16.01.03 20:52

Original geschrieben von Gumbo
Du kannst es auch schlicht mit CSS machen, sieht jedoch nur im IE und Opera nach was aus.

oh mann... schon mal versucht im IE »:hover« auf andere elemente als a zu legen? wenn der das unterstützen würde, bräuchte man diese umständliche JavaScript-lösung gar nicht mehr.

Gumbo · 16.01.03 21:23

Wieso auf ein anderes Element legen:

  <style type="text/css">
  a:link, a:visited {
    width: 100px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    margin-top: 3px;
    background-color: #f0f0ff;
    border: 1px solid #ffa0a0;
    display: block;
    }
  a:hover {
    text-decoration: none;
    background-color: #ffffa0;
    border: 1px dotted #ffa0ff;
    }
  </style>
  <a href="#">Link</a>
  <a href="#">Link</a>

THE REAL TOOLKIT · 16.01.03 21:47

Und bei Tabellen geht das dann auch?

wackelpudding · 16.01.03 21:57

@Gumbo: wenn du einer tabellenzelle beim »mouseover« eine andere hintergrundfarbe zuweisen willst, brauchst du [noch – hoffentlich] diese mehr als umständliche JS-anweisung [wie ich finde].
allerdings verstehen Mozilla, Netscape >=6.x und Opera [k/a ab welcher version] auch

td { background-color:#fff; }
td:hover { background-color:#ccc; }

probier’s bitte aus – und sag’ mir dann, was einfacher ist.

Gumbo · 16.01.03 22:00

Klar!

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Navigationsprobleme, Rubriken schließen nicht nach Mouse-Over

Ausgeben in Rubriken / Kategorien

Rubriken

E-Mail:

Abonnieren Abbestellen