Logo und Text auf gleicher ebene

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
deutscher-chat

deutscher-chat hat kostenlosen Webspace.

22:20, 25.4.2012
Guten tag liebe Community,

ich weiß leider nicht mehr weiter, und dachte, vllt könnt ihr mir weiter helfen...
Also ich möchte mein *Logo* und meine *Texte* auf der gleiche Ebene haben, doch leider wenn ich mein Logo einfüge *linke seite* gehen meine Text weiter runter *in der mitte* so das die generell, unter dem logo stehen.

Meine Frage dazu lautet: wie bekommt man diesen Text. auf der gleiche Höhe oder Ebene wie man es nennen möchte mit dem Logo???

Würde mich sehr über Antwort freuen.

Mfg Marcel
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
snvr1

snvr1 hat kostenlosen Webspace.

23:52, 25.4.2012
Naja ich müsste den Quelltext kennen und nen Link zu der seite wäre auch nicht schlecht.

Gruss snvr1

Autor dieses Themas

deutscher-chat hat kostenlosen Webspace.

0:40, 26.4.2012

Guten tag snvr1,

wie gewünscht ist hier der Quelltext:

<html>
<head>
<style type="text/css">
body {background-image:url('http://www.fotos-hochladen.net/thumbnail/unbenannth8d74u6j32_thumb.jpg');}
</style>
</head>
<center><h1><u>FAQ</u></h1></center>
<body>


<html>
<head>
	<style type="text/css">
	<!--
	ul#navigation {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	ul#navigation li {
		padding: 0px;
		margin: 0px;
		display: inline;
	}

	ul#navigation li a:link {
		border: 1px solid #000;
		background-color: #CCCCCC;
		padding: 2px 5px 2px 5px;
		font-size: 12px;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
	}

	ul#navigation li a:hover {
		border: 1px solid #000;
		background-color: #333333;
		padding: 2px 5px 2px 5px;
		color: #fff;
	}
	-->
	</style>
</head>
<body>
<header><a href="http://www.fotos-hochladen.net/view/deutschlandfla247rqkn5i9.jpg" target="_blank"><img src="http://www.fotos-hochladen.net/thumbnail/deutschlandfla247rqkn5i9_thumb.jpg" border="0"></a>
	<center><ul id="navigation">
		<li><a href="index.html">Startseite</a></li>
                <li><a href="regeln.php">Regeln</a></li>
                <li><a href="Impressum.php">Impressum</a></li> 
                <li><a href="FAQ.php">FAQ</a></li>
                <br>
                <li><a href="Login.php">Login</a></li>
                <li><a href="Registrieren.php">Registrieren</a></li>  
                <li><a href="chat.php">Chat</a></li>
	</ul></center></header>

<h4><center><ul>hier kommt demnächst noch ein Text hin.
</ul> </center></h4><br>

</body>
</html>

</body>

</html>

<body>


</body>

</html>

und der link zur seite ist hier:

http://www.deutscher-chat.lima-city.de/FAQ.php

habe dir erstmal den bereich *FAQ* gegeben, die anderen Quelltexte, stimmem fast so überein. wie der vom *FAQ*

Ich bedanke mich über deine hilfe :-)

Ps. das Logo soll nicht nur auf der linke seite stehen sondern auch auf der Rechte, aber wenn ich es auf der Rechte seite auch einfügen würde.

Würde das problem ja noch nicht behoben sein.

Mfg Marcel

snvr1

snvr1 hat kostenlosen Webspace.
2:10, 26.4.2012
versuchs mal mit
```
<img src="http://www.fotos-hochladen.net/thumbnail/deutschlandfla247rqkn5i9_thumb.jpg" border="0" style="float: left;">
```
habe dem img-Tag folgendes hinzugefügt: style="float: left;"
ansonsten kann ich dir nur http://de.selfhtml.org/index.htm ans Herz legen die haben eine super CSS-Referenz.

Gruss snvr1

Beitrag zuletzt geändert: 26.4.2012 2:13:59 von snvr1
~~s*************h~~

9:37, 26.4.2012
Das ist eigentlich gar nicht so kompliziert. Du musst nur alles in Boxen verpacken und schauen das diese Boxen ineinander hineinpassen. So muss der Link sowie das Bild von der Breite so gesetzt werden das sie nebeneinander in die übergeordnete Box passen. Das was snvr1 vorschlägt funktioniert soweit ganz gut. Du kannst aber auch die Box in welcher der Text sich befindet einfach schmaler machen (die <center>-Box im <header>-Abschnitt).

Es würde dir außerdem raten dein Layout so aufzubauen das du so wenig wie möglich mit float arbeitest, was sich hier umsetzen lassen würde. Schau dir mal die folgende Seite an, dort findest du eine Erklärung wie man eine Seite mit Hilfe des Boxenmodells erstellt: http://www.css4you.de/wslayout1/index.html

Ansonsten dient die folgende Seite ideal als CSS-Referenz: www.css4you.de

Gruß S.Brosch
Autor dieses Themas
deutscher-chat

deutscher-chat hat kostenlosen Webspace.

11:17, 26.4.2012
danke euch, hat super funktioniert.

Genau so wollte ich es haben, und ich werde mir eure Links mal merken, damit *wenn ich wieder was nicht weiß*, dort nach schauen kann.

Gruß Marcel
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city