• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit html + css

C

confused17

Neues Mitglied
falls es nun zu einem doppelpost kommt, entschuldigt bitte

Hey!

Ich habe mich mal daran gewagt, eine website mit scriptly zu erstellen und bin derweil auch ein stückchen weit gekommen...

wollte letztens dann mal meine erste seite über einen free account hochladen (falls zulässig : funpic (sonst bitte entfernen)) und habe es mit filezilla versucht.


Nunja, in der Anzeige des Tools Scriptly sah die Seite ganz okay aus, nach dem Aufruf im Web jedoch ganz und garnicht mehr so wie es sein sollte. Ich würde es jedoch auf meine mangelnden Kenntnisse in HtML als auch css schieben.

Kann mir jemand helfen?

Ich habe einen spoiler gesucht, jedoch nicht gefunden um es kleiner zu halten.

HTML: 
<!DOCTYPE html><html>
<head>
    <title>Startseite - www.newspn2.com/</title>
    <meta charset="UTF-8" />    <meta name="description" content="Startseite">

    <link href="style.css" type="text/css" rel="stylesheet"></head>
<body>    <img src="pics/cave.jpg" class="bg">    <div id="page-wrap">    <img src="pics/banner.jpg" class="banner" alt=""/>    <div id="navi">        <ul>            <li> <a href="index.htm">Home</a></li>            <li> <a href="generell-help.htm">Generell Help</a></li>            <li> <a href="updates.htm">Updates</a></li>            <li> <a href="videos.htm">Videos</a> </li>        </ul>    </div>
    <div id="inhalt">        <h1>Pockie Ninja 2 Social!</h1>        <p>Hello and welcome to my webside for Pockie Ninja 2 Social</p>        <p>I will show you here the newest updates and some videos of crazy            guys and later on maybe some array helps</p>    </div>
    </div>    </div></body></html>


das css doc sieht wie folgt aus

body { background: url("pics/cave.jpg");
}


a {
color:green;
}
h1 {
color:red;
background-color: #000000;
}


#navi {
float:left;
width: 11em;
background-color:black;
}


#inhalt {
color:red;
margin-left: 14em;
}


img.banner {
display: block;
margin-left: auto;
margin-right: auto }
}


img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
Zum Vergrößern anklicken....


Ist aber eher zusammengewürfelt und ohne jegliche Logik aufgebaut, da es trotzdem in der Ansicht bisher funktioniert hat.
 
Zuletzt bearbeitet:
pn2social.funpic.de

aktuell ist das bild zwar im hintergrund, aber nicht so wie ich es gerne hätte= /

eigentlich sollte es 100% das bild ausfüllen ( ab einer bestimmten größe) und sich mit bewegen beim scrollen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben