samedi 25 juin 2016
html background image repeated when opened in mobile browser
I just started learning xhtml and css. I wrote a web page for my self. It looks fine when opened in laptop and PC browsers. but the background image repeated twice vertically in mobile browser. I tried to set width, height or background-repeat to modify it but whenever I do it, the image just disappears. I looked up here, the other answers are a bit too deep for me to understand.
here is my web page: clownbox.tech
here is my css code for the body:
body {
text-align:center;
background-image:url(dark-gradient-tumblr-wallpaper-1.jpg)
}
here is the html code of the body:
<body>
<h1>Chris Guo</h1>
<table border="1" cellpadding="10" cellspacing="10">
<tr>
<td><a href="https://www.facebook.com/profile.php?id=100004400829590">Facebook</a></td>
<td><a href="http://chrisgjh.tumblr.com/">Tumblr</a></td>
<td><a href="https://www.instagram.com/gjjhhh_/">Instagram</a></td>
</tr>
</table>
<br />
<p>CS student @University of Canterbury, amateur photographer.<br />
I have a little bit of passion about everything and always keen to
try new things. <br />
<br />
<a href="mailto:gjh93@yahoo.com">Email Chris</a>
</body>
Inscription à :
Publier les commentaires (Atom)
Aucun commentaire:
Enregistrer un commentaire