"target="_self" im linkmenü?
0 
Felix Riesterer
0
"target="_self" im linkmenü?
Halli Hallo,
wie schaffe ich es, dass sich die entsprechende Seite (hier: aktuelles.html) im selben (!!!) Fenster öffnet und nicht in einem neuen?
Danke im Vorraus!
<style type="text/css">
td.button
{
color:#bbccdd;
font-family:verdana;
font-size:10px;
text-align:center;
width:150px;
height:16px;
background-color:#203b59;
border-width:1px;
border-style:solid;
border-color:#000000;
cursor:hand;
}
</style>
</head>
<body bgcolor="#112233">
<table>
<tr>
<td class="button"
onmouseover="this.style.backgroundColor='#5e99cb'"
onmouseout="this.style.backgroundColor='#112233'"
onclick="window.open('aktuelles.html','Aktuelles')"> Aktuelles
</td>
</tr>
</table>
-
Lieber Paddy,
warum verwendest Du JavaScript für etwas, das ganz offensichtlich ein Verweis auf eine andere Seite im selben Fenster sein soll???
<table>
<tr>
<td class="button"
onmouseover="this.style.backgroundColor='#5e99cb'"
onmouseout="this.style.backgroundColor='#112233'"
onclick="window.open('aktuelles.html','Aktuelles')"> Aktuelles
</td>
</tr>
</table>Wie wäre es denn mit einem
<a href="aktuelles" class="button">Aktuelles</a>anstatt Deiner zweckentfremdeten Tabelle?Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Beim Verwenden von <a href...etc. ist die Ergebnis ei n ganz anderes. setzt man es ohne <table...etc. in die page steht da nur "der link" (die schrift ohne rahmen etc.) ; setzt man den <a href...etc. in die tabelle muss man speziell den text anklicken und nich mehr nur noch die tabelle....die tabelle ist dann halt kein "button" mehr...
zum mindestens klappts bei mir damit nicht. :| aber danke für die schnelle antwort!
-
Hi,
Beim Verwenden von <a href...etc. ist die Ergebnis ei n ganz anderes. setzt man es ohne <table...etc. in die page steht da nur "der link" (die schrift ohne rahmen etc.)
zum mindestens klappts bei mir damit nicht. :|
versuch es mal hiermit.
<style type="text/css"> #blueblock{ width: 180px; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 90%; background-color: #90bade; color: #333; } * html #blueblock{ /*IE 6 only */ width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */ } #blueblock ul{ list-style: none; margin: 0; padding: 0; border: none; } #blueblock li { border-bottom: 1px solid #90bade; margin: 0; } #blueblock li a{ display: block; padding: 5px 5px 5px 8px; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #blueblock li a{ /*Non IE6 width*/ width: auto; } #blueblock li a:hover{ border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } </style><div id="blueblock"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> </ul> </div>Grüße,
Engin
GYRO-
Super! Du hast mir sehr geholfen! Danke :)
-
-
Hallo Paddy
Beim Verwenden von <a href...etc. ist die Ergebnis ei n ganz anderes. setzt man es ohne <table...etc. in die page steht da nur "der link" (die schrift ohne rahmen etc.)
Du musst dem Link noch sagen, dass er einen Block bilden soll und nicht nur die Größer seines Inhalts annehmen soll.
a.button { display:block; ... }Der Hovereffekt funktioniert auch ohne Javascript:
a.button:hover { background-color:#5e99cb; }<a class="button" href="aktuelles.html">Aktuelles</a>Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
-
-
-
Hi,
<style type="text/css">
td.button
{
color:#bbccdd;
font-family:verdana;
font-size:10px;
text-align:center;
width:150px;
height:16px;
background-color:#203b59;
border-width:1px;
border-style:solid;
border-color:#000000;
cursor:hand;
}
</style></head>
<body bgcolor="#112233"><table>
<tr>
<td class="button"
onmouseover="this.style.backgroundColor='#5e99cb'"
onmouseout="this.style.backgroundColor='#112233'"
onclick="window.open('aktuelles.html','Aktuelles')"> Aktuelles
</td>
</tr>
</table>mach es komplett mit CSS,
ul#Navigation { margin: 0; padding: 0; } ul#Navigation li { list-style: none; margin: 0; padding: 0; } </style> ~~~~~~html </head> <body> <h1>Navigationsleiste ...</h1> <ul id="Navigation"> <li><a href="nav_definieren.htm">Beispiel 1</a></li> <li><a href="nav_formatieren.htm">Beispiel 2</a></li> <li><a href="nav_rollover.htm">Beispiel 3</a></li> </ul>Wenn du die Links so setzt, öffnen sie sich immer im gleichen Fenster.
Grüße,
Engin
GYRO
