Zum Inhalt springen

Button verschiebt sich nicht


 Teilen

Empfohlene Beiträge

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


#logout

{

	margin-top: 300px;

}

HTML (in php)

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

Link zu diesem Kommentar
Auf anderen Seiten teilen

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.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Na testen dürftest du sie schon hier: Registrierung

der komplette css 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;	

}*/


Bearbeitet von jive
Link zu diesem Kommentar
Auf anderen Seiten teilen

>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?

Bearbeitet von RBBDD
Link zu diesem Kommentar
Auf anderen Seiten teilen

Deine Meinung

Schreibe jetzt und erstelle anschließend ein Benutzerkonto. Wenn Du ein Benutzerkonto hast, melde Dich bitte an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

 Teilen

Fachinformatiker.de, 2021 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...

Wichtige Information

Fachinformatiker.de verwendet Cookies. Mehr dazu in unserer Datenschutzerklärung