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

Entweder Hintergrund Bild oder Schrift zu sehen!

G

Ghostleader

Neues Mitglied
Hallo zusammen,

gleich vorweg ist zu sagen, das ich erst gestern mit html und css angefangen habe und daher keine Fachbegriffe verstehe!

Ich wollte mir vorerst eine simple Seite erstellen, bei der ich etwas an News schreiben und einen Download anbieten kann bis ich eine ordentliche Page hinbekommen habe!

Ich habe hierführ auch schon mein html und css code soweit fast fertig, nur funktionieren ein paar Kleinigkeiten nicht!
Ich möchte gerne ein Bild als Hintergrund haben, was ich auch hinbekomme, aber wenn ich das Bild anhabe sehe ich kein Text und alles nur wegen einer bestimmten Zeile: <table border=0 width=100% height=100%> ist dies eingefügt, ist der Text zwar da aber das Bild nicht. Entferne ich diese Zeile aus dem Code, so ist zwar das das Bild da aber kein Text und keine Navbar zu sehen!

Hier erstmal beide Codes.

index.html
HTML: 
<html>
<head>
<title>DOWNLOADPAGE TEAM ALMANACH </title>
<link rel="stylesheet" href="mystyle.css">
</head>
<table border=0 width=100% height=100%>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div id="bg" ><img src="Background.jpg" height="100%" width="100%" /></div>
<div id="distanz"></div>

<h1 align="center">Herzlich Willkommen auf der vorläufigen<br>Downloadpage von Team Almanach</h1>

<p align ="center">test
<br>
<br>
<br>
<p align ="center">test2

<p align ="center">test3
<!-- Seiten Navigations Menu -->
<ul class="navbar">
  <li><a href="index.html">Startseite</a>
</ul>

<!-- Inhaltsbereich -->
</body>
</html>

mystyle.css
HTML: 
html {height:100%;}/* volle Breite */
body {height:100%; margin:0; padding:0; text-align: center; font:100.01%;} /* Volle Anzeigenbreite und der Container wird in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
#bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; }  /*Breite und höhe 100% damit der Hintergrund vollflächig skaliert wird*/
#distanz {
        width:1px;
        height:50%;
        background-color:#fc6;
        margin-bottom:-8em; /* halbe höhe inhalt  */
        float:left;
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
ul.navbar {
list-style-type: none;
    padding: 0;
    margin: 0;
    position: right;
    top: 2em;
    left: 1em;
    width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: blue }
  a:visited {
    color: purple }

Ein weiteres Problem ist, das ich gerne diese Nav bar in der Mitte unter dem Text hätte mit etwas Abstand zu diesem, aber ich das irgendwie nicht hin bekomme! Dies soll mal der download Button für die rar Datei werden quasi!

So nun hoffe ich das ihr einem kleinem Anfänger wie mir helfen könnt und seid bitte nicht so Streng!

Mfg Ghostleader
 
Ghostleader schrieb:
Hallo zusammen,

gleich vorweg ist zu sagen, das ich erst gestern mit html und css angefangen habe und daher keine Fachbegriffe verstehe!
Zum Vergrößern anklicken....

Dann lass dir ein paar Tipps auf den Weg geben.

- Besorge dir ein aktuelles Lehrbuch oder Videotutorial zum Einstieg. Deinem Code nach zu urteilen, greifst du auf völlig veraltete Quellen zurück. Selfhtml eignet sich heute lediglich noch als Referenz zum gelegentlichen Nachschlagen.

- Setze dir die Ziele am Anfang nicht zu hoch. Selbst wenn du dich ab heute ganztags mit der Materie beschäftigst und optimales Lehrmaterial zur Hand hättest, würde es mindestens vier Wochen dauern, bis du eine einfache statische Webseite zustande bekommst, die visuell ansprechend ist und in allen Browsern genauso aussieht.
 
Hallo,

danke erstmal für die Antwort. So wie ich das sehe, kann man da aber nicht angeben das das Bild direkt die Größe der Auflösung des Users hat und ich befürchte das das bild dann auf der Seite wieder mehrfach dargestellt wird! So hatte ich es schon, soll es aber net sein sondern als ein gesammt Bild als Hintergrund.

Auch weiss ich net so recht, ob das nun in meine css oder in die html rein kommt und was dazu bei mir raus muss. Vielleicht hat ja noch jemand eine direktere/einfachere Hilfe für mich, wäre wirklich nett!

@Tronjer
Das Problem ist, das ich die Zeit mommentan nicht habe, da die Seite schnell hoch muss und soll ja auch nicht viel können. Ein Hintergrund bild haben, etwas Text muss rein und nen Downloadbutton mehr nicht.
Für den Rest kann ich mir dann zeit nehmen, nur das muss eben schnell gehen.

Mfg Ghostleader
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben