Beiträge von Edgar

Schau dir mal das an, habe ich mal schnell geschrieben:
http://jsfiddle.net/Cireyses/W8JK7/

Klar, pass deinen Code an..
Entferne entweder die img und mach das
über ein Div oder
behalte die img und mach es wie oben, ist letzten Endes gleich.

Edit:

.server {
background-image: url(../images/server.png);
position: relative;
z-index: 100;
margin-top: -170px;
margin-left: 415px;
padding: 10px 0px 10px 0px;
float: left;
width: 33%;
}

.server:hover {
background-image: url(../images/server_hover.png);
position: relative;
z-index: 100;
margin-top: -170px;
margin-left: 415px;
padding: 10px 0px 10px 0px;
float: left;
width: 33%;
}

Zitat von Diverse

Sonst geht es leider nicht, weil <img> und Background-image zwei absolut verschiedene Sachen sind...

Was redest du denn bitte?
Auf einen IMG Tag kannst du genau so gut background-image benutzen.

Einen Hover Effekt bekommst du also so hin:
<style type="text/css">

.deineklasse {
background: url(url);

}

.deineklasse:hover {
background: url(neue url);

}
</style>
<img class="deineklasse"/>

Dann noch transition etc und es sieht gut aus.

Höhe vom Bildschirm - deinem Header = min-height von main_content.

Ja, dann entweder so lassen oder mit javascript klären.

Wie gesagt:
position: absolute;
und dann bottom: 0;

aber wie du auf dem Screen sehen kannst wird das problematisch.

Die Javascript variante ist eine die du nutzen kannst.

Erstell eine for schleife die alle Spieler durchgeht, frage da ab ob er in diesem Fahrzeug sitzt und dann:
GetPlayerVehicleSeat in einem Array speichert du dann ab ob der Sitz mit dem Index besetzt ist.

Ich weiß nicht ob es da eine bessere Möglichkeit gibt, wenn ja, würde ich auch gerne wissen.

Edit:
http://pastebin.com/gHuLWkQy

Damit kannst du die Sitze überprüfen.
Mit dieser Liste http://pastebin.com/wTFV2HQ7 kannst
du dann noch die Anzahl der Sitze abfragen.

Schaust du über dein Fernseher?

Am Anfang hatte ich die Infobox nur in der höhe in der Mitte und horizontal war es links ...

Aber wenn es dir so passt.

Mit position: absolute; könntest du den Footer ganz unten haben, Problem:
Leute die einen normalen Bildschirm haben sehen es so:
https://s3.amazonaws.com/fvd-d…222121-chdDc0/screen.jpeg

Erstell eine Javascript Funktion die ausrechnet wie groß der Bildschirm ist und die main_content dann auf min-height den Wert setzt.

Jetzt ist es im vertikalen nicht in der Mitte

Was genau möchtest du denn mit dem Footer?

Erstell mal ein Screen von der Website so wie ich, nicht nur den Teil mit der Info.

http://pastebin.com/wdi5NxuX
Ist 1H verfügbar.

Funktioniert problemlos :I

Schon die Cache gelöscht?

Welchen Browser benutzt du?

PHP/Ajax Text als Button verwenden?

HIer habe ich sowas schon erklärt.

Also bei mir funktioniert es:

Normal: https://s3.amazonaws.com/fvd-d…219863-hEtNhs/screen.jpeg
Zoom (in): https://s3.amazonaws.com/fvd-d…219880-PUU7DW/screen.jpeg
Zoom (out): https://s3.amazonaws.com/fvd-d…219877-xSkLA6/screen.jpeg

Edit:
Ja, lad mal die Seite neu hoch.

Jetzt verstehe ich, sag doch, dass die Daten ohne reload der Seite übertragen werden sollen.
Das klappt mit PHP an sich nicht, dazu benötigst du Javascript/Jquery/Ajax.

Okay, ändere den Style von infoWrapper zu

padding: 30px 0px;
margin: auto;
display: table;

Dann bleibt es in der Mitte.

Hmm, ich sehe direkt nichts, liegt's an mir?

Könntest du eine Liveansich einrichten?

Okay, zeig uns mal deine modals.

Dennoch solltest du den Code oben so übernehmen, echo 'TEXT' ist richtig und echo'Text' nicht.
Ebenso bringt ein Break in deiner If Abfrage nichts.

Es gibt mehrere Möglichkeiten, ich empfehle dir erstmal solche Informationsboxen zu gruppieren.

Schau dir mal das an:
http://jsfiddle.net/Cireyses/y6NwM/
Die Klasse infoWrapper bestimmt den Abstand von Oben, Rechts, Unten und Links, dass musst du dann anpassen.
In der Klasse infobox ist das Bild vorhanden sowie der text über <p></p>

Edit:

Du solltest auch dein Template deiner Seite bearbeiten,
du solltest dein main_content auch benutzen, damit alles immer in der Mitte bleibt und sich nicht links und rechts verschieben.
Ich habe das mal eingefügt, schau:
Erstmal unter #main_content > min-height: 780px; entfernen.
Dann folgendes hinzufügen/ändern

<style type="text/css">
.infobox {
    padding: 15px 10px 15px 40px;
    background: url(http://www.ucp.nico-wiss.de/img/info.png);
    background-repeat: no-repeat;
    background-position: 15px 50%;
}


.infobox p {
    color: #fff;
    font-size: 16px;
    padding-left: 10px;
    font-weight: bold;
    font-family: arial;
    padding-left: 25px;
}


.infoWrapper {
    padding: 30px 125px; 
    padding-left: 0; 
}
</style>


<div id="mng_li">
    <div id="main_content">
        <div class="infoWrapper">
            <div class="infobox">
                <p>Dein Account wurde noch nicht aktiviert! Hier kannst du deinen Account aktivieren!</p>
            </div>
        </div>
	</div>
</div>

Das sieht dann so aus, einmal normal und raus/rangezoom:

Normal: https://s3.amazonaws.com/fvd-d…219036-KavfLC/screen.jpeg
Gezoomt: https://s3.amazonaws.com/fvd-d…219035-igHody/screen.jpeg

if($_Result > 0)
                    {

                        echo'Eingeloggt!';
                        break;
                    }
                    else
                    {
                        echo'Der Benutzername oder das Passwort ist falsch!';
                        break;
                    }

zu

if($_Result > 0) echo 'Eingeloggt!';
else echo 'Der Benutzername oder das Passwort ist falsch!';