Html 网站右侧的大空白_Html_Css

Html 网站右侧的大空白

html css

Html 网站右侧的大空白,html,css,Html,Css,我正在建立我的第一个网站。考虑到这是我的尝试，它进行得相当顺利，但我在页面右侧有大量空白，我不知道如何纠正以下是一些HTML： <head> <meta charset="utf-8">  <meta http-equiv="X-UA-Compatible" content="IE

我正在建立我的第一个网站。考虑到这是我的尝试，它进行得相当顺利，但我在页面右侧有大量空白，我不知道如何纠正

以下是一些HTML：

<head>

<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>:Music Hound Dundee:</title>
<meta name="description" content="This is the Music Hound Dundee website by Group 24.">
<meta name="keywords" content="music, gigs, dundee">

<meta http-equiv="cleartype" content="on">

<!-- Responsive and mobile friendly stuff -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Stylesheets -->
<link rel="stylesheet" href="css/6cols.css" media="all">

首先，我看到似乎有很多复制粘贴的代码，试着得到所有的：

<style> ... </style>

。。。

共同拥有一个更干净的代码

第二，我做了一件事：试图复制你的错误，但我看不到你告诉我们的空白

你能给我们更多的信息吗

另一件事：尝试关闭标签，如：

<img ... />

关于

很难用截断的HTML来区分，但是看起来您在

标记上放置的样式应该在.image类（

）上

原件：

更改：

    <div class="image">
        <a href="file:///F:/University/www_Authoring/Group24_website/GigNews.html">
             <img src="the-view.jpg" style="float: left; width: 55%; margin-right: 1%; margin-bottom: 0.5em; margin-top: 0em;" alt="The View">
        </a>
    </div>

你们能在JSFIDLE中复制这个吗？或者你们有一个站点的实时版本给我们看吗？这里有一些代码：不要写

。这些样式应该在样式表中，但如果必须将它们内联，则应该是：

谢谢您的帮助。不幸的是，我只能告诉你，因为我只是在学习这门语言。我给你拍了一张照片，告诉你我得到了什么。我真的非常感谢你的帮助。

<img ... />

    <div class="image">
        <a href="file:///F:/University/www_Authoring/Group24_website/GigNews.html">
             <img src="the-view.jpg" style="float: left; width: 55%; margin-right: 1%; margin-bottom: 0.5em; margin-top: 0em;" alt="The View">
        </a>
    </div>

   <div class="image" style="float: left; width: 55%; margin-right: 1%; margin-bottom: 0.5em; margin-top: 0em;">
        <a href="file:///F:/University/www_Authoring/Group24_website/GigNews.html">
             <img src="the-view.jpg" alt="The View">
        </a>
    </div>