nicht angemeldet
DIV nach rechts verschoben - jetzt gehen die Links nicht mehr!
Hallo zusammen!
Ich habe ein submenu, das im urprünglichen Design auf der linken Seite stand (und dort wunderbar funktioniert hat), aber jetzt rechts stehen soll. Die Links im Submenu sind in einer ul sortiert und kaum steht das submenu rechts, sind Links anscheinend nicht mehr existent! Kein Mauseffekt, kein Rollover, keinerlei Reaktion aufs Klicken ...
Das ist der Code:
<div id="submenu">
<ul>
<li><a href="http://www.muster.de" target="_blank">
<img src="images/bild.jpg" width="180" height="180"></a>
</li>
<li><a href="info.htm">Mehr Informationen</a>
</li>
</ul>
</div>
Dazu folgendes CSS:
#submenu {
float: right;
width: 240px;
margin-right: 45px;
background-image: url(submenu.jpg);
background-repeat: no-repeat;
height: 300px;
padding-top: 10px;
}
#submenu ul {
margin-left:40px;
margin-top:0px;
list-style: none;
line-height: 1em;
}
#submenu li {
margin-bottom: 11px;
}
#submenu a {
border: none;
text-decoration: none;
color: #333333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
font-style: italic;
color: #424242;
}
Geändert zum früheren Layout habe ich nur das float und beim margin ein paar Pixel korrigiert.
Kann mir jemand einen Tipp geben, warum die Links auf einmal nicht mehr anklickbar sind?
Danke!
-
Hallo,
aus deinen Quellcodeschnipseln ist leider nichts zu erkennen. Hast du mal einen Link zur Seite?
Gruss
MrMurphy
-
Hallo,
aus deinen Quellcodeschnipseln ist leider nichts zu erkennen. Hast du mal einen Link zur Seite?
Gruss
MrMurphy
Nee, ist alles noch total im Rohbau ...
Aber ich hab hier mal den gesamten Code (ohne Inhalte) zusammengestellt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta name="Language" content="de"> <meta name="robots" content="index,follow"><link rel="stylesheet" media="screen,projection" href="styles/styles.css" type="text/css" id="css1" />
</head>
<body><div id="wrapper">
<a name="top"></a>
<div id="layout">
<div id="header"><img src="header.gif" width="961" height="164" alt=""></div>
<div id="menu">
<ul>
<li class="selected">home</li>
<li><a href="a.htm">eins</a></li>
<li><a href="b.htm">zwei</a></li>
<li><a href="c.htm">drei</a></li>
</ul>
</div>
<div id="submenu"><br>
<ul>
<li><a href="#" target="_blank"><img src="image.jpg"></a><br>
</li>
</ul>
</div>
<div id="content">
<h1>Headline</h1>
<p>Lorem Ipsum</p>
<a href="#top"><img src="pfeil.gif">nach oben</a>
</div>
<div id="footer">
<p>Copyright © 2014</p>
</div>
</div>
</div>
</body>
</html>Das Bild im submenu ist dasjenige, das anklickbar sein sollte, es aber leider nicht ist ...
-
Ach ja, und hier noch das dazugehörende CSS:
html, body {
margin: 0;
padding: 0;
height: 100%;
background-image: url(BG-2.jpg);
background-repeat: no-repeat;
}body {
font-family: Arial, Helvetica, sans-serif;
background-color: #ffffff;
}#layout {
width:960px;
min-height:100%; /* Optional */
background:url(BG.gif) repeat-y;
margin:auto;
overflow:hidden;
position:relative;
}#header {
height:164px;
background-image: url(header1.gif);
background-repeat: no-repeat;
}#menu {
height:46px;
background-image: url(menu.gif);
background-repeat: no-repeat;}#submenu {
float: right;
width: 240px;
margin-right: 45px;
background-image: url(submenu.jpg);
background-repeat: no-repeat;
height: 300px;
padding-top: 10px;
z-index:100;
}#content {
margin-left: 45px;
padding-top: 10px;
padding-bottom: 100px;
padding-left:20px;
margin-right: 270px;
position: relative;
background-image: url(content.gif);
background-repeat: repeat-x;
padding-right: 45px;
z-index:10;
}#footer {
margin-left:45px;
height:30px;
width:960px;
position:relative;
z-index:11;
text-align:center;
}
#submenu ul {
margin-left:40px;
margin-top:0px;
/*padding-top: 2px;*/
list-style: none;
line-height: 1em;
}#submenu li {
margin-bottom: 11px;
}#submenu a {
border: none;
text-decoration: none;
color: #333333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
font-style: italic;
color: #424242;
}#submenu a:hover {
color: #000000;
}-
Hallo
Nee, ist alles noch total im Rohbau ...
Dann solltest du vielleicht erst mal so weit kommen, das du die Seite online stellen kannst. Und warum kann eine Seite im Rohbau nicht online gestellt werden?
Das Bild im submenu ist dasjenige, das anklickbar sein sollte, es aber leider nicht ist ...
Welches Bild? Ich habe aus deinen Quellcodeschnipseln mal eine Datei gemacht:
http://foreninfo.bplaced.net/seiten_fremdseiten/2014_01_19_contentbiene_03.html
Ich erkenne dort weder ein Bild noch sonst eine Info, mit der ich dir weiterhelfen könnte.
Gruss
MrMurphy
-
-