Beiträge von djheke
-
-
Habe Deinen Code etwas geändert und hoffe, dass Du es so meinst.
HTML
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <title>Valiediere</title> <meta charset="UTF-8"> <style> .Mobile { margin:30px; padding:5px; width: 60px; height: 60px; background:#000; position:relative; box-sizing:border-box; } .bar { margin-top:20px; height: 10px; background: #ddd; transition: 2s; } .bar:before , .bar:after { content:""; position:absolute; background: #ddd; height: 10px; width:50px; transition: 2s; } .bar:before { top:5px; } .bar:after { bottom:5px; } .change .bar:before { width: 38px; -webkit-transform: rotate(30deg) translate(15px, 2px); transform: rotate(30deg) translate(15px, 2px); } .change .bar:after { width: 38px; -webkit-transform: rotate(-30deg) translate(15px, -2px); transform: rotate(-30deg) translate(15px, -2px); } </style> </head> <body> <div class="Mobile" onclick="pfeil(this)"> <div class="bar"></div> </div> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script> function pfeil(x) { x.classList.toggle("change"); }</script> </body> </html> -
Tabellen werden zum Layouten nicht benutzt. Aber was soll das werden? Ein Link zur Seite wäre besser. Oder den kompletten Quelltext. Und die Grafiken hochladen.
-
Deine absoluten Positionierungen sind überflüssig. Habe dir mal deine Seite mit FLEXBOX umgestellt.
HTML
Alles anzeigen<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> html , body { height:100%; } body { margin:0; padding:0; display:flex; flex-direction: column; font-size: 25px; color:#fff; background: url(../Media/BMW_Munchen.jpg) no-repeat center #008 fixed; background-size:cover; } header,footer { padding:0 10px; flex:none; } header img { width:4%; } main { display:flex; flex:auto; align-items: center; justify-content:center; } main article { padding:10px; color:#fff; text-align:center; } main h1:after { content:""; margin-top:2rem; width:50%; display:inline-block; border-bottom:1px solid #fff; } </style> </head> <body> <header> <a href="index.html"><img src="Media/JH_Logo1.png"></a> </header> <main> <article> <h1>COMING SOON</h1> <p id="demo">245d 4h 36m 57s </p> </article> </main> <footer> <p>Footer</p> </footer> <script> // Set the date we're counting down to var countDownDate = new Date("Jan 1, 2018 00:00:00").getTime(); // Update the count down every 1 second var countdownfunction = setInterval(function() { // Get todays date and time var now = new Date().getTime(); // Find the distance between now an the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element with id="demo" document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is over, write some text if (distance < 0) { clearInterval(countdownfunction); document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000); </script> </body> </html> -
gib mal dein Body margin:0 und padding:0;
Codebody { margin:0; padding:0; } -
Code
Alles anzeigen* { margin:0; padding:0; box-sizing: border-box; } html,body { height:100%; #clock{ ... ... width:100%; /* Breite der Uhr*/ min-height:100%; ... ... }Willst Du es so?
-
Dann zeig uns doch mal dein gesamten Quelltext. Oder besser einen Link zur Seite.
-
Body bringt sein eigenen Außenabstand mit. Somit solltest Du mit margin:0; alle unerwünschten Abstände entfernen.
-
Bitte! Keine Ursache.
-
http://wiki.selfhtml.org/wiki/CSS/Eigen…ionierung/floatDas Box-Verhalten eines Floats
-
Mit FLOAT werden die Elemente automatisch zu Block-Elemente.
Überschriften werden mit <h1> bis <h6> notiert und nicht mit <span class="t-Art">
-
Möchtest Du die aktuelle Seite hervorheben? Wenn ja, das sollte mit WP gehen.
-
So
HTML
Alles anzeigen<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> * { margin: 0; padding: 0; } nav { display:inline-block; text-align:center; background:#d0d0d0; width:100%; } nav a { padding:10px; display:inline-block; text-decoration: none; color: black; letter-spacing: 1px; } </style> </head> <body> <nav> <a href="index.html">Startseite</a> <a href="fotografien/">Galerie</a> <a href="über-mich/">Über Mich</a> <a href="kontakt/">Kontakt</a> </nav> </body> </html> -
Der grund warum der Link tot ist, ist folgender.
Zitat
Moin @djheke,der User wurde dorthin geschickt, wo er hergekommen ist; will sagen, sein Account wurde gelöscht.
Damit dürfte für Dich hier wieder Ruhe einkehren.
LG SpiceLab
Somit kann hier auch geschlossen werden.
-
gartenprimus,
wenn Du meinst, dass ich ein Arschloch bin, nur weil ich hier auf CROSSPOSTING hingewiesen habe, tust Du mir leid. Du solltest vielleicht auch noch Lesen lernen.
-
Sollte mit position:fixed gehen.
-
-
Code
Alles anzeigennav { width:100%; display:inline-block; text-align:center; background: red; font-size: 16px; } nav ul li { position: relative; display:inline-block; list-style: none; color: #fff; transition: 0.5s; }Das was eingerückt ist, sind die Änderungen. Das war's. Bedenke aber, das mobile Geräte kein HOVER kennen.
-
Die Styleangaben befinden sich als Inlie-Styles im Document in Zeile 207(ziemlich weit hinten)
-
Code
Alles anzeigen.entry-content img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175); box-shadow: 0 1px 2px rgba(0,0,0,0.175); }
