HTML布局定位&；图像边框
这就是我需要建立的 现在我有了这个 正如您可以看到的，内容顶部的两个图像只有半个边框 然后，旁边图像的文本部分不在正确的位置。图像的上边框应该与旁边的文本在一行。 我试着做了一些调整，但没有任何效果 如何解决这两个问题 HTML:HTML布局定位&；图像边框,html,css,Html,Css,这就是我需要建立的 现在我有了这个 正如您可以看到的，内容顶部的两个图像只有半个边框 然后，旁边图像的文本部分不在正确的位置。图像的上边框应该与旁边的文本在一行。 我试着做了一些调整，但没有任何效果 如何解决这两个问题 HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> &
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RW-Fliesen</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="index.html" class="logo" title="Logo"></a>
<div class="contact-info" title="contact- info"></div>
<ul class="mn">
<li><a href=" " title="" class="mn1 "></a> </li>
<li><a href=" " title="" class="mn2 "></a></li>
<li><a href=" " title="" class="mn3 "></a></li>
<li><a href=" " title="" class="mn4 "></a></li>
<li><a href=" " title="" class="mn5 "></a></li>
<li><a href=" " title="" class="mn6 "></a></li>
</ul>
</div>
<div id="content">
<div id="top">
<div class="foto1" title="Fliesen"> <img src="foto1.png" alt="Fliesen1"/> </div>
<div class="foto2" title="Fliesen"> <img src="foto2.png" alt="Fliesen2"/> </div>
</div>
<div id="leftcolumn">
<div class="text" title="text">
<p> RW-Fliesen <br />
Ludwig-Thoma-Str. 36 <br />
82008 Unterhaching </p>
<div class="text2" title="text">
<p> Telefon: <br />
Fax: <br />
Mobil: <br />
Email: <br />
</p>
</div>
<div class="text3" title="text">
<p> 089 - 358 557 88 <br />
089 - 358 557 89 <br />
0179 - 673 77 41 <br />
info@rw- fliesen.com <br />
</p>
</div>
<div class="text4" title="text">
<p> Betriebsnummer: 7084943 <br /> <span class="text-blue"> Eingetragen in die Handwerksrolle bei <br /> der Handwerkskammer für München <br /> und Oberbayern. </span> </p>
</div>
</div>
<div class="face" title="face">
<iframe id="f580fdad4" name="f83387924" scrolling="no" style="border: none; overflow: hidden; height: 684px; width: 262px;" class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?api_key=&locale=de_DE&sdk=joey&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Dfe1e61258%26origin%3Dhttp%253A%252F%252Fwww.rw-fliesen.com%252Ff21318bbdc%26domain%3Dwww.rw-fliesen.com%26relation%3Dparent.parent&height=290&header=true&show_faces=true&stream=false&width=262&href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRW-Fliesen%2F115860578491339&colorscheme=light"></iframe>
</div>
</div>
<div id="rightcolumn">
<div class="text5" title="text">
<p> Wir sind Ihr fachlich kompetenter Fliesenleger- und Innenausbaubetrieb in Unterhaching. </p><br />
<p> Als Fachbetrieb mit langjähriger Erfahrung in Fliesenverlegung und Innenausbau bieten wir Ihnen hohe handwerkliche Qualität, wertvolle Materialien sowie faire Preise. </p><br />
<p> Unsere Leistungen: </p>
<ul>
<li> Beratung & Verlegung von Fliesen, Platten, Naturstein und Mosaik vom Fachmann </li>
<li> Individuelle und exclusive Bad- und Wohnraumgestaltung </li>
<li> Vermittlung von Handwerksmeisterbetrieben ( Installlateur, Elektriker, Maurer, Maler, Schreiner, Bodenleger) </li>
<li> Trockenbau </li>
<li> Estrichverlegung </li>
<li> Innenausbau </li>
<li> Reparaturarbeiten </li>
<li> Entrümpelung </li>
<li> Zusammenstellen eines Teams zur Kompletten Renovierung & Bauaufsicht </li>
</ul>
</div>
<img src="img1.png" alt="img" class="img1" />
<p> Sie möchten Renovieren, Ihre Wohnräume neu und exclusiv gestalten?
Ob groß, oder klein spielt hier keine Rolle, selbst aus einem 5m² Bad kann man einen echten "Eyecatcher" machen!
Gerne erstellen wir Ihnen ein individuelles Angebot zu Ihrem Bauvorhaben, beraten Sie zu verschiedenen Möglichkeiten der Durchführung und Gestaltung, sowie neuen Produkten und Materialien in der Baubranche.
Erfahren Sie mehr über unser Leistungsspektrum auf den folgenden Seiten. </p>
</div>
<div id="footer">
</div>
</div>
</div>
</body>
</html>
您的.foto1和.foto2类正在强制调整包装img的DIV的大小。只需去掉foto1和foto2的高度样式 除了上面提到的。。。尝试使用FireFox的FireBug插件或Google Chrome的web开发者工具来诊断问题。我会系统地关闭CSS样式，直到你得到你想要的结果 对于两幅图像周围的DIV，请尝试调整边距底部和填充底部样式 希望这对你有帮助。谢谢 删除图像周围的
<div id="top">
<img src="foto1.png" alt="Fliesen1" style="float: left; margin-top: 30px; border: 3px solid #FFF;"/>
<img src="foto2.png" alt="Fliesen2" style="float: left; margin-top: 30px; border: 3px solid #FFF; margin-left: 100px;" />
</div>
我相信可以通过更改文本5 div的结束标记位置并在需要的地方插入换行符来回答问题的第二部分。我认为案文第5节应如下：
<div class="text5" title="text">
<p> Wir sind Ihr fachlich kompetenter Fliesenleger- und Innenausbaubetrieb in Unterhaching. </p><br />
<p> Als Fachbetrieb mit langjähriger Erfahrung in Fliesenverlegung und Innenausbau bieten wir Ihnen hohe handwerkliche Qualität, wertvolle Materialien sowie faire Preise. </p><br />
<p> Unsere Leistungen: </p>
<ul>
<li> Beratung & Verlegung von Fliesen, Platten, Naturstein und Mosaik vom Fachmann </li>
<li> Individuelle und exclusive Bad- und Wohnraumgestaltung </li>
<li> Vermittlung von Handwerksmeisterbetrieben ( Installlateur, Elektriker, Maurer, Maler, Schreiner, Bodenleger) </li>
<li> Trockenbau </li>
<li> Estrichverlegung </li>
<li> Innenausbau </li>
<li> Reparaturarbeiten </li>
<li> Entrümpelung </li>
<li> Zusammenstellen eines Teams zur Kompletten Renovierung & Bauaufsicht </li>
</ul>
<!-- </div> this is where you inserted your ending tag in the HTML code you provided-->
<img src="img1.png" alt="img" class="img1" />
<p> Sie möchten Renovieren, Ihre Wohnräume neu und exclusiv gestalten?<br/><br/>
Ob groß, oder klein spielt hier keine Rolle, selbst aus einem 5m² Bad kann man einen echten "Eyecatcher" machen!<br/><br/><br/>
Gerne erstellen wir Ihnen ein individuelles Angebot zu Ihrem Bauvorhaben, beraten Sie zu verschiedenen Möglichkeiten der Durchführung und Gestaltung, sowie neuen Produkten und Materialien in der Baubranche.
Erfahren Sie mehr über unser Leistungsspektrum auf den folgenden Seiten. </p>
</div> <!-- This is where I believe you should end text 5 div -->
我们将在Unterhaching的fachlich Kompetter Fliesenleger和Innenausbaubetrieb酒店工作
这是一家专门从事飞行投资和飞行研究的工厂，它的手工质量很好，材料也很好
Unsere Leistungen：
- 弗利森、普拉滕、纳图尔斯坦和法赫曼
- 个人和专属的坏和坏
- 手工操作的害虫（安装工、电气工、毛勒、马勒、施莱纳、博德勒）
- 特罗肯堡
- Estrichverlegung
- 因纳纳斯堡酒店
- Reparaturarbeiten
- 恩图姆普隆
- Zusammentellen团队zur Kompleten Renovierung&Baaufsicht
你是雷诺人吗？我是新的和排他性的盖世太尔滕？
Ob groß，oder klein spielt，他是keine Rolle，他是一个500万平方米的坏男人，他是一个“眼睛捕手”马肯
在个人生活中，我们需要一种新的生活方式，一种新的生活方式，一种新的生活方式，一种新的生活方式，一种新的生活方式，一种新的生活方式，一种新的生活方式，一种新的生活方式。
这是一个非常有趣的故事
<div class="text5" title="text">
<p> Wir sind Ihr fachlich kompetenter Fliesenleger- und Innenausbaubetrieb in Unterhaching. </p><br />
<p> Als Fachbetrieb mit langjähriger Erfahrung in Fliesenverlegung und Innenausbau bieten wir Ihnen hohe handwerkliche Qualität, wertvolle Materialien sowie faire Preise. </p><br />
<p> Unsere Leistungen: </p>
<ul>
<li> Beratung & Verlegung von Fliesen, Platten, Naturstein und Mosaik vom Fachmann </li>
<li> Individuelle und exclusive Bad- und Wohnraumgestaltung </li>
<li> Vermittlung von Handwerksmeisterbetrieben ( Installlateur, Elektriker, Maurer, Maler, Schreiner, Bodenleger) </li>
<li> Trockenbau </li>
<li> Estrichverlegung </li>
<li> Innenausbau </li>
<li> Reparaturarbeiten </li>
<li> Entrümpelung </li>
<li> Zusammenstellen eines Teams zur Kompletten Renovierung & Bauaufsicht </li>
</ul>
<!-- </div> this is where you inserted your ending tag in the HTML code you provided-->
<img src="img1.png" alt="img" class="img1" />
<p> Sie möchten Renovieren, Ihre Wohnräume neu und exclusiv gestalten?<br/><br/>
Ob groß, oder klein spielt hier keine Rolle, selbst aus einem 5m² Bad kann man einen echten "Eyecatcher" machen!<br/><br/><br/>
Gerne erstellen wir Ihnen ein individuelles Angebot zu Ihrem Bauvorhaben, beraten Sie zu verschiedenen Möglichkeiten der Durchführung und Gestaltung, sowie neuen Produkten und Materialien in der Baubranche.
Erfahren Sie mehr über unser Leistungsspektrum auf den folgenden Seiten. </p>
</div> <!-- This is where I believe you should end text 5 div -->