html und css. Wie bekomme ich den grauen Balken weg?

Hallo, ich bin grad dabei mir ein Drop-Down-Menu zu erstellen jedoch erschien dieser graue Balken. Weiß jemadn wie ich den wegbekomme?

CSS https://gyazo.com/cd2ebf1135d8e9a75b03a69cff41d84b

Anderer Link ist in der Antwort, wird sonst als Spam interpretiert

Also die blauen Balken sind gewollt.

2 Antworten

Spirit528

03.04.2016, 13:20

Und das Markup?

Also ich vermute jetzt mal, dass das ein <button>-Element ist. Da musst Du den Balken links und rechts noch weg machen.

also in .dropbtn

border-right:0;
border-left:0;

Skamer99

Beitragsersteller

03.04.2016, 13:32

danke, hat geklappt :)

SallyHiiiii

03.04.2016, 13:17

N bissl primitiv.. Aber möglich..

border: 2px blue solid;

border-left: 2px white solid;

border-right:2px white solid;

Hoffe, das ist das, was Du meintest..

Skamer99

Beitragsersteller

03.04.2016, 13:32

ja weiß ich danke :D

Ähnliche Beiträge

HTML/CSS: Schriftfarbe im Kontaktformular ändern?

Bin Anfänger. Ich betreibe eine Website mit WordPress und nutze das Plugin "Contact Form 7". Das Forumular was ich erstellt habe besitzt mehrere Container. Einer davon ist ein Drop-Down Menü. Sieh so aus:

Ihr seht: Schriftfarbe und Background Color sind beide weiß. Ich möchte, dass die Schriftfarbe schwarz wird.

<div class="column one">[select* Der-Grund include_blank "Ein Problem melden" "Frage" "Feedback" "Sonstiges"]</div>

Was muss ich nun machen? Wo kann ich das Attribut font-color korrekt hinzufügen? Ich verstehe ehrlich gesagt noch nicht, was genau [select usw jetzt ist. Ist das HTML?

Hier ist eine Hilfeseite, wo das Wort "color" aber nicht auftaucht:

https://contactform7.com/checkboxes-radio-buttons-and-menus/#select

...zum Beitrag

HTML/CSS unter Webseite riesen weißer Balken entfernen?

Hallo ich habe ein Problem bei meiner Webseite.

Ich habe unter meiner Webseite einen riesen weißen Balken der sich nicht entfernen lässt. Ich habe jeglichen Befehl probiert jedoch finde ich keine Lösung und nichts funktioniert. Hätte vielleicht jemand eine Idee wie ich den entfernen kann?

...zum Beitrag

Balken in html/css hinbekommen?

Wie mache ich diese verschiedenen Balken diese weiße dunkelblau und schwarze balken?

Das ist ein bild von einer anderen webseite. Das würde ich auch gerne so für ein schulprojekt machen

...zum Beitrag

Davinci Resolve Timeline grauer Balken?

Hallo,

in meiner Timeline (auf der Editoage) bei Davinci Resolve befindet sich ein grauer Balken direkt unter der Zeitangabe. Mit ihm lässt sich meiner Vermutung nach festlegen, welcher Teil gerendert werden somm. Dieser ist der selbe wie man ihn sonst normalerweise beim Export (Deliverpage) findet...

Ich vermute eine Tastenkombination oder einzelne Taste gedrückt zu haben, andereeitig kann ich mir nicht erklären, wie dieser dahin gekommen ist.

WIE KANN ICH DIESEN BALKEN WIEDER WEGBEKOMMEN??

Danke für alle Hilfe! <3

...zum Beitrag

Hintergrund HTML, CSS Bild?

Hallo zusammen,

ich will das auf meiner Webseite auf der rechten hälfte das Bild ist und auf der linken Seite eine Farbe z.B. Grau, wie kann ich's machen dass sich das rechte bild sich dann zur mitte in die Hintergrundfarbe verläuft?

Danke!

...zum Beitrag

HTML / CSS: Weißer Rand?

Hey Leute,

ich habe ein kleines Problem!

Ich programmiere gerade eine Homepage für unsere Feuerwehr (test-feuerwehr.bplaced.net).

Allerdings ist auf der mobilen Version ein weißer Balken rechts und die Schrift geht aus dem Bereich heraus! Wieso ist das so? Kann mir jemand sagen, wie ich das weg bekomme?

...zum Beitrag

Webseite Hintergrund CSS/HTMl?

Hallo,

ich baue aktuell eine Webseite mit WordPress.

Ich habe das Problem, das beim Scrollen auf der Webseite auf dem Handy eine Hintergrund-Farbe erscheint, die ich nirgendwo in den Einstellungen verändern kann. (Das passiert also dann, wenn man weiter nach oben oder nach unten scrollt, als die Webseite reicht)

Weiß jemand einen CSS/HTML Code, der diese Farbe verändert?

Für das Verständnis:

Auf dem Computer endet die Seite dort, wo das graue aufhört. Auf dem Handy kann man noch weiter scrollen und findet dann dieses rosa.

(Das ist wie wenn man bei Snapchat nach oben scrollt und dieser Geist erscheint).

...zum Beitrag

Website?

Hallo

Ich habe direkt 2 Fragen:

Wieso ist um diese Navbar ein weisser Balken?
Wenn ich über die Links(in der Navbar) hovere wird nur ein kleiner Hintergrund helleres blau. Jedoch möchte ich das von der Höhe die ganze Navbar helleres Blau wird. Wie kann ich dass machen?

Bei Fragen melden. Vielen Dank im Voraus

Lg Luca

CSS:
body{
    font-family:sans-serif;
    font-size: 16px;
}


/* Navbar */
.topnav {
    background-color: #1E262D;
    overflow: hidden;
  }


/* Logo Navbar */
.logonav{
    width: 20%;
    height: 20%;
    min-width: 120px ;
    min-height: 91px;
}
  
  /* Links */
  .topnav a {
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 16px;
    text-decoration: none;
    margin-top: 2%;
    margin-bottom: 2%;
  }


  /* Links Hover */
  .topnav a:hover {
    background-color: #2C3E50;
    background-size: 100%;
  }
  
  .topnav .icon {
    display: none;
  }


  /* Media Queries  */
@media screen and (max-width: 600px) {
    .topnav a:not(.child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
      background-color: #1E262D;
      color: #ddd;
    }
  }
  
@media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
      background-color: #1E262D;
      color: #ddd;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }








HTML:
<!DOCTYPE html>
<html lang="en">


<!--Head-->
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Responsive</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="java.js"></script>
  </head>
<body>


<div class="topnav" id="myTopnav">
  <!--<img src="logoblue.png" alt="logo" class="logonav">-->
  <a href="contact.html">Contact</a>
  <a href="portfolio.html">Portfolio</a>
  <a href="index.html" >About me</a>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
</div>


  </body>
</html>

...zum Beitrag

Wie Eingabefeld "input type date" per CSS anpassen?

Hallo zusammen,

ich erstelle gerade mit Vue.js eine Website, die ein Formular mit verschiedenen Eingabefeldern enthält.

Nun frage ich mich, wie ich ein "input type date" per CSS anpassen kann.

Konkret geht es mir zum einen darum, die Farbe, mit der einzugebende Tag / Monat / Jahr hinterlegt ist, zu ändern (siehe nachfolgendes Bild).

Zum anderen möchte ich, wenn man den Kalender geöffnet hat, dass das "Mai 2024" nicht umrandet und grau hinterlegt ist, das aktuelle Datum nicht blau umrandet ist, die Schriftfarbe für Samstage und Sonntage ändern sowie kein Feld "Leeren" haben (siehe nachfolgendes Bild).

Gibt es eine Möglichkeit, die Felder wie beschrieben individuell per CSS anzupassen? Und wenn ja, wie mache ich das?

Die Umrandung des Eingabefelds für das Datum (TT.MM.JJJJ), die in den Bildern noch blau ist, habe ich inzwischen ändern können:

input[type=date]:hover, input[type=date]:focus {
outline: 2px solid #111111;
}

Vielen Dank im Voraus für eure Hilfe!

...zum Beitrag

Problem in CSS mit fixierter Position?

Hallo liebe Ratgeber!

Ich arbeite gerade an einem kleinen Projekt in HTML. Dazu habe ich unter anderem einen Header-Bereich, welcher beim herunterscrollen stets weiter angezeigt werden soll. Ich habe ihm also die CSS EIgenschaft position: fixed verpasst, welche sich eigentlich nicht wirklich von position: relative unterscheidet, außer dass das Element nun fixiert wird. Als ich jedoch nun fixed statt relative verwendet habe, hat der Header Bereich ein Abstand nach oben bekommen. Zu Testzwecken habe ich außerhalb des Header-Bereichs eine lose Überschrift angeordnet. Diese erschien allerdings nicht wie gewollt unter dem Header-Bereich, sondern verschwand in ihm, als würde es den Header-Bereich nicht geben.

Hier mein Problem

Der Header-Bereich bekommt trotz margin:0 einen Abstand nach oben hin, eine darunter gesetzte Überschrift h2 verschwindet darin.

Wer kann mir bei meinem Problem ein wenig weiterhelfen? Ich möchte, dass der Header oben bleibt und alle folgenden Elemente auch unter dem Header angezeigt werden.

Danke im Voraus!

LG Korbi

...zum Beitrag

Was bedeuten die Balken bei Netflix?

Was bedeuten diese grauen oder schwarze Balken bei Netflix? (siehe Bild)

...zum Beitrag

HTML/CSS Hintergrund "festhalten"?

Hey,

Ich bin gerade dabei ein Forum zu programmieren, und nehme mir ein Vorbild an http://forum.diesesforum.de/index.php Man muss sich glaube registrieren damit man das gut sehen kann.

Aber ich wollte mal fragen, wie ich es schaffe, das dieser Graue Hintergrund beim Scrollen nicht mitkommt sondern da bleibt, also das der Header und der Boty und Footer sozusagen dadrüber fliegen.

Danke im Vorraus

...zum Beitrag

Wie blockiere ich unerwünschte Mails auf AOL?

Ich erhalte auf mein AOL Konto Mails von jemandem, der mich versucht auf allen Plattformen zu stalken. Leider konnte ich noch nicht herausfinden wie ich seine Email-Adressen blockieren kann. Auch im Netz konnte ich keine Option finden. Es steht überall Optionen - Email Einstellungen - Spam Einstellungen. Dann wäre da ein Drop-Down-Menü wo man unerwünschte emails blockieren könnte. Bei mir sieht AOL aber völlig anders aus. Ich habe nichts gefunden. Ist es nicht mehr möglich unerwünschte Adressen einfach zu blockieren?

Bei meinem Yahoo-Konto hab ich das gleiche Problem. Ich kann doch deshalb nicht alles löschen und neu anlegen!?

...zum Beitrag

Outlook HTML Newsletter - seltsame "linien"?

Ich bastel in HTML mit CSS Newsletter.

Outlook "Zeichnet" aber immer mal wieder leichte graue linien an ende von Tabellen.

Hat wer ähnliche Probleme?

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen