2016-04-17 2 views
-2

Ich versuche, meine Text-Filme, TV-Shows, Spiele reagieren. was soll ich machen? Ich habe versucht, Medienabfrage, aber ich denke, ich habe es falsch verstanden.Auflösung css Text Medienabfrage

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>Papaya | Home</title> 
 
<link href='https://fonts.googleapis.com/css?family=Luckiest+Guy' rel='stylesheet' type='text/css'> 
 
<style type="text/css"> 
 
.bg { 
 
    width: 100%; 
 
    height: 110%; 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    z-index: -4000; 
 
} 
 
body{ 
 
font-family: 'Luckiest Guy', cursive;} 
 

 
a:hover {color: red;} 
 
a { text-decoration: none; color:white; } 
 
a:visited { text-decoration: none; } 
 
a:hover { text-decoration: none; } 
 
a:focus { text-decoration: none; } 
 
a:hover, a:active { text-decoration: none; } 
 

 
#one { 
 
position: fixed; 
 
top:180px; 
 
left:200px; 
 
} 
 

 
#two { 
 
position: fixed; 
 
top:180px; 
 
left:570px; 
 
} 
 

 
#three { 
 
position: fixed; 
 
top:180px; 
 
left:900px; 
 
} 
 

 
h1{font-size:70px} 
 

 
} 
 
</style> 
 
</head> 
 

 
<body > 
 
<div id="one"> 
 
<h1><a href="movies.html" style="text-decoration:none">MOVIES</a></h1></div> 
 

 
<div id="two"> 
 
<h1><a href="games.html" style="text-decoration:none">GAMES</a></h1></div> 
 

 
<div id="three"> 
 
<h1><a href="tvshows.html" style="text-decoration:none">TV SHOWS</a></h1></div> 
 

 
<div align="center"><img src="images/ball.jpg" class="bg" alt="LOADING.."></div> 
 
</body> 
 
</html>

Antwort

0

Zunächst einmal schreiben HTML und CSS n separate Dateien. Es gilt als Best Practice in der Web-Entwicklung;) Dann ist der beste Weg, die Reaktionsfähigkeit einer Website hinzuzufügen, Bootstrap zu installieren. Kopieren und Vergangenheit diese auf den Kopf des HTML-Dokuments:

Dies ist ein CDN (Content Delivery System) Link. Es wird die Bootstrap-Funktionen von ihrer Website abrufen und Ihnen ermöglichen, Reaktionsfähigkeit auf Ihrer Website hinzuzufügen.

Hier ist die Bootstrap-Dokumentation Link:

http://getbootstrap.com/getting-started/

Meine Antwort könnte ein wenig lang und kompliziert erscheinen, aber es ist nicht. So machen Profis und Unternehmen heute moderne, responsive Websites! Hoffe das hilft.

+0

OKAY DANK ILL TRY ES JETZT BALD .. DANKE. FÜR DIE ZEIT, DIE ILL BEHALTEN IST, DAS CSS ZUSAMMEN ... – sharathnaik

+0

ICH BIN VERFOLGT KÖNNEN SIE LASSEN MICH, WISSEN, WAS GENAU ZU TUN IST. Es wäre eine große Hilfe .. – sharathnaik