css problem bei startseite

  • hi, ich habe einen startbildschirm auf den man gelangt bevor man zu meiner wp seite gelinkt wird. allerdings bin ich alles andere als ein css guru und habe noch leichte probleme die beiden grafiken richtig (also links und rechts vom glas) zu positionieren.

    hier mein code. vielleicht kann ja jemand helfen der der css sprache mächtig ist :) :oops: http://www.weinkellerei-woeber.at/intro.html


    CODE:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <html><head><title>WEINGUT &amp; WEINKELLEREI WOEBER</title>
    <style type="text/css">
    body {
    margin: 0;
    padding: 0;
    background-attachment: fixed;
    background-image: url(startscreen.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
    }


    function showPicBig( bigpic ) {
    document.getElementById("weingut").style.backgroundImage = bigpic;
    }


    div { border:0px; }


    #weingut {
    position:fixed;
    right: 100px;
    position: center center;
    background-image:url(weingut_off.jpg);

    }

    #weinguthover {
    position:fixed;
    right: 100px;
    position: center center;
    background-image:url(weingut_on.jpg);
    }




    #weinkellerei {
    position:fixed;
    right: 100px;
    position: center center;
    background-image:url(weinkellerei_off.jpg);

    }

    #weinkellereihover {
    position:fixed;
    right: 100px;
    position: center center;
    background-image:url(weinkellerei_on.jpg);

    }


    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head><body>


    <div id="weingut"><a href="#" onmouseover="showPicBig('grafikgross.png');"><img src="grafikklein.png" alt=""></a></div>


    <div id="weinkellerei"><a href="#" onmouseover="showPicBig('grafikgross.png');"><img src="grafikklein.png" alt=""></a></div>


    </body></html>

    Einmal editiert, zuletzt von alexandervienna (23. September 2013 um 21:49)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hi,

    vielleicht mal so probieren:

    Code
    #weinkellerei {
    position: absolute;
    top: 50%;
    left: 56%;  
        }

    Dann noch Rest von Weinglas bei Schrift entfernen.
    Beim anderen genauso nur Left auf 0 setzen.

    MfG

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!