Fachinformatiker.de

**jive** · 01.02.2012 10:16

Hallo liebe Community,

ich hab ein simples Problem mit dem Logout Button. Im mom sieht die seite so aus:
ImageShack® - Online Photo and Video Hosting

Ich will den Logout Button gerne unter dem Impressumbutton kriegen nur irgendwie schaff ichs einfach nicht. Ich weiß nicht wie man es in CSS machen soll.
So siehts im code aus:

CSS

Code:

#logout
{
	margin-top: 300px;
}

HTML (in php)

Code:

if ( $anzeige )
{
echo <<<HTML
<ul id="links">
<li>	<a href="impressum.html" class="buttonLink">Impressum</a>	</li>
</ul>

<form action="user_bereich.php" method="post">
<input id="logout" type="submit" name="submit"  value="Logout" />
</form>
HTML;
}

Vielen Dank schonmal für antworten!

mfg jive

**CSharp92** · 01.02.2012 11:24

#logout
{
margin-top: 300px;
display:inline-block;
}

Soweit ich weiß.

Vergiss das clear nicht, wenn du bei der List float benutzt.

**jive** · 01.02.2012 11:41

Da tut sich auch nichts, unteranderem ist mein Problem das sich der Button, egal was ich mache, nicht bewegt.
Ich hab alles erdenkliche ausprobiert, einfach mal jeden befehl dahintergesetzt, hab mal height, width oder margin-top und so weiter probiert aber der button hat sich nicht einmal bewegt.

Auch mit display: inline-block; hat sich nichts getan.

Ich bin ziemlich ratlos.

**CSharp92** · 01.02.2012 12:05

Kannst du die Seite posten, damit wir mit Firebug rumtesten können? Ansonsten kann du sie auch als HTML-Seite abspeichern und den Teil hochladen inkl. CSS Code.

**jive** · 01.02.2012 12:08

Oh, ist ne Menge. Jetzt nur die user_bereich seite? Weil zur kompletten homepage gehören 5 oder mehr dateien. Ist registrierung, login dabei.

**CSharp92** · 01.02.2012 12:12

Ja, dann speicher sie per Browser ab, und poste lade das HTML Dokument auf deinen Server hoch, somit könnten wir testen. Natürlich kannst du alle anderen Stellen entfernen, wo nicht der oben genannte Fehler ist

**jive** · 01.02.2012 12:16

Na testen dürftest du sie schon hier: Registrierung

der komplette css code:

Code:

body
{
    background-color: #BCD2EE;
    margin:0px auto;
    height:152px;
	width:900px;
   /*border:1px solid;*/
}

h1 {text-align: center;}
h2 {text-align: center;}

#mir {color: red;}

#header
{
    background: no-repeat;
    position: relative;
    background-image: url(header.png);
    height: 150px;
    border:1px solid;
}

#links
{
   float: left;
   list-style-type: none;
   margin-top: 30px;
   padding: 0;
   width: 180px;
   
   /*border:1px solid;*/
}

#links li
{
   background-color: #9AC0CD;
   text-align: center;
   float: left;
   border: 1px solid grey;
   width: 150px;
   height: 25px;
   margin: 5px;
   padding: 3px;
   /*border:1px solid;*/
}


#logout
{
	margin-top: 300px;
	display: inline-block;
	clear:left;
}

#formular {float: left;}
#login_tabelle { width: 180px;height: 690px;}

#start_seite_inhalt
{
    border:0px solid;
	border-style: dotted;
    margin-top: 30px;
    margin-left: 200px;
	padding: 10px 10px 10px 10px;
	height: 600px;
}

/*#footer
{
    border:1px solid;
    background: no-repeat;
    position: relative;
    background-image: url(file:///D:/homepage/Bilder/footer.png);
    height:75px; 
    margin-top:5px;	
}*/

**RBBDD** · 01.02.2012 12:48

mit float:left für #links ist es kein wunder wenn das folgende <form> dann rechts herumfliesst.

**jive** · 01.02.2012 12:56

Also das float:left hat schon seine richtigkeit weil als erstes sollte eig was danebenstehen. Also im mom steht der Upload bereich daneben aber ich will halt jetzt den Logout button noch unter die liste setzen.

**RBBDD** · 01.02.2012 13:37

>Ich will den Logout Button gerne unter dem Impressumbutton kriegen

also ein Element mit float:left, das Impressum(<ul>#links) und Logout-Button(<form>#logout) untereinander enthält.

bei Dir ist der Logout-Button rechts umlaufend vom Impressum-Button.
Sicher dass es so richtig ist?

**jive** · 01.02.2012 13:42

Hm also das Impressum <ul> und der logout button <form> will ich untereinander haben, ja.

Ich hab mir das so gedacht, ich lass den logout-button rechts an dem Impressum vorbeilaufen bis er unter den Impressum button flutscht.

Ist mein Gedanke denn soweit richtig?

**RBBDD** · 01.02.2012 13:49

Ich dachte eher daran Dein komplettes linkes Menü in ein Div zu packen und nur diesem float:left zu geben.

Fachinformatiker.de

Button verschiebt sich nicht

LinkBack

Themen-Optionen

Anzeige

Button verschiebt sich nicht

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Hintergrundbild verschiebt sich beim Scrollen trotz position:fixed

[Outlook 2007] Signatur Button laesst sich nicht mehr klicken

Excel: Bei Nutzung der Pfeiltasten verschiebt sich die Ansicht, anstatt der Cursor

Realisierung des Projekts in Gefahr - Projekt verschiebt sich

Button auf dem Desktop bewegen sich

Die häufigsten Suchbegriffe für diese Seite:

input text hintergrundbild verschiebt