Ergebnis 1 bis 4 von 4

Thema: Zweite Seite

  1. #1
    HTML Newbie
    Registriert seit
    11.09.2014
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Zweite Seite

    Hallo,

    ich habe es nun geschafft meine Startseite nach meinen Wünschen zu gestalten.
    http://www.u13-bvrentfort.besaba.com

    Nun ist meine Frage, was ich genau machen muss, damit sich bei einem klick auf Anfahrt, die zweite Seite öffnet.

    Hier die index.html:

    Code:
    <!DOCTYPE html>
    <html>
    
    
    <head>
        <meta charset="ISO-8859-1">
        <title>BR Rentfort D1</title>
        <meta name="description" 
              content="Willkommen bei der D1 des BV Rentfort. Hier findet ihr alle wichtigen News und Themen zur aktuellen Saison.">
        <link href="style.css" type="text/css" rel="stylesheet">
    
    
        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    
    
    </head>
    
    
    <body>
    
    
    
    
    <header>
    
    
    
    
      
    </header>
    
    
    <div id="wrapper">
    
    
    <nav id="steuerungoben">
    <div class="menu">
    
    
    
    
    	<ul>
    	
    	<li><a class="menu" href="home.html">Home</a></li>
    	<li><a class="menu" href="verein.html">Verein</a></li>
    	<li><a class="menu" href="anfahrt.html">Anfahrt</a></li>
    	<li><a class="menu" href="kontakt.html">Kontakt</a></li>
    	</ul>
    
    
    </div>
    </nav>
    <nav id="steuerungrechts">
    <div class="menu2">
    <ul>
    
    
    	<li><a class="menu2" href="news.html">News</a></li>
    	<li><a class="menu2" href="termine.html">Termine</a></li>
    <ul id="navi">
    <ul>
    	<li><a class="menu2" href="#">Saison 14/15</a></li>
    <ul>
    	<li><a class="menu2" href="mannschaft-14-15.html">Mannschaft 14/15</a></li>
    	<li><a class="menu2" href="spielberichte-2014-2015.html">Spielberichte</a></li>
    	<li><a class="menu2" href="tabelle-spieltage.html">Tabelle/Spieltage</a></li>		
    </ul>
    </li>
    </ul>
    </div>
    <div class="menu2">
    <ul id="nav3">
    
    
    	<li><a class="menu2" href="eltern-sind-vorbilder.html">Eltern-Vorbilder</a></li>
    	<li><a class="menu2" href="links.html">Links</a></li>
    	<li><a class="menu2" href="gästebuch.html">Gästebuch</a></li>
    </ul>
    </ul>
    </div>
    
    
    
    
    </nav>
    
    
    
    
    
    
    <section>
    	<p><h1>Willkommen bei der U13 des BV Rentfort 1919/46</h1></p>
    
    
    	<p>Wir die 2002er und 2003er der D1, freuen uns euch auf unserer ersten eigenen</p> 
    	<p>Internetseite begrüßen zu dürfen.</p> 
    	<p>Informiert euch umfassend über Themen der aktuellen Saison 2014/2015 u.v.m.</p>
    
    
    	<p>Zu jeden Spiel werdet ihr Spielberichte und auch Fotos finden, zudem würden wir uns freuen,</p> 
    	<p>wenn ihr einen netten Eintrag in unsererm Gästebuch hinterlassen würdet.</p>
    
    
    	<p>Nun wünschen wir euch viel Spaß auf unseren Seiten!</p>
    
    
    	<p><strong>eure D1 des BVR!</strong></p>
    <hr>
    
    
    </section>
    
    
    <footer>
    <nav id="steuerungunten">
    ©2014 Dominik Kisker
    <ul>
    	<li><a href="impressum.html">Impressum</a></li>
    </ul>
    </nav>
    </footer>
    </body>
    </html>
    und einmal die style.css:

    Code:
    * {
    	margin: 0;
    	padding: 0;
    }
    
    
    header, nav, footer, aside, section {
    	display: block;
    }
    
    
    header {
     	/*background-color: yellow;*/
    	background-image: url(img/kopfbild_01.png);
    	height: 281px;
    	width: 951px;
    	margin-left: 280px;
    	margin-right: 360px;
    }
    #steuerungoben ul {
    	list-style-type: none;
    	margin-left: 69.5px;
    	padding-top: 9.42px;
    	word-spacing: 7em;
    	
    }
    #steuerungoben li {
    	display: inline;
    }
    #steuerungoben a {
    	display: block;
    	width: 192px;
    	text-align: center;
    	line-height: 26px;
    	float: left;
    	color: white;
    	text-decoration: none;
    }
    #steuerungrechts {
    	/*background-color: green*/
    	width: 140px;
    	height: 400px;
    	float: right;
    	padding-top: 33px;
    	list-style-type: none;
    	line-height: 45px;
    	
    	
    }
    #steuerungrechts ul {
    	list-style-type: none;
    }
    #steuerungrechts a {
    	display: block;
    	color: white;
    	text-align: center;
    	text-decoration: none;
    	border: 3px;
    	border-color: #343434;
    	border-style: solid;
    }
    section {
    	height: 1000px;
    	width: 600px;
    	margin-left: 3.5em;
    }
    
    
    footer {
    	background-color: #343434;
    	position:absolute;
    	float: right;
    	margin-left: 40;
    	text-align: center;
    	width:1024px;
    	margin-top: 280px;
    	color: white;
    	
    }
    
    
    #wrapper {
    	/*background-color: #eeeeee;*/
    	background-image: url(img/design14.png);
    	margin: 0 auto;
    	width: 1024px;
    	height: 1300px;
    	margin-bottom: 300px;
    	background-repeat: no-repeat;
    }
    
    
    body {
    	text-align: left;
    	background-image: url(img/background.jpg);
    	background-attachment: fixed;
    	font-family: Arial, sans-serif;
    }
    
    
    section p {
    	display: block;
    	padding-bottom: 1em;
    	font-size: large;
    	border-width: 3px;
    	
    }
    
    
    section h1 {
    	padding-top: 1.5em;
    	font-size: xx-large;
    	
    }
    
    
    #menu {
    	width: 734px;
    	height: 34.8px;
    }
    a.menu:link {
    	color: #000000;
    	background-color: transparent;
    }
    a.menu:visited {
    	color: #000000;
    	background-color: transparent;
    }
    a.menu:hover {
    	color: #4c4c4c;
    	background-color: #4c4c4c;
    }
    a.menu:active {
    	color: #4c4c4c;
    	background-color: #4c4c4c;
    }
    
    
    
    
    #menu2 {
    	width: 735px;
    	height: 34.8px;
    }
    a.menu2:link {
    	color: #000000;
    	background-color: transparent;
    }
    a.menu2:visited {
    	color: #000000;
    	background-color: transparent;
    }
    a.menu2:hover {
    	color: #4c4c4c;
    	background-color: #4c4c4c;
    }
    a.menu2:active {
    	color: #4c4c4c;
    	background-color: #4c4c4c;
    }
    
    
    ul#navi {
    	margin: 0;
    	padding: 0;
    	float: right;
    	width: 9.375em;
    	
    
    
    }
    ul#navi ul {
    	margin: 0;
    	padding: 0;
    	line-height: 45px;
    	float: right;
    	width: 9em;
    	display: block;
    	text-align: center;
    	background-color: #747474;
    	border: 3px;
    	border-color: #343434;
    	border-style: solid;
    }
    ul#navi li {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	float: right;
    	position: relative;
    	diplay: block;
    }	
    ul#navi ul li a {
    	font-family: arial;
    	text-decoration: none;
    	text-align: center;
    	height: 40px;
    	width: 139px;
    	display: block;
    	
    }
    ul#navi ul ul {
    	position: absolute;
    	top: 30px;
    	visibility: hidden;
    	background-color: #747474;
    	margin-top: 393.5px;
    	right: 417px
    }
    ul#navi:hover ul {
    	visibility: visible;
    	
    }
    
    
    #nav3 {
    	/*background-color: green;*/
    	width: 140px;
    	height: 400px;
    	float: right;
    	padding-top: 0;
    	list-style-type: none;
    	line-height: 45px;
    {
    #nav3 ul {
    	list-style-type: none;
    	}
    #nav3 a {
    	display: block;
    	color: white;
    	text-align: center;
    	text-decoration: none;

    Vielen Dank!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Zweite Seite

    Als erstes deinen HTML-Code fehlerfrei gestalten. Anschließend sollten auch alle html-Dateien im selben Ordner sein.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    11.09.2014
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zweite Seite

    Danke für die Antwort,

    es hat geklappt.
    Nun stehe ich aber vor dem nächsten Problem.
    Wenn du mal auf den Link gehst und auf der ersten Seite bleibst die angezeigt wird, fällt mir auf das die Seite nach kurzer zeit aktualisiert wird. Also sieht man an dem weißen Kasten der erscheint. Was kann ich dagegen tun ?
    Ach ja, das passiert nur bei der Index Seite die als ersten geöffnet wird.

  4. #4
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Zweite Seite

    Wenn du keine Aktualisierung wünschst, warum baust du sie dann ein?

    <meta http-equiv="refresh" content="5; URL="verein.html">
    <meta http-equiv="refresh" content="5; URL="anfahrt.html">
    <meta http-equiv="refresh" content="5; URL="verein.html">
    <meta http-equiv="refresh" content="5; URL="verein.html">
    Nimm diese Zeilen raus, dann hast damit Ruhe. Sie machen ohnehin keinen Sinn.

Ähnliche Themen

  1. Accordion - die Zweite
    Von micronix im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 26.05.2010, 17:44
  2. RAPSPOT.DE - Die zweite.
    Von w.white im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 9
    Letzter Beitrag: 09.10.2008, 07:57
  3. Zweite Festplatte
    Von Minksi im Forum Computer - Internet Forum
    Antworten: 4
    Letzter Beitrag: 03.04.2008, 20:58
  4. MP3 Playerdie zweite !
    Von xxjackxx im Forum HTML & CSS Forum
    Antworten: 25
    Letzter Beitrag: 05.05.2007, 23:41
  5. Zweite Festplatte
    Von Gentiana_24 im Forum Computer - Internet Forum
    Antworten: 8
    Letzter Beitrag: 08.11.2006, 00:49

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •