Titel rückt nicht nach oben

МЕИКЕЛЬ

Guten tag Towner,
ich habe ein kleines Problem. Irgendwie rückt der Titel gar nicht nach oben, obwohl nichts falsch ist.
Hier ein Screenshot: http://puu.sh/a0MRU/92f1b4e4a5.png (Der Titel + darunter sollten neben dem Bild sein)

Mein Code:
HTML

Spoiler anzeigen

Code

<li>                    <img src="http://forum.supercell.net/images/statusicon/clashofclans/general/forum_old-48.png" />                    <div class="productInfo">                        <div class="productDetails">                            <h2 class="productTitle"><a href="#">[VERKAUFE] Account</a></h2>                            <p class="productDescription">Verkaufe </p>                        </div>                    </div>                </li>

CSS:

Spoiler anzeigen

Code

ul {    list-style: none;    padding: 0px;}
.tradeingBox li {    border-top: 1px solid #dbdbdb;    padding-left: 30px;    background: #f4f4f4;    min-height: 60px;    padding-top: 10px;}
.tradeingBox li:nth-child(even) {    background: #fafafa;}
.productInfo {    padding: 0;    width: 100%;}
.productInfo .productDetails{    padding-left: 95px;    float: none;    width: auto;}
.productInfo .productDescription p {    color: #6a6a6a;    font-size: 14px;    line-height: 20px;}
.tradeingBox img {    height: 48px;    width: 48px;}

Ich höffe Ihr könnt mir wenigstens bei meinem Problem helfen!
MfG.

**^MODSirSonay** · *- manatee, 03.12.2016*

Versuch es mal mit einem position:absolute; bei dem Bild.

МЕИКЕЛЬ

Zitat von Aixbai

Versuch es mal mit einem position:absolute; bei dem Bild.

Immer noch dass gleiche Resultat.

**^MODSirSonay** · *- manatee, 03.12.2016*

Ja, da muss eigentlich noch mehr dabei um es zu ändern. xd

**SElroy**

Hi, versuche es mal mit einer DIV box geht immer

HTML:
<DIV id= ...... Und so

Css:
#deine Id{
Blablabkabak
}

Und wenn es nicht geht wie gesagt probier es dann DIV box plus die Position absolute

Smitonskel

Schreib mich doch einfach bei Skype an Meikel. Ich helfe dir gerne bei sowas \(>0<)/.
Hier zwei Methoden die funktionieren.

Erste Methode:

Spoiler anzeigen

PHP

<!DOCTYPE html>
<html lang="de">
<head>
	<style type="text/css">
	img {float: left;}
	.productInfo {padding: 0;width: 100%;}
	.productInfo .productDetails{padding-left: 95px;float: none;width: auto;}
	.productInfo .productDescription p {color: #6a6a6a;font-size: 14px;line-height: 20px;}
	</style>
</head>
<body>
	<li>
		<img src="http://forum.supercell.net/images/statusicon/clashofclans/general/forum_old-48.png" />                	
		<div class="productInfo">                    	
			<div class="productDetails">                        	
				<h2 class="productTitle"><a href="#">[VERKAUFE] Account</a></h2>                        	
				<p class="productDescription">Verkaufe </p>                    	
			</div>                	
		</div>        	
	</li>
</body>
</html>

Alles anzeigen

Zweite Methode:

Spoiler anzeigen

PHP

<!DOCTYPE html>
<html lang="de">
<head>
	<style type="text/css">
	img {position: absolute;}
	.productInfo {padding: 0;width: 100%;}
	.productInfo .productDetails{padding-left: 95px;float: none;width: auto;}
	.productInfo .productDescription p {color: #6a6a6a;font-size: 14px;line-height: 20px;}
	</style>
</head>
<body>
	<li>
		<img src="http://forum.supercell.net/images/statusicon/clashofclans/general/forum_old-48.png" />                	
		<div class="productInfo">                    	
			<div class="productDetails">                        	
				<h2 class="productTitle"><a href="#">[VERKAUFE] Account</a></h2>                        	
				<p class="productDescription">Verkaufe </p>                    	
			</div>                	
		</div>        	
	</li>
</body>
</html>

Alles anzeigen

Titel rückt nicht nach oben

Jetzt mitmachen!

Benutzer online in diesem Thema