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!
CSS + HTML Navigation unter den 3 Bildern
Autor: roenix
Datum: 25.08.2010 21:19:35
Hallo,
ich möchte diese Navigation, wie auf dem Screen zu sehen ist unter den 3 Bildern machen in der gleichen Breite wie die Bilder oben sind. [URL="http://wakeboarder.lima-city.de/Bild33.jpg"]http://wakeboarder.lima-city.de/Bild33.jpg[/URL]
EDIT: Farbe der Navigation (Hintergrund) #EEEEEE
Hier ist der Quellcode.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link type="text/css" rel="stylesheet" href="http://wakeboarder.lima-city.de/css/main.css">
<style type="text/css">
.teaser_content_navigation ul { list-style-type: none; padding-left: 10px; margin: 0px; }
.teaser_content_navigation li { display: block; line-height: 15px; font-style: bold; color:#CCC }
</style>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head>
<body>
<div id="teaser_holder">
<div class="teaser_content">
<div class="teaser_content_image">
<img style="border: 0px solid ; width: 250px; height: 145px;" alt="" src="http://www.wakeboarder.lima-city.de/images/www/Bild3.jpg">
<br style="color: rgb(255, 0, 0);">
<span style="color: rgb(255, 0, 0);">> Clubnight // 21. August</span>
</div>
</div>
<div class="teaser_content">
<div class="teaser_content_image">
<img style="border: 0px solid ; width: 250px; height: 145px;" alt="" src="http://www.wakeboarder.lima-city.de/images/www/Bild3.jpg">
<br style="color: rgb(255, 0, 0);">
<span style="color: rgb(255, 0, 0);">> Clubnight // 21. August</span>
</div>
</div>
<div class="teaser_content">
<div class="teaser_content_image">
<img style="border: 0px solid ; width: 250px; height: 145px;" alt="" src="http://www.wakeboarder.lima-city.de/images/www/Bild3.jpg">
<br style="color: rgb(255, 0, 0);">
<span style="color: rgb(255, 0, 0);">> Clubnight // 21. August</span>
</div>
</div>
</div>
</body>
</html>
CSS:
.teaser_holder { position: fixed; bottom: 10px; width: 1000px; height: 330px; margin-left: -500px; left: 50%;}
.teaser_background { position: fixed; bottom: 10px; width: 1000px; height: 125px; margin-left: -500px; left: 50%; background-color: #333; z-index:110; }
.teaser_content {position: relative; top: 45px; width: 262px; z-index:120; float:left; text-transform: uppercase; font-size: 9px; margin-left: 120px;}
.teaser_content_image {position: relative; padding:6px 6px 14px 6px; background-color: #000; font-size: 11px; }
.teaser_content img { margin-bottom: 4px; }
.teaser_content_navigation { margin: 6px 2px 0px 6px; font-size: 11px; }
.teaser_content_navigation ul { list-style-type: none; padding-left: 10px; margin: 0px; }
.teaser_content_navigation li { display: block; line-height: 15px; font-style: bold; color:#CCC }
body { width:1146px; margin: 0;}
Warum geht hier kein [PHP] bzw. so ein Zitatfenster?
Wie mache ich das am besten, könnte mir jemand bitte helfen?
Gruß Markus.
