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 [Beiträge: 7]
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.
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...
