私は問題ないと思っていたウェブサイトを持っていますが、どうやらテキストに問題がある人もいるようです。主な問題は、他の人が見ているものが私には見えないことです。または、彼らは私が見ているものを見ているのかもしれませんが、うまく設計されていません。
まず、私のウェブサイトをチェックしてほしい: http://mmking9999.com
少しブラウジングした後、私のコードを見て、どこが間違っていたのか教えてください。他に提案があれば、お知らせください。メインページのコードは次のとおりです。
<html>
<head>
<link rel="stylesheet"
type="text/css" href="http://mmking9999.com/css/style.css" />
</head>
<body>
<!--Site logo. Clicking on it will redirect to this page.-->
<div class="logo">
<a href="http://mmking9999.com/"><img src="http://mmking9999.com/Images/SiteLogo.png" /></a>
</div>
<!-- Menu window goes here. The text are images that link to other pages.-->
<div class="menu">
<img src="http://mmking9999.com/Images/MenuWindow.png" />
</div>
<div class="portfolio_url">
<a href="http://mmking9999.com/portfoliopage.html"><img src="http://mmking9999.com/Images/portfoliourl.png" /></a>
</div>
<div class="blog_url">
<img src="http://mmking9999.com/Images/blogurl.png" />
</div>
<div class="random_url">
<a href="http://mmking9999.com/randomstuff.html"><img src="http://mmking9999.com/Images/randomurl.png" /></a>
</div>
<div class="email">
<a href="mailto:mmking9999@gmail.com" target="_blank"><img src="http://mmking9999.com/Images/emailicon.png" /></a>
</div>
<div class="linkedin">
<a href="http://ca.linkedin.com/in/mikeadmurray" target="_blank"><img src="http://mmking9999.com/Images/linkedinicon.png" /></a>
</div>
<div class="twitter">
<a href="http://twitter.com/MikeADMurray" target="_blank"><img src="http://mmking9999.com/Images/twittericon.png" /></a>
</div>
<div class="window"><br><br><p>Welcome to my website! My name is Mike Murray, a rookie game developer/designer. Here, you'll find stuff about what I do and what I hope to become in the future. I am an avid gamer, and it was that passion that led me to want to create the video games that people like to play. Having played video games for over 20 years, I figure I should be able to create something cool with the knowledge I have!</p></div>
</body>
</html>
そして、ここに私が使用しているCSSがあります：
/*The code for the body sets the default settings for all pages */
body
{
background-image:url('http://mmking9999.com/Images/sitewallpaper.png');
}
/* Link colours. I use bright colours to contrast the black window. */
a:link {
COLOR: #86C6FE;
}
a:visited {
COLOR: #FF0000;
}
a:hover {
COLOR: #FFFF00;
}
a:active {
COLOR: #00FF00;
}
/* Main window. Used to display text and images */
img
{
margin: 2px;
height: auto;
width: auto;
float: left;
}
h1
{
color:red;
text-align:center;
font-family:calibri;
}
p
{
/* font */
color:rgb(255,255,255);
font-family:"Small Fonts", calibri, arial, "Times New Roman";
font-size:18px;
text-align:left; width:700px; margin-left:200px;
}
/* Main window. All info is displayed in here */
div.window
{
background-image:url('http://mmking9999.com/Images/IframeWindow.png');
background-repeat:no-repeat;
position:relative;
width:60%;
height:70%;
top:80px;
left:500px;
/*text*/
/*color:rgb(255,255,255);
font-family:"Small Fonts", calibri, arial, "Times New Roman";
font-size:18px;*/
}
/* Menu */
div.menu
{
position:relative;
width:40%;
height:10%;
}
/*Site logo */
div.logo
{
position:relative;
width:40%;
height:5%;
left:500px;
}
/*Images (so they aren't constrained by the attributes defined in div.window)*/
div.image
{
position:absolute;
left:20px;
}
/* In case I need another row of images */
div.image2
{
position:relative;
left:-150px;
width:90%;
height:90%;
}
/*Menu urls*/
div.portfolio_url
{
position:relative;
left:-175px;
top:30px;
}
div.blog_url
{
position:relative;
left:-305px;
top:90px;
}
div.random_url
{
position:relative;
left:-445px;
top:150px;
}
div.email
{
position:relative;
top:250px;
left:-600px;
}
div.linkedin
{
position:relative;
top:250px;
left:-580px;
}
div.twitter
{
position:relative;
top:250px;
left:-560px;
}
/*iframe
{
position:relative;
top:80px;
left:280px;
width:60%; height:70%;
}*/
あなたが提供できるアドバイスをありがとう。