wenn du keinen rand haben willst mach bei dem bild border="0", hoffe ich hab die frage richtig verstanden
und das bild nicht als link?
einfach [Blockierte Grafik: http://www.bilder-hochladen.net/files/334q-1.jpg]
wenn du keinen rand haben willst mach bei dem bild border="0", hoffe ich hab die frage richtig verstanden
und das bild nicht als link?
einfach [Blockierte Grafik: http://www.bilder-hochladen.net/files/334q-1.jpg]
hallo leute, ich habe ne frage wegen dem gleichen problem!
<iframe scrolling="no" allowTransparency="true" name="pic" style="padding-left:0px; backgound-color:#363636" src="beauty/b1.jpg" width="938" height="440" border="0" frameborder="0"></iframe>
und bei IE ist der hintergrund trotzem weiss!!! kann ich das durchsichtig machen, oder zumindest die farbe des weissen ändern???
eig. sollt es ja funzen, tuts aber nicht=(
http://anastasiakreidermann.de/new/
und weiss jemand wie ich das bild innerhalb von diesem frame zentrieren kann, weil irgendwie funzt des nicht=)
ich habs aber gerade erledigt, indem ich
<script type="text/javascript">
function zeigen(id) {
for (var i = 1; i<=5; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
</script>
in jede seite eingefügt habe, jetzt springts nicht, is aber trotzdem blöd müll überall zu haben,
kennt jemand vllt ne andere lösung?
dann wird der inhalt ganz nach oben verrutscht, als ob das gelten würde:
valign="top" align="center"
obwohl das hier gelten muss: valign="middle" align="center"
hallo, ich habe hier schon mehrmals gepostet aber es ging nicht um dieses problem sondern andere, es tritt ein komisches problem auf, nämlich in IE und AOL wird die seite wenn man von home auf galerie klickt verrutscht...so 3-8 pixel vllt..
in firefox is das nicht so..
page: http://anastasiakreidermann.de/TB
der code ist der hier:
<html>
<head>
<title>The Brushers</title>
<style type="text/css">
body {
background: #caccf8;
}
a {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
a:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
.menu {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.active {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
h1
{
color: #53B1FF;
margin: 2em 0;
padding: 0;
font-size: 2em;
text-align: left;
}
h1 span
{
font-size: 1.1em;
color: #34537c;
}
h2
{
color: #B3655A;
margin: 2em 0;
font-size: 1.2em;
}
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul#menue {
width: 50px;
align=left;
margin: 0em 0 0 0;
margin-left:10px;
color: #000;
}
ul#menue li a {
margin: 4px 0;
height: 27px;
line-height: 27px;
text-align: left;
border: 0px solid #666;
background: transparent;
display: block;
color: #000060;
text-decoration:none;
}
ul#menue li a + ul.submenue{
display: none;
}
ul#menue li a:focus + ul.submenue {
display: block;
color: #34537c;
}
ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4, ul#submenue5 li a{
background: none; /* IE */
}
</style>
<script type="text/javascript">
function zeigen(id) {
for (var i = 1; i<=5; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
</script>
</head>
<body bgcolor="#caccf8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
<table cellpadding="0" cellspacing="0" height="100%" width="100%" border="0">
<tr>
<td valign="middle" align="center">
<table id="Tabelle_01" width="1023" height="501" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
[img]Bilder/index_01.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="5">
[img]Bilder/index_02.jpg[/img]</td>
<td rowspan="9" background="Bilder/um.jpg" valign="top" align="left">
[img]0.gif[/img]
<ul id="menue">
[*][url='#']Bodypainting[/url]
<ul id="submenue1" class="submenue">
[*][url='werbung.html'][size=8]Werbung&Show[/size][/url]
[*][url='kunstdarstellungen.html'][size=8]Kunstdarstellungen[/size][/url]
[*][url='wettbewerbe.html'][size=8]Wettbewerbe[/size][/url]
[/list]
[*][url='wand.html']Wand&Raumgestaltung[/url]
[*][url='#']Fahrzeugdesign[/url]
<ul id="submenue3" class="submenue">
[*][url='lkw.html'][size=8]LKW[/size][/url]
[*][url='pkw.html'][size=8]PKW[/size][/url]
[/list]
[*][url='illustration.html']Illustration[/url]
[*][url='verschiedenes.html']Verschiedenes[/url]
[/list]
</td>
<td rowspan="9">
<iframe border="0" frameborder="0" marginheight="10" marginwidth="0" scrolling="no" width="675" height="388" src="galerie1.html"
name="gal"></iframe></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="home.html">
[img]Bilder/home.jpg[/img]</a></td>
<td colspan="4" rowspan="2">
[img]Bilder/index_06.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="galerie.html">
[img]Bilder/gelerie1.jpg[/img]</a></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="4">
<a href="referenzen.html">
[img]Bilder/referenzen.jpg[/img]</a></td>
<td rowspan="7">
[img]Bilder/index_09.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="3">
<a href="ueberuns.html">
[img]Bilder/ueberuns.jpg[/img]</a></td>
<td>
[img]Bilder/index_11.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="4">
<a href="impr.html">
[img]Bilder/impressum.jpg[/img]</a></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="links.html">
[img]Bilder/links.jpg[/img]</a></td>
<td colspan="3">
[img]Bilder/index_14.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
<a href="kontakt.html">
[img]Bilder/kontakt.jpg[/img]</a></td>
<td colspan="2" rowspan="3">
[img]Bilder/index_16.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2" rowspan="2">
[img]Bilder/index_17.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
[img]Bilder/index_18.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Alles anzeigen
hab schon vieles ausprobiert und rausgenommen und wieder reingetan und hab eine problemzone gefunden --------->
<script type="text/javascript">
function zeigen(id) {
for (var i = 1; i<=5; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
</script>
Alles anzeigen
und nämlich wenn mans raustut dann is das verrutschen weg, aber irgendwie verstehe ich nicht was dieses verrutschen in diesem code verursachen kann, ihr vllt??!!!!!!!!
danke!!!!
oh danke es is wirklich voll nett;-) wäre sehr froh wenns klappen würde..
aber wenn ich alles auf php umbennene, wirds dann funktionieren?
ich hab nach dem .active ein } vergessen, aber mit funktioniert auch nicht..
<?php
$page = $_GET['page'];
?>
<html>
<head>
<title>The Brushers</title>
<style type="text/css">
<!--
a {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
a:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
.menu {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.active {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
-->
</style>
<script type="text/javascript"><!--
window.onload=zeigen;
function zeigen(id) {
for (var i = 1; i<=5; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
//-->
</script>
<style type="text/css">
body {
background: #caccf8;
}
a
{
color: #000060;
text-decoration:none;
background: #000060;
font-size: 13px;
}
a:hover
{
background: none;
text-decoration: underline;
font-size: 13px;
color: #000060;
}
h1
{
color: #53B1FF;
margin: 1em 0;
padding: 0;
font-size: 2em;
text-align: left;
}
h1 span
{
font-size: 1.1em;
color: #34537c;
}
h2
{
color: #B3655A;
margin: 2em 0;
font-size: 1.2em;
}
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul#menue {
width: 50px;
align=left;
margin: 0em 0 0 0;
margin-left:10px;
color: #000;
}
ul#menue li a {
margin: 4px 0;
height: 27px;
line-height: 27px;
text-align: left;
border: 0px solid #666;
background: transparent;
display: block;
color: #000060;
text-decoration:none;
}
ul#menue li a + ul.submenue{
display: none;
}
ul#menue li a:focus + ul.submenue {
display: block;
color: #34537c;
}
ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4, ul#submenue5 li a{
background: none; /* IE */
}
</style>
</head>
<body bgcolor="#caccf8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
<table cellpadding="0" cellspacing="0" height="100%" width="100%" border="0">
<tr>
<td valign="middle" align="center">
<table id="Tabelle_01" width="1023" height="501" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
[img]Bilder/index_01.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="5">
[img]Bilder/index_02.jpg[/img]</td>
<td rowspan="9" background="Bilder/um.jpg" valign="top" align="left">
[img]0.gif[/img]
<ul id="menue">
[*][url='#']Bodypainting[/url]
<ul id="submenue1" class="submenue">
[*][url='werbung.html'][size=8]Werbung&Show[/size][/url]
[*][url='kunstdarstellungen.html'][size=8]Kunstdarstellungen[/size][/url]
[*][url='wettbewerbe.html'][size=8]Wettbewerbe[/size][/url]
[/list]
[*][url='wand.html']Wand&Raumgestaltung[/url]
[*][url='#']Fahrzeugdesign[/url]
<ul id="submenue3" class="submenue">
[*][url='lkw.html'][size=8]LKW[/size][/url]
[*][url='pkw.html'][size=8]PKW[/size][/url]
[/list]
[*][url='illustration.html']Illustration[/url]
[*][url='verschiedenes.html?page=1']Verschiedens[/url]
[/list]
</td>
<td rowspan="9">
<iframe border="0" frameborder="0" marginheight="10" marginwidth="0" scrolling="no" width="675" height="388" src="galerie1.html"
name="gal"></iframe></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="home.html">
[img]Bilder/home.jpg[/img]</a></td>
<td colspan="4" rowspan="2">
[img]Bilder/index_06.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="galerie.html">
[img]Bilder/gelerie1.jpg[/img]</a></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="4">
<a href="referenzen.html">
[img]Bilder/referenzen.jpg[/img]</a></td>
<td rowspan="7">
[img]Bilder/index_09.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="3">
<a href="ueberuns.html">
[img]Bilder/ueberuns.jpg[/img]</a></td>
<td>
[img]Bilder/index_11.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="4">
<a href="impr.html">
[img]Bilder/impressum.jpg[/img]</a></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="links.html">
[img]Bilder/links.jpg[/img]</a></td>
<td colspan="3">
[img]Bilder/index_14.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
<a href="kontakt.html">
[img]Bilder/kontakt.jpg[/img]</a></td>
<td colspan="2" rowspan="3">
[img]Bilder/index_16.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2" rowspan="2">
[img]Bilder/index_17.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
[img]Bilder/index_18.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Alles anzeigen
das funktioniert irgendwie nicht, also die datei heisst galerie.html
daran liegts nicht oder?
okay werd ich heute abend machen, und
<?php
$page = $_GET['page'];
?>
wo soll das hin? in den head bereicht? oder sofort nach body?
also ich habs gerade ausprobiert, aber ich glaube ich hab alles in die falsche plätze gepackt..deswegen hats net funktioniert....
das is der code von der galerie.html (so sollts bei mir heissen)
<html>
<head>
<title>The Brushers</title>
<style type="text/css">
<!--
a {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
a:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
a:active {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
a.menu {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
a.menu_active {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
a.menu_active:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
-->
</style>
<script type="text/javascript"><!--
window.onload=zeigen;
function zeigen(id) {
for (var i = 1; i<=5; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
//-->
</script>
<style type="text/css">
body {
background: #caccf8;
}
a
{
color: #000060;
text-decoration:none;
background: #000060;
font-size: 13px;
}
a:hover
{
background: none;
text-decoration: underline;
font-size: 13px;
color: #000060;
}
h1
{
color: #53B1FF;
margin: 1em 0;
padding: 0;
font-size: 2em;
text-align: left;
}
h1 span
{
font-size: 1.1em;
color: #34537c;
}
h2
{
color: #B3655A;
margin: 2em 0;
font-size: 1.2em;
}
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul#menue {
width: 50px;
align=left;
margin: 0em 0 0 0;
margin-left:10px;
color: #000;
}
ul#menue li a {
margin: 4px 0;
height: 27px;
line-height: 27px;
text-align: left;
border: 0px solid #666;
background: transparent;
display: block;
color: #000060;
text-decoration:none;
}
ul#menue li a + ul.submenue{
display: none;
}
ul#menue li a:focus + ul.submenue {
display: block;
color: #34537c;
}
ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4, ul#submenue5 li a{
background: none; /* IE */
}
</style>
</head>
<body bgcolor="#caccf8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
<table cellpadding="0" cellspacing="0" height="100%" width="100%" border="0">
<tr>
<td valign="middle" align="center">
<table id="Tabelle_01" width="1023" height="501" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
[img]Bilder/index_01.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="5">
[img]Bilder/index_02.jpg[/img]</td>
<td rowspan="9" background="Bilder/um.jpg" valign="top" align="left">
[img]0.gif[/img]
<ul id="menue">
[*][url='#']Bodypainting[/url]
<ul id="submenue1" class="submenue">
[*][url='werbung.html'][size=8]Werbung&Show[/size][/url]
[*][url='kunstdarstellungen.html'][size=8]Kunstdarstellungen[/size][/url]
[*][url='wettbewerbe.html'][size=8]Wettbewerbe[/size][/url]
[/list]
[*][url='wand.html']Wand&Raumgestaltung[/url]
[*][url='#']Fahrzeugdesign[/url]
<ul id="submenue3" class="submenue">
[*][url='lkw.html'][size=8]LKW[/size][/url]
[*][url='pkw.html'][size=8]PKW[/size][/url]
[/list]
[*][url='illustration.html']Illustration[/url]
[*][url='verschiedenes.html']Verschiedenes[/url]
[/list]
</td>
<td rowspan="9">
<iframe border="0" frameborder="0" marginheight="10" marginwidth="0" scrolling="no" width="675" height="388" src="galerie1.html" name="gal"></iframe></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="home.html">
[img]Bilder/home.jpg[/img]</a></td>
<td colspan="4" rowspan="2">
[img]Bilder/index_06.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="galerie.html">
[img]Bilder/gelerie1.jpg[/img]</a></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="4">
<a href="referenzen.html">
[img]Bilder/referenzen.jpg[/img]</a></td>
<td rowspan="7">
[img]Bilder/index_09.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="3">
<a href="ueberuns.html">
[img]Bilder/ueberuns.jpg[/img]</a></td>
<td>
[img]Bilder/index_11.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="4">
<a href="impr.html">
[img]Bilder/impressum.jpg[/img]</a></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="links.html">
[img]Bilder/links.jpg[/img]</a></td>
<td colspan="3">
[img]Bilder/index_14.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
<a href="kontakt.html">
[img]Bilder/kontakt.jpg[/img]</a></td>
<td colspan="2" rowspan="3">
[img]Bilder/index_16.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2" rowspan="2">
[img]Bilder/index_17.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
[img]Bilder/index_18.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Alles anzeigen
wie sollt dann das endcode aussehen? also an welche stellen alles gepackt werden..
DANKE!
vieeeeeeeeeeeeelen dank!!! ich probiers mal aus obs geht:-D
is wirklich hammer nett ovn euch:-)
dieses js habe ich kopiert, kenn mich damit net so aus...:D
ja ich meine die komplette seite etwas nach unten verrutscht...
lg
und weisst du woran das "springen" von home auf galerie erfolgt? kanns immernoch nciht finden..
oh leider kenn ich mich gar net mit divs aus..
aber trotzdem danke
drunkenDX@
mit a:visited ist es nicht...es sollen nicht alle links geändert werden auf denen ich mal war, sondern nur eins auf dem ich grad bin..
im prinzip meine ich das gleiche was mit dem menü passiert, also normalen menü...aber in diesem fall werden halt "bilder gewechselt" und mit 2 diversen html seiten gearbeitet...
einmal mit menü mit weissem rand und einmal normales menü....
was a:active angeht, ich habe gerade ausprobiert und das funktioniert folgendermaßen:
wenn ich mit der maus auf einem link bin (nicht gedrückt) dann verändert der sich wie ichs eingestellt habe...
aber ich möchte es so haben wenn ich auf den link klicke verändert er sich, auch wenn ich die maus irgendwoanderes habe...
wisst ihr was ich meine???
!!!!!!!!!!!!!!!!!!!!! noch ein problem auf dieser seite, ich find den fehler nicht...
galerie und referenzen sind etwas verrutscht, also wenn man mit IE von home auf galerie geht verrutscht die seite etwas(firefox nicht)
wie krieg ich das wieder richtig hin...
liegt wohl irgendwo hier das problem, habe getestet nur find net wo:
<script type="text/javascript"><!--
window.onload=zeigen;
function zeigen(id) {
for (var i = 1; i<=5; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
//-->
</script>
<style type="text/css">
body {
background: #caccf8;
}
a
{
color: #000060;
text-decoration:none;
background: #000060;
font-size: 13px;
}
a:hover
{
background: none;
text-decoration: underline;
font-size: 13px;
color: #000060;
}
a:active {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
font-color: #ffffff;
}
h1
{
color: #53B1FF;
margin: 1em 0;
padding: 0;
font-size: 2em;
text-align: left;
}
h1 span
{
font-size: 1.1em;
color: #34537c;
}
h2
{
color: #B3655A;
margin: 2em 0;
font-size: 1.2em;
}
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul#menue {
width: 50px;
align=left;
margin: 0.5em 0 0 0;
margin-left:10px;
color: #000;
}
ul#menue li a {
margin: 4px 0;
height: 27px;
line-height: 27px;
text-align: left;
border: 0px solid #666;
background: transparent;
display: block;
color: #000060;
text-decoration:none;
}
ul#menue li a + ul.submenue{
display: none;
}
ul#menue li a:focus + ul.submenue {
display: block;
color: #34537c;
}
ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4, ul#submenue5 li a{
background: none; /* IE */
}
</style>
Alles anzeigen
wenn man auf verschiedenes klickt dass das wort verschiedenes sag ich mal so ne andere farbe bekommt, wenn ich dann auf illustrationen klicke dass nur illustationen ne andere farbe hat....
also in der umgangssprache:
der link der gerade gedrückt wurde, soll andere farbe haben.
danke:-*
oder braucht man vllt dafür lieber javascript?
wie macht man das?;)
die page http://anastasiakreidermann.de/TB/galerie.html
also die frage lautet, wie kann ich (vllt mit css) ohne extraseiten zu erstellen es so zu machen, dass wenn ich gerade auf der verschiedenes seite mich befinde dann das entweder andere farbe hat oder unterstrichen ist oder etwas fetter is das is eigentlich egal...
wie geht das? ich kenn mich leider nicht so gtu mit css aus, weiss jemand vllt den richitgen code dafür?
danke
es hat sich alles erledigt^^danke;)