2017-02-17 3 views
-3

Meine Fragen: 1.Logo: Ich versuche, mein Logo in der oberen linken Seite meiner Navigation zu setzen, aber ich kann nicht. Irgendwelche Ideen (NICHT, UM CODE VIELE ZU ÄNDERN)? 2. Bildschirmauflösung: Nun, ich habe festgestellt, dass meine Website nicht auf meinem PC und Laptop (oc ...) identisch ist. Ist es möglich, das zu beheben? Auf diesen Bildern können Sie auch sehen, wie meine Website mit meinen Schriften aussieht. So können Sie dieses Problem mit Logo besser sehen.Logo, Bildschirmauflösung

\t \t body { 
 
\t \t \t background-color: white;     
 
\t \t \t margin: 0; 
 
\t \t \t padding: 0; 
 
\t \t \t width: 100%; 
 
\t \t \t height: auto; 
 
\t \t \t min-width: 1000px; 
 
\t \t } 
 

 
\t \t @font-face { 
 
\t \t \t font-family: "Jocker"; 
 
\t \t \t src: url("JockeyOne-Regular.ttf") format("truetype"); 
 
\t \t } 
 

 
\t \t @font-face { 
 
\t \t \t font-family: "Pacifica"; 
 
\t \t \t src: url("PacificaCondensed-Regular.ttf") format 
 

 
("truetype"); 
 
\t \t } 
 

 
\t \t @font-face { 
 
\t \t \t font-family: "ReklameScript"; 
 
\t \t \t src:url("ReklameScript.ttf") format("truetype"); 
 
\t \t } 
 

 
\t \t h1 { 
 
\t \t \t font-size: 120px; 
 
\t \t \t text-align: left; 
 
\t \t \t font-family: "Jocker"; 
 
\t \t \t margin-left: 45; 
 
\t \t \t color: rgb(200,101, 103); 
 
\t \t } \t \t 
 

 
\t \t h2 { 
 
\t \t \t font-size: 70; 
 
\t \t \t margin-left: 224; 
 
\t \t \t font-family: "Jocker"; 
 
\t \t \t color: rgb(200,101, 103); 
 
\t \t } 
 

 
\t \t #header { 
 
\t \t \t width: 100%; 
 
\t \t \t height: 50px; 
 
\t \t \t margin: auto; 
 
\t 
 
\t \t } 
 
\t \t 
 
\t \t #navigacija { 
 
\t \t \t width: 100%; 
 
\t \t \t margin-left: 0px; 
 
\t \t \t padding: 0px; 
 
\t \t \t height: 50px; 
 
\t \t \t overflow: hidden; 
 
\t \t \t text-align: right; 
 
\t \t \t position: fixed; 
 
\t \t \t background-color: #089DE3; 
 
\t \t \t z-index: 9999; \t \t \t 
 
\t \t } 
 
\t \t 
 
\t \t #navigacija a { 
 
\t \t \t color: white; 
 
\t \t \t text-decoration: none; 
 
\t \t \t line-height: 50px; 
 
\t \t \t font-size: 30px; 
 
\t \t \t font-family: "Pacifica"; 
 
\t \t \t display: inline-block; 
 
\t \t \t padding-left: 50px; 
 
\t \t \t padding-right: 50px; 
 
\t \t \t padding-top: 0px; 
 
\t \t \t padding-bottom: 0px; 
 
\t \t } 
 
\t 
 
\t \t #navigacija a:hover { 
 
\t \t \t background: #00C5CD; 
 
\t \t } 
 

 
\t \t .main1 { 
 
\t \t \t margin-top: 50px; 
 
\t \t \t font-family: "ReklameScript"; 
 
\t \t \t font-size: 50; 
 
\t \t \t background: #089DE3; 
 
\t \t \t text-align: left; 
 
\t \t \t margin-left: 194; 
 
\t \t } 
 
\t \t 
 
\t \t .video-container { 
 
\t \t \t position: relative; 
 
\t \t \t padding-bottom: 56.25%; 
 
\t \t \t padding-top: 0px; 
 
\t \t \t height: 0; 
 
\t \t \t overflow: hidden; 
 
\t \t \t bottom: 930; 
 
\t \t \t right: 0px; 
 
\t \t } 
 
\t \t .video-container iframe, 
 
\t \t .video-container object, 
 
\t \t .video-container embed { 
 
\t \t \t position: absolute; 
 
\t \t \t top: 0; 
 
\t \t \t left: 0; 
 
\t \t \t width: 100%; 
 
\t \t \t height: 100%; 
 
\t \t } 
 
\t \t .video-wrapper { 
 
\t \t \t width: 640px; 
 
\t \t \t float: right; 
 
\t \t \t margin-left:auto; 
 
\t \t \t margin-right:auto; 
 
\t \t \t max-width: 100%; 
 
\t \t }
<!DOCYPE html> 
 
<html> 
 
\t <head> 
 
\t \t <title>MaxSkins-Home</title> 
 
\t \t <link rel="stylesheet" href="Home.css" type="text/css" /> 
 
\t 
 
\t 
 

 
\t </head> 
 

 
<body> 
 
\t <div id="header"> 
 
\t <div id="navigacija"> 
 
     \t \t <a href="Home.html"><div class="Home"><b>HOME</b></div></a> 
 
     \t \t <a href="Shop.html"><b>SHOP</b></a> 
 
     \t \t <a href="#"><b>GET POINTS</b></a> 
 
     \t \t <a href="#"><b>INFO</b></a> 
 
    \t </div> 
 
\t </div> 
 

 
\t \t <h1><b>EARN POINTS,<br> GET SKINS!</b></h1> 
 
\t \t <h2><b>How does it work?</b></h2> 
 
\t <div class="main1"> 
 
\t \t <p><b>It's simple!<br> Watch videos, do tasks and have fun! 
 

 
<br>After earning large amount of coins,<br> contact us to get your skins! 
 

 
<b></p> 
 
\t 
 
\t </div> 
 

 
\t <div class="video-wrapper"> 
 
\t <div class="video-container"> 
 
\t \t <iframe width="640" height="360" 
 

 
src="https://www.youtube.com/embed/lwItL2NXwDw" frameborder="5" 
 

 
allowfullscreen></iframe> 
 
\t </div> 
 
\t <!-- /video --> 
 
</div> 
 
<!-- /video-wrapper --> \t 
 
</body> 
 
</html>

1680x10501366x768

+0

Sieht aus wie das einer von denen ist "Geld schnell in den Internetseiten verdienen"? Beeindruckend. – arkascha

+1

Wenn Sie sagen, "NICHT, UM CODE VIELE ZU ÄNDERN", zeigt das an, dass Sie nur wollen, dass jemand eine schnelle Antwort für Sie einprogrammiert und keine Arbeit macht. Vielleicht sollten Sie dies als Lernerfahrung angehen und Ihren Code analysieren, um zu sehen, ob es effizientere Möglichkeiten gibt, dies auszuarbeiten. –

+0

@WillCarron Nicht korrekt, ich kenne einige Leute, die, wenn sie versuchen, ihnen zu helfen, ändern Sie den ganzen Code ... Ich brauche nur ein paar Ideen ... Nun, ich mache das nur für Lernerfahrung. Mein Freund machte diese schnelle Seite auf wixsites und sagte mir, dass ich versuchen sollte, etwas ähnliches zu diesem ... https://prodajarpsrbija.wixsite.com/maxskins –

Antwort

0

Sie können so etwas wie dies versuchen. Wie ich auf der verlinkten Seite gesehen habe, ist das Logo ein formatierter Text. Ich habe Text mit linkem Float eingefügt. Sehen Sie, ob das für Sie funktioniert.

\t \t body { 
 
\t \t \t background-color: white;     
 
\t \t \t margin: 0; 
 
\t \t \t padding: 0; 
 
\t \t \t width: 100%; 
 
\t \t \t height: auto; 
 
\t \t \t min-width: 1000px; 
 
\t \t } 
 

 
\t \t @font-face { 
 
\t \t \t font-family: "Jocker"; 
 
\t \t \t src: url("JockeyOne-Regular.ttf") format("truetype"); 
 
\t \t } 
 

 
\t \t @font-face { 
 
\t \t \t font-family: "Pacifica"; 
 
\t \t \t src: url("PacificaCondensed-Regular.ttf") format 
 

 
("truetype"); 
 
\t \t } 
 

 
\t \t @font-face { 
 
\t \t \t font-family: "ReklameScript"; 
 
\t \t \t src:url("ReklameScript.ttf") format("truetype"); 
 
\t \t } 
 

 
\t \t h1 { 
 
\t \t \t font-size: 120px; 
 
\t \t \t text-align: left; 
 
\t \t \t font-family: "Jocker"; 
 
\t \t \t margin-left: 45; 
 
\t \t \t color: rgb(200,101, 103); 
 
\t \t } \t \t 
 

 
\t \t h2 { 
 
\t \t \t font-size: 70; 
 
\t \t \t margin-left: 224; 
 
\t \t \t font-family: "Jocker"; 
 
\t \t \t color: rgb(200,101, 103); 
 
\t \t } 
 

 
\t \t #header { 
 
\t \t \t width: 100%; 
 
\t \t \t height: 50px; 
 
\t \t \t margin: auto; 
 
\t 
 
\t \t } 
 
\t \t 
 
\t \t #navigacija { 
 
\t \t \t width: 100%; 
 
\t \t \t margin-left: 0px; 
 
\t \t \t padding: 0px; 
 
\t \t \t height: 50px; 
 
\t \t \t overflow: hidden; 
 
\t \t \t text-align: right; 
 
\t \t \t position: fixed; 
 
\t \t \t background-color: #089DE3; 
 
\t \t \t z-index: 9999; \t \t \t 
 
\t \t } 
 
\t \t 
 
\t \t #navigacija a { 
 
\t \t \t color: white; 
 
\t \t \t text-decoration: none; 
 
\t \t \t line-height: 50px; 
 
\t \t \t font-size: 30px; 
 
\t \t \t font-family: "Pacifica"; 
 
\t \t \t display: inline-block; 
 
\t \t \t padding-left: 50px; 
 
\t \t \t padding-right: 50px; 
 
\t \t \t padding-top: 0px; 
 
\t \t \t padding-bottom: 0px; 
 
\t \t } 
 

 
\t \t a#logo { 
 
\t \t \t float: left; 
 
\t \t } 
 
\t 
 
\t \t #navigacija a:hover { 
 
\t \t \t background: #00C5CD; 
 
\t \t } 
 

 
\t \t .main1 { 
 
\t \t \t margin-top: 50px; 
 
\t \t \t font-family: "ReklameScript"; 
 
\t \t \t font-size: 50; 
 
\t \t \t background: #089DE3; 
 
\t \t \t text-align: left; 
 
\t \t \t margin-left: 194; 
 
\t \t } 
 
\t \t 
 
\t \t .video-container { 
 
\t \t \t position: relative; 
 
\t \t \t padding-bottom: 56.25%; 
 
\t \t \t padding-top: 0px; 
 
\t \t \t height: 0; 
 
\t \t \t overflow: hidden; 
 
\t \t \t bottom: 930; 
 
\t \t \t right: 0px; 
 
\t \t } 
 
\t \t .video-container iframe, 
 
\t \t .video-container object, 
 
\t \t .video-container embed { 
 
\t \t \t position: absolute; 
 
\t \t \t top: 0; 
 
\t \t \t left: 0; 
 
\t \t \t width: 100%; 
 
\t \t \t height: 100%; 
 
\t \t } 
 
\t \t .video-wrapper { 
 
\t \t \t width: 640px; 
 
\t \t \t float: right; 
 
\t \t \t margin-left:auto; 
 
\t \t \t margin-right:auto; 
 
\t \t \t max-width: 100%; 
 
\t \t }
<!DOCYPE html> 
 
<html> 
 
\t <head> 
 
\t \t <title>MaxSkins-Home</title> 
 
\t \t <link rel="stylesheet" href="Home.css" type="text/css" /> 
 
\t 
 
\t 
 

 
\t </head> 
 

 
<body> 
 
\t <div id="header"> 
 
\t <div id="navigacija"> 
 
     \t \t <a href="#" id="logo">LOGO</a> 
 
     \t \t <a href="Home.html"><div class="Home"><b>HOME</b></div></a> 
 
     \t \t <a href="Shop.html"><b>SHOP</b></a> 
 
     \t \t <a href="#"><b>GET POINTS</b></a> 
 
     \t \t <a href="#"><b>INFO</b></a> 
 
    \t </div> 
 
\t </div> 
 

 
\t \t <h1><b>EARN POINTS,<br> GET SKINS!</b></h1> 
 
\t \t <h2><b>How does it work?</b></h2> 
 
\t <div class="main1"> 
 
\t \t <p><b>It's simple!<br> Watch videos, do tasks and have fun! 
 

 
<br>After earning large amount of coins,<br> contact us to get your skins! 
 

 
<b></p> 
 
\t 
 
\t </div> 
 

 
\t <div class="video-wrapper"> 
 
\t <div class="video-container"> 
 
\t \t <iframe width="640" height="360" 
 

 
src="https://www.youtube.com/embed/lwItL2NXwDw" frameborder="5" 
 

 
allowfullscreen></iframe> 
 
\t </div> 
 
\t <!-- /video --> 
 
</div> 
 
<!-- /video-wrapper --> \t 
 
</body> 
 
</html>

+0

Vielen Dank, es funktioniert :) –

+0

Wenn Sie könnten, in Betracht ziehen, meine Antwort so zu akzeptieren Es kann anderen Menschen in der Zukunft helfen. ;) –