Ergebnis 1 bis 3 von 3

Thema: Hilfe, warum sind die Buttons so tief?

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

    Frage Hilfe, warum sind die Buttons so tief?

    Hallo,
    ich kenne mich ncoh nicht so gut in html aus und bin auf dieses Problem gestoßen:

    screenshot.jpg


    Kann mir jemand vielleicht erklären wie ich den Code verändern muss damit die Buttons im blauen Header erscheinen?


    HTML-Code:
    <!DOCTYPE html><html><head>	<title>Startseite</title>	<link rel="stylesheet" type="text/css" href= "styles.css"></head><link rel="shortcut icon" src="dasface.png" type="image/x-icon"/><meta charset="utf-8"><body>	<div class="header">		<div class="container">			<div class="logo">			<img src="facee.png" width="150" height="150" >			</div>			<div class="slogan">			<p>			<br>Projektkurs<br>2014<br>Widerstand			</p>			</div>				<div class="nav">		<ul>		<li> <a href="#" class="myButton">Start</a></li>		<li> <a href="#" class="myButton"> Lebensl&auml;ufe</a></li>		<li> <a href="#" class="myButton"> aaaaa</a></li>		<li> <a href="#" class="myButton"> Guest</a></li>		</ul>		</div>		</div>		</div>		<br><br><br><br><br><br><br><br><br><br><div class="cap"><h2>Namensgebung</h2></div>
    
    
    
    		<div class="container">		<div class="content">				<p>		Was haben ein Anti-Putsch Befehl, bzw. ,nach der Abwandlung, eine Wie-man-das-Hitler-Regime-stürzt-Arbeitsanweisung, mit auf beflügelten Pferden reitenden „Schildjungfern“ zu tun? 		<br>Tatsächlich ist annehmbar, dass der Walküren-plan von den Walküren der nordischen Mythologie inspiriert waren. <img src="Walku.jpg">		Der Term „Walküre“ entstammt dem altnordischen „valkyrja“ und bedeutet grob übersetzt „Totenwählerin“. Diese Übersetzung widerspiegelt ziemlich zutreffend die Aufgabe der Walküren  in der nordischen Mythologie. Als Botinnen und Dienerinnen Odins ist es ihre Aufgabe die Tapfersten der Toten einer Schlacht zu erwählen und sie nach Walhalla, der Götterburg der nordischen Götter, zu geleiten.		Der Name der Operation Walküre lässt sich in sofern von der nordischen Sagengestalt ableiten, da das Ziel des ursprünglichem Walküren-plan die Machtsicherung des NS-Regimes war und dies sich z.T. Von den Aufgabe der Walküren der nordischen Mythologie ableiten lässt.		Eben so könnte der Name sich auf den „Ritt der Walküre“, ein Opernstück von Richard Wagner, beziehen, welches während des zweiten Weltkrieges als propagandistisches Mittel verwendet wurde.		</p>		<hr>
    		</div>		</div></body></html>

    HTML-Code:
    body{	width: 100%;	margin: auto;	}.container {	width: 960px;	margin: 0 auto;		}.header {	background: #2E9AFE;	width: 100%;	height: 180px;	top: 0;	position: fixed;	}.logo {	float:left;	font-family: "Helvetica";	font-size: 30px;	}a {	text-decoration: none;	color: #fff;	}li {	list-style: none;	float: left;	margin-left: 0px;	padding-top: 0px;	padding-left: 0px;	font-family: "Helvetica";	font-size: 20px;	}.nav {	float: right;	}.picOne {	text-align: center;	padding-top: 150px;	}.fliess {	clear: left;	float:left;	margin: 0px 10px 0px 0px;	}.platzhalter {	width:10px; 	height: 50px;	float: left;		}.cap {	width: 960px;	margin: 0 auto;	font-family: "Helvetica";	font-size: 30px;	}.content{	font-family: "Helvetica";	font-size: 20px;	}.info {border-width:medium; border-color:#9999FF; border-style:dashed; padding:5px;	}.myButton {	-moz-box-shadow:inset 0px 1px 3px 0px #6ec2b7;	-webkit-box-shadow:inset 0px 1px 3px 0px #6ec2b7;	box-shadow:inset 0px 1px 3px 0px #6ec2b7;	background-color:#91a39e;	display:inline-block;	cursor:pointer;	color:#ffffff;	font-family:arial;	font-size:15px;	font-weight:bold;	padding:12px 30px;	text-decoration:none;	text-shadow:0px -1px 0px #3b4745;}.myButton:hover {	background-color:#6be0e0;}.myButton:active {	position:relative;	top:1px;}
    .slogan{	font-family: "Helvetica";	font-size: 30px;	color: #fff;	}
    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
    Bandit
    Gast

    Standard AW: Hilfe, warum sind die Buttons so tief?

    Bei dem kaputten HTML- und CSS-Code wird dir vermutlich niemand helfen.

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

    Standard AW: Hilfe, warum sind die Buttons so tief?

    Pack dein...
    <ul>
    <li><a href="#" class="myButton">Start</a></li>
    <li><a href="#" class="myButton">Lebensl&auml;ufe</a></li>
    <li><a href="#" class="myButton"> aaaaa</a></li>
    <li><a href="#" class="myButton"> Guest</a></li>
    </ul>
    ...in den <div class="slogan">

Ähnliche Themen

  1. Grafiken sind verschwommen! Warum?
    Von ballaballa im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 27.10.2009, 21:46
  2. Flash Buttons sind nicht zu sehen!
    Von AAP im Forum Flash Forum
    Antworten: 2
    Letzter Beitrag: 28.02.2007, 15:36
  3. Buttons Neues Thema und Antworten sind gestaucht
    Von Beatz im Forum Forum-Hilfe.de intern
    Antworten: 5
    Letzter Beitrag: 06.10.2005, 22:23
  4. Warum sind da Leerzeilen??
    Von schmidte im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 11
    Letzter Beitrag: 08.06.2005, 12:12
  5. Warum Frauen wundervoll sind
    Von umbenannt im Forum Das Forum für Spiele, Fun & Jokes
    Antworten: 0
    Letzter Beitrag: 07.05.2003, 17:49

Stichworte

Berechtigungen

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