Anzeige: Goneo - Du machst das Web!
Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Re: z-index mit 2 Listen
Autor: Pikkolini [Beiträge: 9]
Datum: 03.02.2010 10:25:53
> Anhand Deines HTML-Ausschnitt wird wohl kaum
> jemand Dein Problem nachvollziehen können. Bitte
> poste doch eine vollständige, auf das Problem
> reduzierte Testdatei (von <!DOCTYPE> bis
> </html>), oder (besser noch:) poste einen
> Link.
> Weißt Du, dass sich die CSS-Eigenschaft »z-index«
> nur auf Elemente auswirkt, die mit der
> »position«-Eigenschaft und einem Wert ungleich
> »static« positioniert sind?
>
>
> Gruß,
> Freddy
Das war eigentlich eine auf das Problem reduzierte Testdatei. Aber hier noch mal neu von anfang an:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Editor</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="de">
<meta name="robots" content="noindex,nofollow">
<link rel="icon" type="image/x-icon" href="../img/icon.ico">
<link rel="shortcut icon" type="image/x-icon" href="../img/icon.ico">
<link rel="stylesheet" type="text/css" media="screen" href="../css/maincss.css">
<link rel="stylesheet" type="text/css" media="print" href="../css/printcss.css">
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="../css/ie7css.css">
<![endif]-->
<!--[if gt IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="../css/iecss.css">
<![endif]-->
</head>
<body id="editor">
<!-- Hintergrund -->
<div id="hintergrund">
<!-- Inhalt -->
<div class="inhalt">
<div class="ueberschrift">
<h2>Editor</h2>
<div class="uhrzeit2">
<small>
<?php
include "../zeit.inc.php";
?>
</small>
</div>
</div>
<form action="" method="post" name="editor">
<fieldset>
<legend>Editor</legend>
<ul style="position: relative; z-index: 2;">
<li class="bbc">
<div id="size" class="bbc">
<ol>
<li>1</li>
<li>2</li>
</ol>
</div>
</li>
<li class="bbc"><img src="./img/b.gif" onclick="javascript:insert('[b]','[/b]')" class="bbc" title="Fett" alt="Fett"></li>
<li class="bbc"><img src="./img/i.gif" onclick="javascript:insert('[i]','[/i]')" class="bbc" title="Kursiv" alt="Kursiv"></li>
<li class="bbc"><img src="./img/u.gif" onclick="javascript:insert('[u]','[/u]')" class="bbc" title="Unterstrichen" alt="Unterstrichen"></li>
<li class="bbc"><img src="./img/img.gif" onclick="javascript:insert('[img=]','[/img]')" class="bbc" title="Bild" alt="Bild"></li>
<li class="bbc"><img src="./img/url.gif" onclick="javascript:insert('[url=]','[/url]')" class="bbc" title="Hyperlink" alt="Hyperlink"></li>
</ul>
<ol style="position: relative; z-index: 1;">
<li><textarea name="text" id="text" rows="20" cols="88"><?php if (isset($_POST['text'])) { echo htmlspecialchars(stripslashes($_POST['text'])); } ?></textarea></li>
</ol>
</fieldset>
</form>
</div>
</div>
</body>
</html>
Mit dem Style habe ich auch schon viel rumprobiert, und viele Variationen ausprobiert. Aber das beste was bisher rauskam war das hier:
http://img16.imageshack.us/img16/1055/editorf.png
Einen direkten Link zur Seite gibts leider nicht, da ich mit xampp arbeite.
Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal
einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag
auch mehrmals im Forum.
Bewerten Sie Ihren Webhosting-Provider
Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?
Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!
Weitere Informationen und Teilnahme...
