An alle die Android und Html können ( ausrichtung von Bildern auf einer Website )

  • Antworten:6
Philipp Hörig
  • Forum-Beiträge: 106

04.02.2015, 11:18:20 via Website

Hallo liebe Community, ich stehe mal wieder vor einem Problem. Diesmal ist es nicht nur ein Android Code Problem, sondern auch eins mit Html. Wenn einige in meine Letzten Threads geguckt haben oder sie sogar beantwortet haben, werden sie schon Wissen worum es geht. Für die, die das nicht Wissen hier noch mal eine kleine Erklärung...
Also ich bin gerade am Entwickeln einer App die auf einer Website basiert ist. Heißt die App ist meine Hülle für meine Website. Ich habe nun folgendes Problem...

image

So das ist mein Problem der Copyright Text ist Zentriert aber der Login Button nicht wieso ?

Html Code 1:

<div style="position: relative">
        <p style="position: fixed; bottom: 0; width:100%; text-align: center"> &copy;.2015 bei Philipp H&ouml;rig
        </p>
    </div>   

Html Code 2:

<div style="position: relative">
            <center><p style="position: fixed; bottom: 0; width:100%; "> <img src="login.png" /></p></center>
            </p>
    </div> 

Ps: Der 2. Code ist über den ersten:

<div style="position: relative">
            <center><p style="position: fixed; bottom: 0; width:100%; "> <img src="login.png" /></p></center>
            </p>
    </div> 
   <br>
   <br>
   <div style="position: relative">
            <p style="position: fixed; bottom: 0; width:100%; text-align: center"> &copy;.2015 bei Philipp H&ouml;rig
            </p>
        </div>   

Ps2: Ich möchte auch das der Login Button egal wie groß das Handy ist immer von einem Rand zum anderen geht und dabei die Schrift zentriert bleibt.

Lg Philipp :)

Danke im Voraus :)

Lg Philipp // Never touch a bugging system :)

Antworten
Lukas R.
  • Forum-Beiträge: 180

04.02.2015, 12:43:07 via Website

Wiso machst du nicht den Login als Android?
dann könntest du den Login Button auf "match_parent" setzen und er würde egal wie große der bildschirm ist immer von links nach rechts gehen und "login" zentrieren.
Bzw alles könntest du schönt zentrieren lassen.

Und nach dem Login einfach eine WebView deine Seite aufrufen lassen?
Ich weis ja nicht welche seite du da schreiben willst aber dass würde mir dazu mal einfallen?

MFG Lukas R.
Programmieren ist nicht nur eine Wissenschaft, sondern auch ein Lifestyle!

Antworten
Martin Marquardt
  • Forum-Beiträge: 1.759

04.02.2015, 12:51:20 via Website

ist schon alles sooo lange her mit HTML... aber da ist ein < / p > zu viel... liegt es daran?

LG MM ** If You Don't Dig The Blues, You Got A Hole In Yer Soul

Antworten
Lukas R.
  • Forum-Beiträge: 180

04.02.2015, 13:15:26 via Website

probier es mal aus
zurück ändern kannst du es ja wieder ?
ich kenne mich mit html zu wenig aus kann eben nur C# und Java

MFG Lukas R.
Programmieren ist nicht nur eine Wissenschaft, sondern auch ein Lifestyle!

Antworten
Philipp Hörig
  • Forum-Beiträge: 106

04.02.2015, 13:16:25 via Website

Ok, gute Idee ich probiere das mal.

Lg Philipp :)

Lg Philipp // Never touch a bugging system :)

Antworten
Lukas R.
  • Forum-Beiträge: 180

04.02.2015, 13:39:42 via Website

Wenn ich mir dass so ansehe kann es doch sein dass du nach dem "width:100%" nachher so wie beim text das "text:aling center" auch machen kannst halt nur für den button. weis grad nicht wie es genau heist. Aber ich würde versuchen es iwie zusätzlich wie beim Text anzugeben

<div style="position: relative">
            <center><p style="position: fixed; bottom: 0; width:100%; //Hier noch angeben dass es im center angezeigt werden soll"> <img src="login.png" /></p></center>
            </p>
    </div> 

MFG Lukas R.
Programmieren ist nicht nur eine Wissenschaft, sondern auch ein Lifestyle!

Antworten
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

04.02.2015, 14:49:49 via Website

Warum machst du diesen Style da rein?
: style="position: fixed; bottom: 0; width:100%; "

Den kann man auch weglassen und die gewünschte width falls nötig als html ins image Tag einfügen.

LG

LG Pascal //It's not a bug, it's a feature. :) ;)

Antworten