Ankündigung

Einklappen
Keine Ankündigung bisher.

<a>Tag Problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • <a>Tag Problem

    Hi Leutz

    Ich kann irgendwie nichts zwischen <a href="#"> und </a>
    schreiben.

    Code:
    HTML-Code:
    <html>
    	<head>
    	<title>Startseite - Keiner weiss es</title>
    	<link href="style.css" type="text/css" rel="stylesheet" />
    	</head>
    	<body>
    		<div class="content">
    			<div class="navi_bg">
    				<ul id="navigation">
    						<li><a class="home" href="#" title="Startseite" ></a></li>
    						<li><a class="news" href="#" title="Neuigkeiten"><p class="menu"></p></a></li>
    						<li><a class="acc" href="#" title="Registration, Anmeldung"></a></li>
    						<li><a class="galerie" href="#" title="Bilder, Videos vom Server"></a></li>
    						<li><a class="forum" href="#" title="Forum, Disskutieren, Fragen stellen"></a></li>
    				</ul>
    			</div>
    			<div class="main">
    		
    				<div class="main_top"><p class="titel">Titel</p></div>
    				<div class="main_middle"><p class="content">Franz jagt einem Auto nach, dieses Kind macht mich wahnsinnig!!!</p></div>
    				<div class="main_bottom"></div>
    			</div>
    		</div>
    	</body>
    </html>
    Und "falls" es was mit der Stylesheet was zu tuhn hat:
    Code:
    body
    	{
    	background-image: url(img/bg.gif);
    	background-color: #000000;
    	}
    	
    div.content
    	{
    	background-color: #D2B48C;
    	width: 1107px;
    	min-height: 1343px;
    	border: 3px solid #6a4d07;
    	margin: 70px auto;
    	}
    div.content_top
    	{
    	background-image: url(img/main_top.png);
    	width: 1057px;
    	height: 91px;
    	}
    	
    div.content_middle
    	{
    	background-image: url(img/main_middle.png);
    	width: 1057px;
    	min-height: 72px;
    	}
    	
    div.content_bottom
    	{
    	background-image: url(img/main_bottom.png);
    	width: 1057px;
    	height: 136px;
    	}
    div.main
    	{
    	width: 555px;
    	min-height: 212px;
    	margin: 622px 392px;
    	}
    	
    	
    	
    div.main_top
    	{
    	background-image: url(img/con_top.png);
    	width: 555px;
    	height: 72px;
    		float: top;
    
    	}
    div.main_middle
    	{
    	background-image: url(img/con_middle.png);
    	width: 555px;
    	min-height: 272px;
    	float: top;
    	}
    	
    div.main_bottom
    	{
    	background-image: url(img/con_bottom.png);
    	width: 555px;
    	height: 59px;
    		float: top;
    
    	}
    	
    p.titel
    	{
    	font-family: "28 Days Later";
    	padding: 40px 25px;
    	font-size: 40px;
    	color: white;
    	line-height: 0px;
    	text-decoration: none;
    	}
    	
    p.content
    	{
    	font-family: "28 Days Later";
    	font-size: 15px;
    	color: white;
    	margin: 0 0;
    	padding: 2px 25px;
    
    	}
    	
    	
    	
    div.navi_bg
    	{
    	background-image: url(img/navi_bg.png);
    	width: 1200px;
    	height: 88px;
    	margin: 332px -52px;
    	}
    
    ul#navigation 	{ list-style: none; margin: }
    ul#navigation  li   { display: inline; margin:}
    ul#navigation  li a {
    	text-indent: -9999px;
    	display: block;
    	height: 61px;
    	margin-left: 10px;
    	margin-top: 10px;}
    	
    ul#navigation li a.home
    	{
    	background-image: url(img/navi_norm_01.png);
    	width:	208px;
    	float: left;
    	}
    	
    ul#navigation li a.news
    	{
    	background-image: url(img/navi_norm_02.png);
    	width: 216px;
    	float: left;
    	}
    	
    ul#navigation li a.acc
    	{
    	background-image: url(img/navi_norm_03.png);
    	width: 220px;
    	float: left;
    	}
    	
    ul#navigation li a.galerie
    	{
    	background-image: url(img/navi_norm_04.png);
    	width: 207px;
    	float: left;
    	}
    	
    ul#navigation li a.forum
    	{
    	background-image: url(img/navi_norm_05.png);
    	width: 216px;
    	float: left;
    	}
    	
    	
    ul#navigation li a.home:hover
    	{
    	background-image: url(img/navi_onclick_01.png);
    	width:	208px;
    	float: left;
    	}
    	
    ul#navigation li a.news:hover
    	{
    	background-image: url(img/navi_onclick_02.png);
    	width: 216px;
    	float: left;
    	}
    	
    ul#navigation li a.acc:hover
    	{
    	background-image: url(img/navi_onclick_03.png);
    	width: 220px;
    	float: left;
    	}
    	
    ul#navigation li a.galerie:hover
    	{
    	background-image: url(img/navi_onclick_04.png);
    	width: 207px;
    	float: left;
    	}
    	
    ul#navigation li a.forum:hover
    	{
    	background-image: url(img/navi_onclick_05.png);
    	width: 216px;
    	float: left;
    	}
    
    p.menu
    	{
    	font-family: "28 Days Later";
    	font-size: 40px;
    	color: white;
    	}
    	
    p.menu:hover
    	{
    	font-family: "28 Days Later";
    	font-size: 40px;
    	color: yellow;
    	}

    Thx im Vorraus!!!!!!!!!!!!!!!

  • #2
    AW: &lt;a&gt;Tag Problem

    Probier mal

    Code:
    body
    	{
    	background-image: url(img/bg.gif);
    	background-color: #000000;
    	}
    	
    div.content
    	{
    	background-color: #D2B48C;
    	width: 1107px;
    	min-height: 1343px;
    	border: 3px solid #6a4d07;
    	margin: 70px auto;
    	}
    div.content_top
    	{
    	background-image: url(img/main_top.png);
    	width: 1057px;
    	height: 91px;
    	}
    	
    div.content_middle
    	{
    	background-image: url(img/main_middle.png);
    	width: 1057px;
    	min-height: 72px;
    	}
    	
    div.content_bottom
    	{
    	background-image: url(img/main_bottom.png);
    	width: 1057px;
    	height: 136px;
    	}
    div.main
    	{
    	width: 555px;
    	min-height: 212px;
    	margin: 622px 392px;
    	}
    	
    	
    	
    div.main_top
    	{
    	background-image: url(img/con_top.png);
    	width: 555px;
    	height: 72px;
    		float: top;
    
    	}
    div.main_middle
    	{
    	background-image: url(img/con_middle.png);
    	width: 555px;
    	min-height: 272px;
    	float: top;
    	}
    	
    div.main_bottom
    	{
    	background-image: url(img/con_bottom.png);
    	width: 555px;
    	height: 59px;
    		float: top;
    
    	}
    	
    p.titel
    	{
    	font-family: "28 Days Later";
    	padding: 40px 25px;
    	font-size: 40px;
    	color: white;
    	line-height: 0px;
    	text-decoration: none;
    	}
    	
    p.content
    	{
    	font-family: "28 Days Later";
    	font-size: 15px;
    	color: white;
    	margin: 0 0;
    	padding: 2px 25px;
    
    	}
    	
    	
    	
    div.navi_bg
    	{
    	background-image: url(img/navi_bg.png);
    	width: 1200px;
    	height: 88px;
    	margin: 332px -52px;
    	}
    
    ul#navigation 	{ list-style: none; margin: }
    ul#navigation  li   { display: inline; margin:}
    ul#navigation  li a {
    	display: block;
    	height: 61px;
    	margin-left: 10px;
    	margin-top: 10px;}
    	
    ul#navigation li a.home
    	{
    	background-image: url(img/navi_norm_01.png);
    	width:	208px;
    	float: left;
    	}
    	
    ul#navigation li a.news
    	{
    	background-image: url(img/navi_norm_02.png);
    	width: 216px;
    	float: left;
    	}
    	
    ul#navigation li a.acc
    	{
    	background-image: url(img/navi_norm_03.png);
    	width: 220px;
    	float: left;
    	}
    	
    ul#navigation li a.galerie
    	{
    	background-image: url(img/navi_norm_04.png);
    	width: 207px;
    	float: left;
    	}
    	
    ul#navigation li a.forum
    	{
    	background-image: url(img/navi_norm_05.png);
    	width: 216px;
    	float: left;
    	}
    	
    	
    ul#navigation li a.home:hover
    	{
    	background-image: url(img/navi_onclick_01.png);
    	width:	208px;
    	float: left;
    	}
    	
    ul#navigation li a.news:hover
    	{
    	background-image: url(img/navi_onclick_02.png);
    	width: 216px;
    	float: left;
    	}
    	
    ul#navigation li a.acc:hover
    	{
    	background-image: url(img/navi_onclick_03.png);
    	width: 220px;
    	float: left;
    	}
    	
    ul#navigation li a.galerie:hover
    	{
    	background-image: url(img/navi_onclick_04.png);
    	width: 207px;
    	float: left;
    	}
    	
    ul#navigation li a.forum:hover
    	{
    	background-image: url(img/navi_onclick_05.png);
    	width: 216px;
    	float: left;
    	}
    
    p.menu
    	{
    	font-family: "28 Days Later";
    	font-size: 40px;
    	color: white;
    	}
    	
    p.menu:hover
    	{
    	font-family: "28 Days Later";
    	font-size: 40px;
    	color: yellow;
    	}

    Kommentar


    • #3
      AW: &lt;a&gt;Tag Problem

      Innerhalb des <a>-Elements dürfen keine Blockelemente vorkommen. Das hier

      HTML-Code:
      <a class="news" href="#" title="Neuigkeiten"><p class="menu"></p></a>
      ist daher falsch. Verzichte auf den Absatz oder ersetz ihn durch ein Inline-Element, z.B. <span>.

      Kommentar


      • #4
        AW: &lt;a&gt;Tag Problem

        Hat geklappt, könntest du auch sagen was du verändert hast??

        @threadi
        Merk ich mir fürs nächste mal!!!

        Kommentar


        • #5
          AW: &lt;a&gt;Tag Problem

          Natürlich folgende Angabe war falsch:

          HTML-Code:
                     text-indent: -9999px;
          HTML-Code:
          ul#navigation 	{ list-style: none; margin: }
          ul#navigation  li   { display: inline; margin:}
          ul#navigation  li a {
                     text-indent: -9999px;
          	display: block;
          	height: 61px;
          	margin-left: 10px;
          	margin-top: 10px;}

          Kommentar

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 56.938   Beiträge: 431.246   Mitglieder: 28.750   Aktive Mitglieder: 81
          Willkommen an unser neuestes Mitglied, Herman.

          Online-Benutzer

          Einklappen

          223 Benutzer sind jetzt online. Registrierte Benutzer: 6, Gäste: 217.

          Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X