mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.04.2024 23:25 Benutzername: Passwort: Auto-Login

Thema: [CSS] Positionierung Login Elemente, Joomla 1.5 Offline Page vom 01.07.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Positionierung Login Elemente, Joomla 1.5 Offline Page
Autor Nachricht
Seen
Threadersteller

Dabei seit: 01.07.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 01.07.2011 23:06
Titel

[CSS] Positionierung Login Elemente, Joomla 1.5 Offline Page

Antworten mit Zitat Zum Seitenanfang

Guten Tag.

Sorry wegen der kryptischen Sprache im Titel, aber ich wollte alles unterbringen.
Also, ich habe CSS nie gelernt, habe erst jetzt damit angefangen mich in das thema ein wenig einzulesen.

Ich würde gerne die Offline- Seite meiner Joomla- Seite anpassen. Den Rahmen und das Logo habe ich aus der offline.php bereits ausgeklammert. Ich habe auch bereits einen neuen Hintergrund eingefügt.
Nun möchte ich nur noch die Login- Elemente neu positionieren.
Wie das ganze bisher aussieht, kann man sich hier anschauen.

Ich würde die Elemente gerne im unteren rechten Bereich des roten Kastens anordnen. So sieht der Code zu den Elementen aus:

Code:

form    { margin: auto; }
form p  { margin: 0; padding: 0; }
form fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
label         { display: block; float: left; }
input         { padding: 1px; }
input.button  { width: auto; height: 1.8em; cursor: pointer; }

label   { margin: 5px 0px 2px 0px; width: 10em;}
form p  { padding: 0.2em 0 0.2em 0; }
form br  { display: none; }
input    { border: 1px solid #0E67A1; }
input.button        { background-color: white; }
input.button:hover { border-color:  #FC902E; }



#frmlogin         { margin: 0 10px 0 10px;  }
#frmlogin fieldset.button { text-align: right; }


Bisher habe ich versucht, die Position einzelner Elemente mit folgendem Code anzuordnen:

Code:

position: absolute;
top: 599;
Left: 915;


Aber die Elemente haben sich daraufhin nur in der linken oberen Bildschirmecke gestapelt.
Würde mich freuen, wenn mir hier jemand weiter helfen kann.
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Fr 01.07.2011 23:24
Titel

Antworten mit Zitat Zum Seitenanfang

Bedenke, dass sich dein Hintergrundbild momentan wiederholt. Bei mir habe ich jetzt z.B. jeweils die linke bzw. rechte Kante des roten Kastens links / rechts angeschnitten, und die obere Kante am unteren Browserrand. background-repeat: no-repeat; in Kombination mit deinem dunkelblauen, leicht rauschendem Muster als kachelbarer Hintergrund des body z.B.

Zu deinem Problem: Was soll der Browser denn mit 599 anfangen? Mein Mathelehrer hätte wohl gesagt "599 was? Äpfel?"... sobald du beispielsweise px für Pixel anfügst, sollte etwas passieren. Aber ob dein Position: absolute; Herangehen sinnvoll ist?
Ich empfehle, das form zu einem display: block; zu machen mit einer festen Breite, die deinem Hintergrundkasten entspricht, plus das margin: auto zum zentrieren. Soweit ein erster Anstoß in eine Richtung.

Allgemein ist dein Ansatz, alles über ein Hintergrundbild machen zu wollen, natürlich auch ungünstig...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Seen
Threadersteller

Dabei seit: 01.07.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 02.07.2011 09:46
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank für die Hilfe. Ich werde das demnächst ausprobieren.
Ich weiß, dass es im Moment noch mehr als ungünstig ist, aber diese Seite besteht allein aus Übungszwecken. Alles Schritt für Schritt. Das mit dem Hintergrund war jetzt erst mal dafür, dass ich überhaupt etwas habe mit dem ich arbeiten kann.


Zuletzt bearbeitet von Seen am Sa 02.07.2011 09:47, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Joomla Page spinnt auf Internet Explorer
Joomla 1.0.12 oder Joomla 1.5 beta?
Joomla! Problem ((Joomla) vor CSS-Pfad)
Suchformular Offline
xml offline darstellen
Offline Shopsystem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.