Zwei überschriften neben einander mit leerzeichen (HTML,CSS)?

Hi unzwar habe folgendes Problem:

Ich mache gerade einen Shop und ich weis das man mit style="display:inline;" zwei überschriften neben einander machen kann aber dann steht dort:

Premium RangVIP Rang

wie kriege ich zwischen das Rang und das VIP leerzeichen ?

Danke im voraus

LG lukas

01.05.2020, 23:46

Hier noch der QuellCode:https://paste.horlboge.de/lazibixira.xml

4 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

PC, Computer, Technik

01.05.2020, 23:46

Wieso machst du nicht aus den zwei Überschriften eine Überschrift?

Abgesehen davon ist nicht klar, mit welchen Elementen du da gerade arbeitest. Doch ich denke, einfach nur ein Leerzeichen zwischen beiden Elementen zu setzen, könnte bereits vollkommen ausreichen.

Lukasistein

Fragesteller

01.05.2020, 23:48

Das mit dem leerzeichen hat nicht geklappt alles schoin versucht und ich brauche 2 überschriften weil ich es so mache:

Premium Rang:

Foto

KaufenButton

dannach kommt das halt noch mit anderen Rängen

regex9

01.05.2020, 23:50

@Lukasistein

Da ist aber ein Leerzeichen zu sehen.

Premium Rang VIP Rang

https://jsfiddle.net/3yam6zxt/

Lukasistein

Fragesteller

01.05.2020, 23:51

@regex9

Ja und wie mache ich mehrere da draus ?

regex9

01.05.2020, 23:56

@Lukasistein

Du kannst, wenn du den inline-Kram einmal herauswerfen würdest, auch einfach einen margin setzen.

HTML:

<div class="headlines">
  <h2>Premium Rang</h2><h2>VIP Rang</h2>
</div>

CSS:

.headlines {
  display: flex;
}

.headlines h2:first-child {
  margin-right: 50px;
}

Im Übrigen solltest du dich einmal dringend mit HTML-Grundlagen auseinandersetzen (schau auf MDN nach Tutorials), dann dein Dokument validieren und die Fehler beheben. Da sind wirklich böse Fehler drin.

codinghelp

01.05.2020, 23:58

@Lukasistein

https://jsfiddle.net/c2oah01m/1/

&nbsp;

regex9

01.05.2020, 23:59

@codinghelp

Nein, bitte keine HTML-Entities. Das geht eleganter, wie meine obige Lösung bereits zeigt.

codinghelp

02.05.2020, 00:01

@regex9

Das stimmt natürlich ;) Aber so kann er es auch in nur eine Überschifft packen.

(Ja würde auch gehen wenn er z.B. content oder span in die h2 klatscht und dann wie du mit css Klassen arbeitet)

codinghelp

02.05.2020, 00:07

@regex9

Was bringt denn das validieren?

regex9

02.05.2020, 00:07

@codinghelp

So findet er die Fehler schneller.

codinghelp

02.05.2020, 00:09

@regex9

Ich meinte so generell was das ist. Ist das so ähnlich wie Zertifikate für Windows Apps? (Also dieses zertifizierter Herausgeber: ...)

regex9

02.05.2020, 00:14

@codinghelp

Du kannst dir zwar bei erfolgreicher Validation tatsächlich so ein W3C Siegel auf die Webseite packen, aber darum geht es tatsächlich nicht. 😜

Ein paar Gründe, die dafür sprechen, auf ein valides Dokument zu achten:

Funktionalität (ja, du kannst mit einem invaliden Dokument dafür sorgen, dass andere Elemente nicht mehr funktionieren. Sei es CSS, irgendwelche Links oder Formulare)
positive Eigenwerbung (an fremden HTML sieht man halt, wie viel Ahnung der Entwickler wirklich hat)
Performance
SEO / Suchmaschinenranking
Barrierefreiheit

Lukasistein

Fragesteller

02.05.2020, 02:31

@regex9

OK danke mein PC ist gerade aus aber probiere ich morgen direkt aus

Lukasistein

Fragesteller

05.02.2021, 01:41

Sag mal das muss dich doch genervt haben mir zu Helfen damals konnte ich ja noch garnicht richtig Programmieren loool

Kleckser2534

02.05.2020, 04:54

Das wurde falsch geschrieben: style="display:inline;"

Müsste so aussehen:

style="display:inline";

Bin aber selbst nur ein neuling aber ich vermute mal das dies das Problem war. Versuchen kann mans ja

zvincxnt

01.05.2020, 23:44

Schick mal den Code, vlt ist dort einfach nur ein Fehler

Lukasistein

Fragesteller

01.05.2020, 23:45

okay eine sekunde

Lukasistein

Fragesteller

01.05.2020, 23:46

https://paste.horlboge.de/lazibixira.xml

zvincxnt

01.05.2020, 23:48

@Lukasistein

Hm finde jz eig kein Fehler, aber wie regex schon geschrieben hat, mach doch einfach eine Überschrift raus

Lukasistein

Fragesteller

01.05.2020, 23:49

@zvincxnt

Ne eine überschrift geht leioder nicht

aber danke ;)

zvincxnt

01.05.2020, 23:53

@Lukasistein

Okay. Aber warum hast du hinter

<h2 style="display:inline;">Premium Rang</h2>

noch einmal

<h2 style="display:inline;"> geschrieben?

Mach das dahinter nochmal weg

Lukasistein

Fragesteller

02.05.2020, 02:27

@zvincxnt

Wo genau ?

Lukasistein

Fragesteller

02.05.2020, 02:29

@Lukasistein

Okay jetzt habe ich es sorry ausversehen 😅

Lunalacat

02.05.2020, 00:09

<h1>Überschrift <span>Ergänzungstext</span></h1>

Bin mir nicht sicher

Und außerdem, Impressum nicht vergessen 😂

Lukasistein

Fragesteller

02.05.2020, 02:31

Was ist Impressum 😅

Lukasistein

Fragesteller

02.05.2020, 02:31

Also hakt was genau muss da rein

Ähnliche Fragen

html/css box neben box bekommen?

Bekomme mit diesem code meine box in die andere box. will sie aber ausserhalb der box haben:

<!DOCTYPE html>
<html lang="de">
<head>
<title>Spezialitäten</title>
<meta charset="UTF-8"/>
<style type="text/css">
h1 {
font-size: 80px;
text-align: left;
color: red}
.hauptbox {
background-image: url(1783.jpg);
background-size: cover;
width: 1500px;
height: 600px;
border: solid;
}
.banner {
height: 200px;
border: solid;
margin: 25px;
width: 1450px;
}
.link {
width: 206px;
height: 300px;
border: solid;
float: right;
color: white;
A:active {color:red};
}
</style>
</head>
<body bgcolor="lightblue">
<div class="hauptbox">
<div class="banner">
<h1>Gdddd</h1>
</div>
<div class="link"
<a name="suche"><h4>Zurück zum Anfang</h4></>
</body>
</html>

...zur Frage

Content in die mitte packen html, css?

Ich arbeite an einem Discord bot Dashboard und ich möchte, dass die Kästchen vom <li></li> nicht untereinenander sind sondern neben einander bis zum bildschirm rand und dann eins runter gehen.

html:

 <ul>
  <li><a class="content"><button onclick='ping()'>Working?</button>   
  </a></li>
  <li><a class="content"><input type="text" id="invite" placeholder="server invite"></a>
  <a class="content"><button onclick="add_invite()">Join</button></a>
  <br></li>
  <li>
</ul>

Css:

html,
body{
    width: 90%;
    color: #FE72F3;


 background: #2B2B2B;
    height: 100%;
}
ul{
    list-style: none;
    width: 100%;
    height: 100%;
}
li{


    width: 320px;
    height: 220px;
    background: #494949;
    border: 2px solid #1d1c1c;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: 20px;
}
input{
    width: 90%;
    margin: 10px;
    height: 30px;
    border-radius: 5px;


}
button{
    width: 93%;
    margin: 10px;
    height: 35px;
    border-radius: 5px;
    
}

Wie mach ich das?

...zur Frage

Warum finden fast alle Programmieren langweilig und sinnlos?

Hi, in der Schule oder woanders höre ich immer oder fast immer, dass manche Menschen Folgendes sagen: „Ja programmieren ist voll öde oder langweilig und die Programmierer, die sind bescheuert...“ – obwohl ich selber in C++ und Swift programmiere, aber auch in der Markup-Sprache HTML bin ich unterwegs.

Und es ist überhaupt nicht sinnlos, denn fast alles was mit Computern zu tun hat, muss ja programmiert werden. Ich verstehe es einfach nicht, wie man das sagen darf/kann. Könnt ihr mir da etwas helfen, auch wenn es da nichts zum Helfen gibt. Danke im Voraus!

...zur Frage

Website wie eBay Kleinanzeigen erstellen?

Hallo zusammen!

Ich wollte mal euch befragen, wie ihr eine Website wie eBay Kleinanzeigen bauen würdet.

Welches Backend, welches Framework etc würdet ihr nehmen? Ich bin da noch recht frisch drin und habe nicht so eine gute Übersicht.

Bin gespannt auf euren Input!

Liebe Grüße

...zur Frage

Gibt es gute Server für unter 100€?

Zum hosten von Websites. 100€ MAXIMAL! Billiger ist immer gut :) ich hosten nur was kleines für den Anfang

...zur Frage

HTML / CSS Viedeo?

Hey wie kann man ein Viedeo in denn Hintergrund packen mit Autoplay und Sound so wie bei der Seite: ichhackenet.de?

...zur Frage

HTML Navigation Bar Text Farbe ändern?

hey leude

Ich habe meine eigene Website gemacht, jetzt hab ich ein Problem ich möchte die Navigation bar den text dort in schwarz färben... habe schon bei css im header, nav, nav li probiert

CSS

.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:70px;
  height:70px;
  margin-right: 20px;
}

#wrapper {
    width: 960px;
    margin: center;
    font-family: arial, sans-serif
}
    
}

body {
    background-color: #8db6cd;
    
}

header {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 125px;
    text-align: center;
    text-color: black;
}

nav {
    text-align: center;
     text-color: black;
    
}

nav li {
    display: inline;
    margin-right: 40px;
    text-color: black;
}

a {
    color: #777;
    text-decoration: none;
    font-family: arial, sans-serif
}



section {
    width: 620px;
    height: 530px;
    float: left;
    background: lightgray;
    border: 1px solid #000000;
}


aside {
    width: 310px;
    height: 550px;
    float: right;
    background: darkorange;
    border: 1px solid #000000;
}

...zur Frage

Beste AI zum Programmieren?

Hallo

Kennt von euch jemand eine AI welche gut zum Programmieren ist? Ich benötige eine AI welche mithilfe eines Bildes zb mit ein CSS code ausgeben kann mit welchem ich meine Webseite so gestalten kann sodass ws gleich wie auf dem Bild aussieht.

...zur Frage

HTML CSS Problem, Kann wer helfen?

Ich habe vor ein Spiel auf HTML responsiv zu machen. Ich würde es gerne so machen, dass der Button oben links neben dem Canvas angezeigt wird, doch erscheint der unten am Rand. Ich weiß nicht wie ich es ändern kann. Bei der Console habe ich geguckt und das Canvas (width: 320px) nimmt den ganzen Bereich im Feld ein (Im Bild der blaue Bereich). Kann mir wer von euch helfen? Danke im voraus.

Kann mir auch jmd sagen, ob es extra ein deutsches Forum gibt, wo ich fragen wie diese stellen kann?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tetris</title>
    <link rel="icon" href="css/img/galaxsite/galaxsiteIcon.png">
    <style>
        .gameField {
            max-width: 50%;
            margin: 25px auto;
            background-color: #151618;
            box-shadow: 20px 20px 15px black;
            padding-top: 2%;
            padding-bottom: 2%;
            padding-left: 2.5%;
            padding-right: auto;
        }

        canvas {
            background-color: #000000;
            border: 3px solid #a60cf0;
            width: clamp(50px, 50%, 320px);
        }


        .buttonStart {
            background-color: #a60cf0;
        }
    </style>
</head>
<body>
    <div class="gameField">
        <canvas class="canvas" width="320px"  height="640px    </canvas>
        <button class="buttonStart">Start</button>
    </div>
</body>
<script type="text/javascript" src="js/tetris.js" defer></script>
</html>

...zur Frage

php passwort überpüfung?

Guten Abend, ich habe eine Html Datei erstellt die eine Loginseite darstellt. Dazu habe ich eine PHP Datei erstellt die das Passwort abfragen soll. Aber wenn ich auf einloggen klicke wird mir nur der Code der PHP angezeigt. Also ich kann mich weder einlogen noch sagt mir die PHP ob das Passwort falsch ist. Was kann ich tun.

Der Html code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
<link rel="shortcut icon" type="image/x-icon" href="https://www.flaticon.com/premium-icon/icons/svg/2395/2395608.svg" />
<link rel="stylesheet" type="text/css" href="../CSS/global.css">
</head>
<style type="text/css"></style>
<body>
<div class="form-container">
<div id="benutzer-bild"></div>
<center><h2><b>Login</b></h2></center>
<form method="POST" action="loign.php">
Benutzername: <input type="text" name="user"/><br>
Passwort: <input type="password" name="password"/><br>
<input type="submit" value="Einloggen"/>
</form>
</div>
</body>
</html>
der PHP code:
<?php
$user = $_POST['user'];
$password = $_POST['password'];
if ($user=="Admin" && $password==Admin)
{
  header('location:startseite.html');
}
else
{
  echo "dfgdfgfdgdfgdfg";
}
?>

...zur Frage

Mit welchem Entwicklertool kann ich Änderungen auf dem Server speichern?

Hallo ihr lieben,
welches Addon oder Programm bietet sich am besten an, um Änderungen in der CSS oder am HTML Code direkt auf dem Server zu speichern?

Ich suche ein Addon/Programm womit ich auf der Livesite die Änderungen sofort sehen und speichern kann. Ähnlich wie Firebug für den Firefox. Nur leider gibt es scheinbar dafür nicht die Möglichkeit.

Ich freue mich über eure Antworten!

Viele Grüße,
Markus

...zur Frage

Was lernen nach JavaScript Vanilla?

Nach den Basics wie If/Else, Schleifen, Variablen, Funktionen, HTML/CSS mit GetElementBy verändern, kleine Animationen, usw..

Ich habe auch schon vieles gemacht zum Üben. Wie kleinere Spiele oder Web Apps für mich selbst.

Welcher Schritt wäre am einfachsten und welcher wäre am sinnvollsten?

Ein Framework lernen? Wenn ja, welches (Vue, React, Angular)?
Direkt NodeJS fürs Backend?
Oder etwas wie SQL?
Eine zweite Programmiersprache vielleicht, wie PHP?
Typescript ?

...zur Frage

Webdevelopment lernen?

Guten Tag,

2 Freunde von mir und ich interessieren uns für Websites. Wir möchten dazu jetzt HTML, CSS ggf. Javasript lernen.

Was meint ihr, wenn wir uns täglich ein paar Stunden Zeit nehmen dafür, wie lange würde dies dauern die einzelnen Sprachen zu erlernen. Wir denken dabei nicht an super komplexe Websites, sondern erstmal kleine Websites mit einem Design und ein paar kleinen Funktionen. Alles andere ergibt sich ja nach der Zeit.

Mit freundlichen Grüßen ^^

...zur Frage

HTML/CSS iPhone Video Tag?

wie verhindere ich das der Mobile Safari Browser automatisch in den Fullscreen Mode geht um ein video abzuspielen?

Habe schon sehr vieles ausprobiert auf Stackoverflow.

und warum funktioniert es manchmal nicht ein Iframe Youtube video einzubetten ?
Liegt es an der Musik oder an der länge des videos ?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen