Ja Sailor ich habe das Programm "Brackets"... Geht das?
Und ich würde gerne, damit du mir das ein wenig beibringen kannst, mit dir im besseren Kontakt bleiben!
Vielleicht könntest du mich ja mal auf meinem Teamspeak besuchen?!
Adresse: simuundquex.de
Oder mir eine E-Mail schreiben: simuletsplay@gmx.de
Aber trotzdem vielen Dank für dein Angebot!
Ich habe jetzt den Code online geändert!
https://codepen.io/minimiBen/pen/zaaOje
Sailor könntest du mir jetzt eventuell dieses Script schreiben?
Vielen Dank Sailor...
Ich werde den HTML-Code noch einmal überarbeiten und den name-tag mit einwenden!
Danke auch für dein Übungs-Beispiel...
Hallo! Ich bin Simuletsplay und bin eher im Forum "HTML" unterwegs und nicht in PHP...
Doch ich würde gerne, dass meine Webseite ein wenig aktiver wird!
Deswegen habe ich mir etwas für mein Server-Team erstellen: Ein Formular, indem die eintragen müssen, wie sie Supportet haben...
Aber das interesiert euch bestimmt eher weniger!
Hier ist das Fertige Formular: https://codepen.io/minimiBen/pen/zaaOje
Dazu brauche ich jetzt einen PHP-Code, der so ist, dass die ergebnisse auf einer anderen Seite in einer Tabelle erscheinen!
Ich kenne mich leider nicht mit PHP aus, aber würde es gerne lernen... Aber ich lerne durch Beispiele, also suche ich mir fertige Vorlagen und "untersuche" diese dann... So habe ich mir selber html gelernt!
Ich hoffe, dass sich jemand die Mühe macht, denn ich denke bestimmt, dass dies eine schwierige Arbeit wird!
Trotzdem Danke im Vorraus!
___________
Simuletsplay
Hallo... Ich bin Simuletsplay und bin sonst immer im HTML und CSS Forum unterwegs, aber brauche mal hilfe mit der .htaccess.
Ich habe mir schon so viele Videos und sonst was angeschaut, aber es funktioniert nicht
Ich möchte aber nur, dass ich meine URL's ändern kann...
.../index.php → .../Start
.../news/teamspeak-update.php → .../news/teamspeak-update
usw.
kann mir da mal jemand helfen?
<head><meta charset="utf-8">
<title>SimuUndQuex | Start</title>
<link rel="stylesheet" href="stylesheet.css">
<link rel="shortcut icon" href="/Bilder/server-icon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../styles/main.css">
</head>
<body>
<div id="menü-div"><nav>
<ul>
<li><a href="index.php"><i class="fa fa-home"></i> Start</a>
<li><a href="news.php"><i class="fa fa-envelope-open-o"></i> News</a>
<li><a href="clans.php"><i class="fa fa-group"></i> Clans</a>
<li><a href="games.php"><i class="fa fa-gamepad"></i> Games</a>
<li id="sonderbutton"><a href="bewerben.php"><i class="fa fa-edit"></i> Bewerben</a></li>
</ul>
</nav>
</div>
<div id="content">
<div id="seitentext">
<div id="text">
<h2>Kanal-Beschreibung</h2>
<p>Herzlich Willkommen auf meinem YouTube-Kanal!
<br>
<br>Mein Name ist Ben und ich habe diesen Kanal, <br>um euch Teamspeak-Tutorials zu präsentieren oder auch <br>Gameplays zu zeigen.
<br>Ich besitze ein eigenes Server-Team!
<br>Server-Details:
<br>
<br>Teamspeak3: SimuUndQuex.de
<br>
<br>Wenn dir dieser Kanal gefällt, <br>kannst du ja mal ein Abo da lassen!
<br>Ich hoffe, dass du mich länger verfolgen wirst <br>und Spaß auf meinem Kanal hast.</p></div>
<div id="div-channel-button">
<button type="button" id="zum-kanal" onclick="location.href='ts3server://simuundquex.de'"><i class="fa fa-microphone"></i> Besuche mich auf YouTube!</button> </div>
</div>
<div id="seitenbild">
</div>
</div>
<div id="content-video">
<div id="seitentext">
<div id="text">
<h2>Teamspeak-Vortstellung</h2>
<p>Hey Leute!
<br>Ich stelle euch heute den Teamspeak von meinem/unserem Server vor!
<br>Ich hoffe, dass ich dir mit diesem Video ein kleinen Einblick geben konnte.
<br>
<br>Auf unserem Teamspeak, könnt ihr für euern YouTube-Kanal einen eigenen Channel bekommen. Wenn ihr Musik hören <br>wollt, müsst ihr einfach nur in unseren Musik-Channel gehen! Bei Fragen oder Problemen, kann dir unser <br>Support weiterhelfen, der täglich von 16-20 Uhr geöffnet ist.</p></div>
<div id="div-channel-button">
<button type="button" id="zum-video" onclick="location.href='ts3server://simuundquex.de'"><i class="fa fa-plus-square"></i> Zum Video!</button> </div></div>
<div id="seitenbild">
<div id="video-div">
<iframe width="560" id="video" height="315" src="https://www.youtube.com/embed/U_JOBqMO5Dg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</body>nav{
width: 1024px;
border-bottom: 3px solid #21b2a6;
background: #2e3842;
color: white;
align-items: center;
justify-content: center;
float: center;
}
ul a
{
display: block;
}
ul
{
width: 80%;
margin: 0 auto;
padding: 0;
list-style: none;
}
ul li
{
background: #2e3842;
display: inline-block;
align-items: right;
justify-content: right;
}
ul li :hover
{
background: #21b2a6;
}
ul li a
{
color: #fff;
text-decoration: none;
display:block;
padding:15px;
}
#sonderbutton
{
background: #2e3842;
list-style: none;
display: inline-block;
}
@media screen and (max-width: 705px) {
#sonderbutton::after {
display: none;
}
}
#menü-div
{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
body
{
margin: 0;
padding: 0;
font-family: verdana;
padding-bottom: 20px;
background-image: url("../Bilder/hintergrund/hintergrund-bild-webseite.jpg");
color: white;
}
ul li h3
{
font-size: 16px;
margin-right: 20px;
}
#seiten-beschreibung
{
display: flex;
align-items: center;
justify-content: center;
margin: auto;
margin-bottom: 10px;
border: #21b2a6 1px solid;
width: 1044px;
background-color: #2e3842;
color: white;
}
.clan-liste
{
display: flex;
align-items: center;
justify-content: center;
width: 1024px;
background-color:
}
#menü-div li ul li {background-color:#2e3842;}
#menü-div li ul li a{color:#FFFFFF;}
#menü-div li ul li:hover {background-color:#232323;}
nav ul li ul {display: none;}
nav ul li:hover ul{ display: block; position: absolute;}
nav ul li ul li a { background-color:#2e3842; border-bottom: 3px solid #21b2a6;}
nav ul li ul li a:hover {background-color: #21b2a6;}
nav ul li ul li {position: relative;}
nav ul li ul li ul{display: none;}
nav ul li ul li:hover ul{display: block;position: absolute;
left: 100%;
top: 0;}
#content
{
display: flex;
width: 1024px;
background-color: #2e3842;
float: center;
margin: auto;
height: 600px;
margin-bottom: 12px;
}
#content-video
{
display: flex;
width: 1024px;
background-color: #2e3842;
float: center;
margin: auto;
height: 450px;
margin-bottom: 12px;
background-color: red;
}
#seitentext
{
background-color: white;
display: inline-block;
align-items: center;
justify-content: center;
width: 300px;
}
#seitenbild
{
background-color: #2e3842;
}
.youtube
{
display: flex;
align-items: center;
justify-content: center;
width: 1024px;
background-color: #2e3842;
float: center;
margin: auto;
margin-bottom: 20px;
border: #000000 1px solid;
}
#zum-kanal
{
background-color: transparent;
border: none;
color: firebrick;
padding: 15px 32px;
text-decoration: none;
font-size: 16px;
cursor: pointer;
border: 3px solid firebrick;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
transition:color .2s ease-out, background .2s ease-in;
margin: 0;
border-radius: 10px;
margin-top: 30%;
margin-left: 8px;
float: center;
}
#zum-kanal:hover
{
color: white;
background-color: firebrick;
border: 3px solid firebrick;
}
#zum-video
{
background-color: transparent;
border: none;
color: #21b2a6;
padding: 15px 32px;
text-decoration: none;
font-size: 16px;
cursor: pointer;
border: 3px solid #21b2a6;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
transition:color .2s ease-out, background .2s ease-in;
margin: 0;
border-radius: 10px;
margin-top: 30px;
margin-left: 8px;
float: center;
width: 278px;
}
#zum-video:hover
{
color: white;
background-color: #21b2a6;
border: 3px solid #21b2a6;
}
}
#div-channel-button
{
float: left;
width: 400px;
display: flex;
align-items: left;
justify-content: left;
}
#seitentext #text
{
margin-left: 8px;
padding-right: 8px;
color: black;
font-size: 14px;
float: center;
}
#video
{
margin: 0 auto;
display: block;
}
#seitenbild
{
display: flex;
align-items: center;
justify-content: center;
background: orange;
}
#video-div
{
display: block;
margin: 0 auto;
border: 3px solid #21b2a6;
border-radius: 10px;
padding: 8px;
background: yellow;
}Ich hab einfach mal alles hinzugefügt!
Ok schicke ich dir morgen! Bin gerade nur am Handy!
Ich hab hier einmal die divs mit farben gekennzeichnet!
Den roten bereich, habe irgenwie nicht unter kontrolle! Denn der Div vom Video ist orange und genauso groß, wie das video!
Der muss aber die rote Fläche mit einnehmen!
Naja also Im Linken Teil soll der Titel des Videos und dazu eine kurze Beschreibung mit dem Button "Zum Video" zu sehen sein! Rechts soll einfach nur das Video zentiert sein!
Probier es mal mit
<p>05/2018 ...blablabla..
<br>06/2018 ...blablabla..
<br>...</p>
Hallo... Ich habe das Problem, dass ich mein Video nicht zentrieren kann!
Hier meine Codes:
<div id="content-video"> <div id="seitentext">
<div id="text">
<h2>Teamspeak-Vortstellung</h2>
<p>Hey Leute!
<br>Ich stelle euch heute den Teamspeak von meinem/unserem Server vor!
<br>Ich hoffe, dass ich dir mit diesem Video ein kleinen Einblick geben konnte.
<br>
<br>Auf unserem Teamspeak, könnt ihr für euern YouTube-Kanal einen eigenen Channel bekommen. Wenn ihr Musik hören <br>wollt, müsst ihr einfach nur in unseren Musik-Channel gehen! Bei Fragen oder Problemen, kann dir unser <br>Support weiterhelfen, der täglich von 16-20 Uhr geöffnet ist.</p></div>
<div id="div-channel-button">
<button type="button" id="zum-video" onclick="location.href='ts3server://simuundquex.de'"><i class="fa fa-plus-square"></i> Zum Video!</button> </div>
</div>
<div id="seitenbild">
<div id="video-div"><iframe width="560" id="video" height="315" src="https://www.youtube.com/embed/U_JOBqMO5Dg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
</div>
</div>#zum-video{
background-color: transparent;
border: none;
color: #21b2a6;
padding: 15px 32px;
text-decoration: none;
font-size: 16px;
cursor: pointer;
border: 3px solid #21b2a6;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
transition:color .2s ease-out, background .2s ease-in;
margin: 0;
border-radius: 10px;
margin-top: 30px;
margin-left: 8px;
float: center;
width: 278px;
}
#zum-video:hover
{
color: white;
background-color: #21b2a6;
border: 3px solid #21b2a6;
}
}
#div-channel-button
{
float: left;
width: 400px;
display: flex;
align-items: left;
justify-content: left;
}
#seitentext #text
{
margin-left: 8px;
padding-right: 8px;
color: black;
font-size: 14px;
float: center;
}
#seitenbild #video
{
margin: 0 auto;
float: center;
display: flex;
align-items: center;
justify-content: center;
}
#seitenbild
{
display: flex;
align-items: center;
justify-content: center;
}
#video-div
{
display: block;
align-items: center;
justify-content: center;
float: right;
}Hallo... Ich hab mal eine Frage! Wie kann man das hinbekommen, dass 2 Divs nebeneindander sind so wie hier: http://manuplayslp.de ?
Ich habe es mit <section> irgendwie probiert, aber es funktioniert nicht!
MfG
__________
Simuletsplay
Welche Sachen brauche ich denn alles?
Hallo ich habe mir ein html Template runtergeladen, und in der CSS-Datei sind viele Sachen, die ich für den Abschnitt brauche, den Ich hab, unnötig sind...
HTML:
<head><title>RealLama</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="news/newsstyle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="/Bilder/News/news_tsupgrade.png" alt="" /></div><div class="content">
<h2><i class="fa fa-microphone"></i> Teamspeak-Update [18.03.2018]</h2>
<p>Wir haben unseren Teamspeak für unsere User erweitert! Ihr könnt euch jetzt automatisch Ränge geben und zurücksetzen, euch mit einem klick verifizieren, den Bots mit Commands anschreiben, usw. Wenn du noch weitere Vorschläge hast, dann lass uns das wissen und sende uns eine Email an info@simuundquex.de</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="/Bilder/News/bewerbungs-phase-geöffnet.png" alt="" /></div><div class="content">
<h3><i class="fa fa-drivers-license"></i> Bewerbungs-Phase geöffnet [14.05.2018]</h3>
<p>Du willst uns unterstützen? Wir suchen noch Teammitglieder und du kannst uns dabei helfen! Bewirb dich jetzt online auf unserer Webseite. Du kannst dich aktuell als Supporter und Moderator bewerben! Wir hoffen, ich bald in unserem Team zu haben.</p>
​ <head>
<title>RealLama</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="news/newsstyle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="/Bilder/News/news_tsupgrade.png" alt="" /></div><div class="content">
<h2><i class="fa fa-microphone"></i> Teamspeak-Update [18.03.2018]</h2>
<p>Wir haben unseren Teamspeak für unsere User erweitert! Ihr könnt euch jetzt automatisch Ränge geben und zurücksetzen, euch mit einem klick verifizieren, den Bots mit Commands anschreiben, usw. Wenn du noch weitere Vorschläge hast, dann lass uns das wissen und sende uns eine Email an info@simuundquex.de</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="/Bilder/News/bewerbungs-phase-geöffnet.png" alt="" /></div><div class="content">
<h3><i class="fa fa-drivers-license"></i> Bewerbungs-Phase geöffnet [14.05.2018]</h3>
<p>Du willst uns unterstützen? Wir suchen noch Teammitglieder und du kannst uns dabei helfen! Bewirb dich jetzt online auf unserer Webseite. Du kannst dich aktuell als Supporter und Moderator bewerben! Wir hoffen, ich bald in unserem Team zu haben.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="/Bilder/News/news-emailadressen.png" alt="" /></div><div class="content">
<h2><i class="fa fa-envelope"></i> Neue E-Mail-Adressen</h2>
<p>Wir haben jetzt neue E-Mail-Adressen, die du in den jeweiligen Channel-beschreibungen findest! Bitte bedenke, dass wir euch nicht immer gleich antworten können, deswegen kannst du unseren täglichen Support nutzen!</p>
</section>
</section></div>
</section>
<section class="spotlight">
<div class="image"><img src="/Bilder/News/news-emailadressen.png" alt="" /></div><div class="content">
<h2><i class="fa fa-envelope"></i> Neue E-Mail-Adressen</h2>
<p>Wir haben jetzt neue E-Mail-Adressen, die du in den jeweiligen Channel-beschreibungen findest! Bitte bedenke, dass wir euch nicht immer gleich antworten können, deswegen kannst du unseren täglichen Support nutzen!</p>
</section>
</section>CSS:
(zu lang) http://simuundquex.de/Christoffer/Re…ts/css/main.css
Hallo... Ich habe ein Prblem auf meiner Seite... Meine Zwei Buttons lassen sich nicht zentrieren!
meine Webseite: http://simuundquex.de
<div id="buttondiv"> <button type="button" id="youtubebutton" onclick="location.href='ts3server://simuundquex.de'"><i class="fa fa-gamepad"></i> Simuletsplay</button>
<button type="button" id="youtubebutton" onclick="location.href='https://www.youtube.com/channel/UCffB1WfAGo6iXGxLf1amBIw'"><i class="fa fa-gamepad"></i> minimiquex</button>
</div>#youtubebutton{
background-color: white;
color: #ED2323;
padding: 15px 32px;
margin: 0 auto;
text-decoration: none;
font-size: 16px;
cursor: pointer;
border: 3px solid #ED2323;
display: inline-block;
align-items: center;
justify-content: center;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
transition:color .2s ease-out, background .2s ease-in;
}
#youtubebutton:hover
{
color: white;
background-color: #ED2323;
border: 3px solid #ED2323;
}Hallo.. Ich habe das Problem, dass ich folgenden Bereich nicht zentriert bekomme!
Meine Webseite: http://simuundquex.de
<div id="rank-icons" style="width: 1024px; display: block; align-items: center; justify-content: center;"> <section id="rank-reihe-eins">
<div id="rank-bereich">
<div id="innenbereich" style="min-height: 119px;">
<h3 id="rank-titel"><i class="fa fa-user"></i> Standart-Gruppen</h3>
<img src="Bilder/Ränge/gast.png"> <span id="rank-name"> × Gast</span><p>
<img src="Bilder/Ränge/verifiziert.png"> <span id="rank-name"> × Verifiziert</span><p>
<img src="Bilder/Ränge/spieler.png"> <span id="rank-name"> × Spieler</span><p>
<span></span><p>
</div>
</div>
<div id="rank-bereich" style="width: 1024px;">
<div id="innenbereich" style="min-height: 119px;">
<h3 id="rank-titel"><i class="fa fa-group"></i> Team-Gruppen</h3>
<img src="Bilder/Ränge/owner.png"> <span id="rank-name"> × Owner</span><p>
<img src="Bilder/Ränge/admin.png"> <span id="rank-name"> × Administrator</span><p>
<img src="Bilder/Ränge/mod.png"> <span id="rank-name"> × Moderator</span><p>
<img src="Bilder/Ränge/sup.png"> <span id="rank-name"> × Supporter</span><p>
</div>
</div>
<div id="rank-bereich">
<div id="innenbereich" style="min-height: 119px;">
<h3 id="rank-titel"><i class="fa fa-exclamation"></i> User-Gruppen</h3>
<img src="Bilder/Ränge/spieler.png"> <span id="rank-name"> × Spieler</span><p>
<img src="Bilder/Ränge/stammuser.png"> <span id="rank-name"> × Stammuser</span><p>
<img src="Bilder/Ränge/freund.png"> <span id="rank-name"> × Freund</span><p>
<img src="Bilder/Ränge/yt.png"> <span id="rank-name"> × YouTuber</span><p>
</div>
</div>
</section>
<section id="rank-reihe-zwei">
<div id="rank-bereich">
<div id="innenbereich" style="min-height: 119px;">
<h3 id="rank-titel"><i class="fa fa-flash"></i> Zusatz-Gruppen</h3>
<img src="Bilder/Ränge/bot.png"> <span id="rank-name"> × Bot</span><p>
<img src="Bilder/Ränge/sup-x.png"> <span id="rank-name"> × Support-Ausschluss</span><p>
<span></span><p>
<span></span><p>
</div>
</div>
<div id="rank-bereich">
<div id="innenbereich" style="min-height: 119px;">
<h3 id="rank-titel"><i class="fa fa-gamepad"></i> Gaming-Gruppen</h3>
<img src="Bilder/Ränge/mc.png"> <span id="rank-name"> × Minecraft</span><p>
<img src="Bilder/Ränge/fortnite.png"> <span id="rank-name"> × Fortnite</span><p>
<img src="Bilder/Ränge/ls17.png"> <span id="rank-name"> × Landwirtschafts-Simulator 2017</span><p>
<img src="Bilder/Ränge/gtav.png"> <span id="rank-name"> × GTA V</span><p>
</div>
</div>
<div id="rank-bereich">
<div id="innenbereich" style="min-height: 119px;">
<h3 id="rank-titel"><i class="fa fa-star"></i> Clan-Channel-Gruppen</h3>
<span id="rank-name"> ➤ Clan-Leader</span><p>
<span id="rank-name"> ➤ Clan-Moderator</span><p>
<span id="rank-name"> ➤ Clan-Member</span><p>
<span id="rank-name"> ➤ Clan-Bann</span><p>
</div>
</div>
</section>
</div>Hallo... Ich habe das Problem, dass seitdem ich meine CSS-Datei ein bisschen aufgeräumt hab, dass ich dort ein Problem hab!
→ Mein Button ist nicht mehr zentriert... Ich hab schon alles probiert und sonst was...
Webseite: http://simuundquex.de
Hier die Codes:
<section> <div id="buttondiv">
<button type="button" id="createclan" onclick="location.href='ts3server://simuundquex.de'"><i class="fa fa-microphone"></i> Verbinde dich auf unseren Teamspeak</button>
</div>
</section>#butttondiv {
display: block;
align-items: center;
justify-content: center;
margin-top: 20px;
text-align: center;
}
#createclan
{
background-color: #2e9011;
border: none;
color: white;
padding: 15px 32px;
text-decoration: none;
font-size: 16px;
cursor: pointer;
float: center;
border: 3px solid #4c8450;
display: block;
align-items: center;
justify-content: center;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
transition:color .2s ease-out, background .2s ease-in;
}
#createclan:hover
{
color: #4c8450;
background-color: white;
border: 3px solid #4c8450;
}<div id="menü-div"><nav>
<ul>
<li><a href="index.php">Start</a>
<li><a href="news.php">News</a>
<li><a href="clans.php">Clans</a>
<li><a href="range.php">Ränge</a>
<li><a href="games.php">Games</a>
<li id="sonderbutton"><a href="bewerben.php">Bewerben</a></li>
</ul> </nav> </div>Und CSS
<ul> <li><a href="index.php">Start</a> <li><a href="news.php">News</a> <li><a href="clans.php">Clans</a> <li><a href="range.php">Ränge</a> <li><a href="games.php">Games</a> <li id="sonderbutton"><a href="bewerben.php">Bewerben</a></li> </ul> </nav> </div>
Und CSS:
Code:
body{ margin: 0; padding: 0; font-family: verdana; background-color: white; padding-bottom: 20px; } nav { width: 1024px; border-bottom: 3px solid orange; background: lightblue; color: white; align-items: center; justify-content: center; float: center; padding-left: 20px; } ul { width: 80%; margin: 0 auto; padding: 0; } ul li { list-style: none; display: inline-block; } ul li :hover { background: orange; } ul li a { color: #fff; text-decoration: none; display:block; padding:20px; } #sonderbutton { background: #508cb1; list-style: none; display: inline-block; } { display: flex; align-items: center; justify-content: center; }So hab ich das...
- - - Aktualisiert - - -
Was du nicht brauchst, wie z.B den Sonderbutton, kannst du einfach aus der CSS-Datei löschen!
Naja... Ich will So, dass der Bereich die orange Linie überschreibt...
Wie auf dem Foto
http://abload.de/img/men-bearbeitetk0s5b.png
Jetzt habe ich die Border entfernt, denn entweder bleibt diese weg, oder dieser Sonderbereich muss darüber