Wieso reagiert der Bereich nicht auf die Hight HTML + CSS?

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>FirstTry</title>
<link href="FirstTryCSS.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav>   
  Hallo
</nav>
</body>

CSS

@charset "utf-8";
/* CSS Document */
nav { 
  width:1000px;
  hight:500px;
  background-color:darkgoldenrod; 
}
body {
  background-color: black;
}

2 Antworten

Sortiert nach:

Antwort von

Antwort von

Antwort

von Exohny

20.12.2018, 20:22

Du kannst nicht einfach einen code posten und einfach davon ausgehen dass andere Menschen verstehen was du mit High Html + CSS meinst? Tut mir leid aber für etwas mehr mühe wäre ich dankbar.

Lg

1 Kommentar 1

2

Fragesteller

20.12.2018, 20:24

Tut mir Leid :D

Also wenn ich mir meine Seite im Browser angucke dann passt sich die Höhe(der farbige Breich der Schriftgröße an aber nicht den Angegeben Werten 500px, Wie kann ich das beheben?

Lg

0

Antwort

von acdxx

20.12.2018, 20:23

Es heißt height und nicht hight

2 Kommentare 2

2

Fragesteller

20.12.2018, 20:25

omg ich bin so blöd xd danke <3

lg

0

1

26

acdxx

20.12.2018, 20:26

np ;)

0

Absenden

html/css hintergrund verschwommen machen mit filter: blur()?

ich habe bei der css datei:

body{

background-image:url(background.gif) ;

genommen und logischerweise wird die navigation oben von der website auch verschwommen, wenn ich filter: blur() eingebe. wie mache ich dies nur für den hintergrund?

PHP - Wo liegt der Fehler bei der echo-ausgabe der variable $bmi?

Fehler bei der Ausgabe

!DOCTYPE html>
<html>

<head>
 <meta charset="iso-8859-1">
 <title>BMI-Rechner</title>
</head>


<body>
 <h1>BMI-Rechner</h1> <br>
     <p>Dieses Programm berechnet Ihren Body-Mass-Index nach folgender Formel:</p> <br>
     <p>BMI = Masse/Körperlänge<sup>2</sup></p> <br>
     
     <!--Dynamisches HTML Eingabetransfer-->
     <form action="" method="post">
          <p><input name="kg">Masse in kg</p>
          <p><input name="m">Länge in Meter</p>
          <p><input type="submit" value="Abschicken" /></p>
     </form>
     
 <?php
 
      $bmi=$_POST['kg']/($_POST['m']*$_POST['m']);
      
      echo "<p>Ihr BMI:<b>$bmi</b>$</p>";
?>
     
     
</body>

</html>

Batch datei Synachsfehler?

@echo off

color f1

echo Bitte den Dateinamen im gleichen ordner mit datei endung eingeben:

set /p inhalt=

pause

set 1=<!DOCTYPE html>

set 2=<html lang="de">

set 3=<head>

set 4=<meta charset="utf-8" />

set 5=<meta name="viewport" content="width=device-width, initial-scale=1.0" />

set 6=<title>Bild</title>

set 7=</head>

set 8=<body style="background-image:url("%inhalt%");" width="100%" height="100%" >

set 9=</body>

set 10=</html>

pause

echo %1% >> C:\bild.html

echo %2% >> C:\bild.html

echo %3% >> C:\bild.html

echo %4% >> C:\bild.html

echo %5% >> C:\bild.html

echo %6% >> C:\bild.html

echo %7% >> C:\bild.html

echo %8% >> C:\bild.html

echo %9% >> C:\bild.html

echo %10% >> C:\bild.html

C:\bild.html

del C:\bild.html

pause

Hallo zusammen!

Ich habe eine Batch datei geschrieben. Wenn ich sie jedoch mit administrator rechten ausfüre kommt nach set 1=<!DOCTYPE html> in der Konsoler Synachsfeler. weiß jemand woran das liegen könnte?

Danke für Antworten im voraus!

Auch interessant

HTML durchsichtiges Menü Problem?

Hi und zwar möchte ich ein Menü also was fixed oben ist, durchscheinend machen. Das Problem ist, dass ich den Text darin nicht durchsichtig haben will. Gibt es dafür einen Trick?

Hier ist mein Versuch:

index.html:

<!DOCTYPE html>
<html>
<head>
  <link href="style2.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    <meta charset="utf-8">
    <title>Tagesschau</title>
</head>
   
<body>
  <nav id="navigation">
    <ul>
    <li><a href="#">HOME</a></li>
    <li><a href="#">KONTAKT </a></li>
    <li><a href="#">ÜBER MICH</a></li>
    </ul>
  </nav> 
   
   
</body>
</html>

hier die css Datei:

body{
  background-image: url(erde.jpg)
}
#navigation{
  width: 100%;
  background-color: blue;
  position: fixed;
  opacity: 0.7;
   
}
#navigation ul li{
  float: left;
  list-style: none;
  margin: 10px;
  font-family: Roboto,sans-serif;
}
#navigation ul li a{
  text-decoration: none;
  color: white;
}

Warum wird in meiner HTML-Seite der PHP-include-Code zur Laufzeit nicht ausgeführt sondern erscheint als Kommentar?

Code: file:///srv/www/htdocs/test/test.html

Der Code vor Ausführung:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>PHP-Test1</title>
</head>
<body>
<?php include ("test.php"); ?>
</body>
</html>

Der Code während der Ausführung (FF-Tools):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>PHP-Test1</title>
</head>
<body>
<!--?php include ("test.php"); ?-->
</body>
</html>

Warum funktioniert der PHP header ("Location: http://www.google.de"); exit; nicht?

Das was ich geschrieben habe:

<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>    
<?php
sleep(3);
header("Location: http://www.google.com/");
exit; 
?>
  </body>
</html>

Das funktioniert aber nicht. Danke für Antworten

Wie kann ich es mach das der Text durchsichtig ist?

Es soll nicht

color: transparent;

sein sondern so, das der Hintergrund gezeigt wird

Quellcode:

<!DOCTYPE html>
<html lang="de">
    
<head>
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">    
<link type="text/css" rel="stylesheet" href="GradientTutorialStyle.css">
    
</head>
    
<body>
    <a class="transbtn" id="transbtn1">Download</a>
</body>
    
</html>

CSS:

body {
background: linear-gradient(90deg, #ff0000, #ba00ff, #0005ff);
background-size: 600% 600%;
    animation: Farbverlauf 30s ease infinite;}

@keyframes Farbverlauf { 
    0%{background-position:100% 0%}
    50%{background-position:0% 100%}
    100%{background-position:100% 0%}
}
.transbtn {
    color: white;
    border: 2px solid;
    border-radius: 10px;
    padding: 15px;
    text-transform: uppercase;
    font-family: sans-serif;
    text-decoration: none;    
    display: block;
    text-align: center;
    width: 6rem;
    margin: 0 auto;    
}
.transbtn:hover {
    background-color: white;
}

Danke im Vorraus

Html / Css Text auf Header bzw. Div-Container Text über Hintergrund?

CSS formatiert die Schrift so, dass immer der ganze Querbalken über dem Hintergrund nicht transparent ist. Wie mache ich das? ** Siehe Grafiken **

h1 { font-family: arial, verdana, helvetica; font-size: 40px; font-weight: 200; }

header { position: relative; height: 200px; display: block; background-color: black;

} nav { width: 500px; height: 200px; background-color: aqua; }

HTML Knopf der Bil zu Position bewegt?

Hallo!

Ich möchte einen Knopf machen der ein Bild zu einer bestimmten position bewegt. Finde nur css :/

Mein aktueller code:

<html>
   <head>
       <title>Test</title>
   </head>
   <body>
       <img src="rot.jpg" height="60" width="3000" style="position: absolute; top: 0px; left: 0px;">
       <button onclick="" "class="DreiStriche" height="50" width="50" style="position: absolute; top: 5px; left: 7px; background-color: transparent; border: transparent">
       <img src="DreiStriche.jpg" height="50" width="50"></button>
   </body>
</html>

Projekt für die Schule:) Sind alle anfänger

html / css navbar und dropdown menü?

Hey liebe Community,

ich habe ein kleines html Problem :)

Ich möchte gerne auf einer Website ein Dropdown Menü in der Navbar machen. Hat alles geklappt, bis auf eine sache und zwar wenn ich über "Social Media" fahre, dann werden "Twitter" und "YouTube" zwar richtig angezeigt aber der navbar hintergrund wird bei denen auch noch angezeigt... hat wer eine Lösung für dieses kleine Problemchen? :)

Hier ist das CSS Dokument:

nav {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #383638;
  overflow: hidden;
  list-style-type: none;
  display: block;
}
li {
  float: left;
  display: block;
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover {
  background-color: #008a8a;
}
.active {
  background-color: #025c6c;
}
#socialmedia_dropdown {
  display: none;
}
.nav_right {
  float: right;
}

Hier ist das html Dokument:

<!DOCTYPE html>
<!-- Dieser Teil ist für ALLE html Seiten vorgesehen -->
<html lang="de">
  <head>
    <title>
      Projekt-Z3ro.de
    </title>
    <meta charset="utf-8">
    <link href="style.css" rel="stylesheet">
    <script href="scripts.js"></script>
  </head>
  <body>
    <nav>
      <li><a href="#" class="active">Test</a></li>
        <span><li id="dropdown">
          <a id="socialmedia" onmouseover="socialmedia()" onmouseout="socialmediaout()" href="#">Social Media</a>
          <div id="socialmedia_dropdown">
            <a onmouseover="socialmedia()" onmouseout="socialmediaout()" href="#">Twitter</a>
            <a onmouseover="socialmedia()" onmouseout="socialmediaout()" href="#">YouTube</a>
          </div></li></span>
          <li><a href="#">Impressum</a></li>
          <li class="nav_right"><a href="#" class="register">Registrieren</a></li>
          <li class="nav_right"><a href="#" class="login">Einloggen</a></li>
    </nav>

<script> function socialmedia() { document.getElementById("socialmedia_dropdown").style.display = "block"; } function socialmediaout() { document.getElementById("socialmedia_dropdown").style.display = "none"; } </script>  </body> </html>

CSS --> die Höhe vom div ist größer als die vom Body?

Hallo zusammen,

eine kurze Frage, die ich mir selbst leider nicht beantworten kann. Ich habe die Elemente html und body, die beide eine Höhe von 100% haben(ganzer Bildschirm).

Dann hab ich einen Header, der hat eine höhe von 50px. Zum Schluss hab ich noch ein div. Dies sollte einfach die restliche Höhe des Bodys einnehmen. Also hab ich dem div eine Höhe von 100% verpasst. Nur leider ist jetzt das div um genau die 50px größer als der Body.

Ich arbeite nun ja schon länger in der Web Welt, aber dass kann ich mir einfach nicht erklären :D Könnte mir das mal einer erklären :D

<!DOCTYPE html>
<html lang="en" style="height: 100%">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="height: 100%">

<header style="height: 60px; background-color: gray;">
</header>

<div style="height: 100%; background-color: blue;">
</div>

</body>
</html>

PHP Login und register skript ohne mysql?

falls das möglich ist könnt ihr bitte das in so ein feld:

<html>
<head>
<title>Frage</title>
</head>
<body>
<p>HI</p>
</body>
</html>

Reinschreiben?

danke :DD

HMTL/CSS - Wie kann ich ein Img in einem Div zentrieren?

Moin,

hat jemand eine Idee, wie ich über meiner Navbar ein 100px Image mit CSS genau mittig positioniere? Die Ansätze, die ich bis jetzt im Internet gefunden habe, waren nicht besonders hilfreich, was meinen Fall angeht...

Das wäre der html-Ausschnitt...:

<html>
    <body>
        <header>
            <div class="navbar-body">
                <img class="navbar-logo" src="logo_navbar.png"></img>
            </div>
        </header>
    </body>
</html>

...und das der für CSS:

.navbar-body{
    color: FFFFFF;
    background-color: 1F1F1F;
    font-family: Arial Black;
    font-size: 20px;
    height: 80px;
    text-decoration: none;
    text-transform: uppercase;
}
.navbar-logo{
    height: 100px;
    margin: 30px auto 0;
}

Mein Problem ist, dass sich bei "margin: auto" und "display: block" zwar die Grafik mittig positioniert, aber dafür den Nav-Container mit verschiebt. Hat hier jmd eine Lösung parat?
LG

CSS sidebar hover effect geht nicht?

Jo ich habe eine Frage.. und zwar warum klappt das nicht:

body{ background: #1ABC9C; transition: background 300ms ease-in-out; }

nav ul:hover body{ background: #54acd2; }

wenn ich über diese liste fahre mit der maus soll sich der Hintergrund von meiner Website ändern..

Danke für alle Antowrten. lg

Warum ist der Text nicht mehr sichtbar (HTML, CSS)?

HTML:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>KnxckiGames.EU |Shop</title>

<link rel="stylesheet" type="text/css" href="GradientSiteStyle.css" media="screen">

</head>

<body>

<nav>

<ul>

<li><a href="#">Ränge</a></li>

<li><a href="#">Upgrades</a></li>

<li><a href="#">Forum</a></li>

<li><a href="#">FAQ</a></li>

</ul>

</nav>

</body>

</html>

CSS:

body {

background: linear-gradient(45deg, #83FF4A 0%, #008080 100%);

background-attachment: fixed;

}

nav {

cursor: pointer;

font-family: calibri;

}

ul {

list-style-type: none;

padding: 20px;

}

li {

display: inline;

padding: 15px;

}

a {

color: white;

text-decoration: none;

}

li:hover {

background-color: white;

opacity: 0.2;

color:red;

}

Wie kann ich mit HTML/ CSS DIV Tags bündig an den Rand anpassen?

Ich habe folgendes Problem mit Html/Css. Ich möchte gerne einen div tag auf einer Website ganz oben ansiedeln. Das einzige Problem was ich dabei habe ist, dass ich es nicht bündig hinbekomme. Zwar schließen die Div Tags untereinander bündig ab, aber jeweils am Rand der Website bleibt ein Spalt über. Mit Margin & Padding klappt es leider auch nicht. Ein Beispiel Quelltext habe ich hier:

<head>
<style type="text/css">
#do {
background-color:grey;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
#di {
background-color:red;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
</style>
</head>
<body>
<div id="do">
Hallo
</div>
<div id="di">
Hallo
</div>
</body>

PS: Das ist nur ein Beispiel, welches mein Problem verdeutlichen soll. Ich hoffe ihr könnt mir helfen.

Bild per CSS in ein HTML frame einfügen

Hallo, ich versuche die ganze Zeit schon ein Bild als banner mit css in ein html Frame einzufügen nur funktioniert das nicht und es wird Garnichts angezeigt, wenn ich das bild direkt im html code einfüge dann kommt das "Bild kann nicht angezeigt werden"-Kästchen mit dem X oben im eck.

css:

body {
background-image:url(H:\HTML\CSS_Homepage\CSS\banner.jpg);
background-color:#000000;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0% 0% ;

} 

h1 {
    color: #C1CDCD;
    font: bold 40px arial;
}

/*img { 
    background-attachment: fixed;
    background-position: 0% 0%;
    width:80;
    height:80; 

}*/

html code von dem oberen Frame:

Schleifen in Java

Bilder sind im gleichen Ordner, habs auch schon mit absolutem Bezug probiert abes es funktioniert nicht.

Was habe ich falsch gemacht, das es nicht funktioniert?

Was möchtest Du wissen?

Deine Frage stellen

gf-deferred-content.u-invisible { visibility: visible !important; } gf-loading-indicator { display: none; } gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }