Beiträge von elektroauto.guide

    Hallo,
    ich habe auf meiner Website die ich gerade anfertige ein Problem, die Startseite soll nur aus Bildern bestehen die aneinander gereiht sind.
    Immer drei in einer reihe, dass habe ich mit "float left" gemacht, da es mir um einiges einfacher vorkam als mit "position absolute".


    Jetzt soll allerdings ein Bild, dass die Überschrift trägt, über insgesamt 6 Bilder gelegt werden. Das geht ja dann nur mit "position absolute" habe ich mir gedacht und habe ein div drumherum gesetzt.
    Das ich "position relative" gesetzt habe der Titel ist "position absolute" und hat % zahlen als right und top angaben.


    Mein Problem bei Veränderung der Bildschirm Größe verändert sich auch die Position des Titels!
    Habt ihr eine Lösung? ;)
    Da es sehr Viele Bilder sind würde ich gerne darauf verzichten alle Bilder "position absolute" zu setzen.


    HTML
    <div class="header">
    <img class="imagesTitle" src="images/title/#.png" />
    <img class="imagesTitle" src="images/title/#.png" />
    <img class="imagesTitle" src="images/title/#.png" />
    <img class="imagesTitle" src="images/title/#.png" />
    <img class="imagesTitle" src="images/title/#.png" />
    <img class="imagesTitle" src="images/title/#.png" />
    <img id="titleText" src="images/title/#.png" />
    </div>


    CSS
    #header {
    position: relative; }


    .imagesTitle {
    width: 33.33333%;
    height: auto;
    float: left; }


    #titleText {
    position: absolute;
    width: 50%;
    height: auto;
    top: 24%;
    right: 16%; }


    Ich bedank mich jetzt schon mal für Eure Hilfe!