nicht angemeldet
was ist falsch
0 
MudGuard
0
was ist falsch
Der Martinhallo ich habe lange rumprobiert und versucht ein hintergrundbild einzufügen nach einiger zeit hab ich es zwar geschafft aber jetzt ist der text nicht auf dem hintergrund bild
öffnet den code mal mit eurem browser ich hoffe ihr wisst was ich meine (ich hab die grafiken etc. entfernt)
und bei der gelegenheit könnt ihr ihn auch bitte gleich auf fehler untersuchen^^
hier ist der code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title> </title>
<style type="text/css">
<!--
body {
color: black; background-color: white
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
min-width: 41em;
}
div.Hintergrund {
background-image: url( );
width: 436px;
height: 819px;
float: left;
}
div.Hintergrund2 {
background-image: url( );
height: 819px;
}
div.Hintergrund3 {
background-image: url( );
background-attachment: behind;
width: 409px;
height: 819px;
float: right;
}
}
h1 {
font-size: 1.5em;
margin: 0 0 0.0em; padding: 60px;
text-align: center;
background-color: #0099FF;
border: 0px ridge silver;
}
* html div#Rahmen { /* Korrektur fuer IE 5.x */
width: 48.7em;
w\idth: 47.1em;
}
div#Rahmen div {
clear: left;
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left; /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: 0.0em; padding: 0;
}
* html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.4em;
}
*:first-child+html ul#Navigation li { /* Korrektur fuer den IE 7 */
margin-bottom: -0.1em;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 0.6em; left: -0.4em;
display: none; /* Unternavigation ausblenden */
}
* html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}
*:first-child+html ul#Navigation ul { /* Workaround fuer den IE 7 */
background-color:silver; padding-bottom:0.4em;
}
ul#Navigation li:hover ul {
display: block; /* Unternavigation in modernen Browsern einblenden */
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0.2em;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: maroon; background-color: #ccc;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 8.6em; /* Breite nach altem MS-Boxmodell fuer IE 5.x */
w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
li a#aktuell { /* aktuelle Rubrik kennzeichnen */
color: maroon; background-color: silver;
}
ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
background-color: maroon;
}
div#Info {
font-size: 0.9em;
float: right; width: 12em;
margin: -1.35em 0 1.1em; padding: 0;
}
div#Info2 {
font-size: 0.9em;
float: left; width: 12em;
margin: -1.35em 0 1.1em; padding: 0;
}
div#Info h2 {
font-size: 1.33em;
margin: 0.5em 0.5em;
}
div#Info p {
font-size: 1em;
margin: 0.5em;
}
div#Inhalt {
margin: -1.2em 10.9em 0em 10.9em;
padding: 0 1em;
border: 1px dashed silver;
}
* html div#Inhalt {
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0.2em 0;
}
div#Inhalt p {
font-size: 1em;
margin: 1em 0;
}
p#Fusszeile {
min-width: 41em;
clear: both;
font-size: 0.9em;
margin: 0; padding: 0.1em;
text-align: center;
}
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}
function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}
function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "silver";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}
window.onload=hoverIE;
}
</script>
</style>
</head>
<body>
<h1> </h1>
<div id="Rahmen"><ul id="Navigation">
<li><a href="#Beispiel"> e</a></li>
<li><a href="#Beispiel"> </a>
<ul>
<li><a href="#Beispiel"> </a></li>
<li><a href="#Beispiel"> </a></li>
</ul>
</li>
<li><a href="#Beispiel"> </a></li>
<li><a id="aktuell" href="#Beispiel"> </a>
<ul>
<li><a href="#Beispiel"> </a></li>
<li><span>Fun</span></li>
<li><a href="#Beispiel"> </a></li>
</ul>
</li>
<li><a href="#Beispiel"> </a></li>
</ul><div></div></div>
<br>
<div id="Info">
<h2> Info-Box</h2>
<p> beispiel</p>
</div>
<div id="Info2">
<h2> Info-Box</h2>
<p> beispiel</p>
</div>
<div class="Hintergrund"></div>
<div class="Hintergrund3"></div>
<div class="Hintergrund2"></div>
<div id="Inhalt">
<h2>3-spaltiges Layout mit Kopf- und Fußzeile</h2>
<p>Dieses Beispiel ist um eine Kopf- und Fußzeile erweitert.</p>
<p>Die Kopfzeile ist als Seitenüberschrift mit <h1> ausgezeichnet
und kann genauso gut wie ein <div> über CSS formatiert
- hier mit einem Rahmen und einer Hintergrundfarbe versehen - werden.
Auch eine Grafik könnte in <h1> als Hintergrundbild definiert
oder über <img> eingebunden werden.</p>
<p>Betrachten Sie dieses Beispiel nicht als fertige Layout-Vorlage.
Nutzen Sie das HTML-Grundgerüst für die Inhalte Ihrer Seite
und passen Sie das CSS nach Belieben Ihren Vorstellungen an:
experimentieren Sie mit den Größenangaben, Farben und Rändern
und fügen Sie z.B. individuelle grafische Elemente ein.</p>
</div>
<p id="Fusszeile">©2008 </p>
<p><a style="color:black" href="# "> </a></p>
</body>
</html>
-
Hi,
background-image: url( );
Da fehlt was.
background-image: url( );
da auch.
background-image: url( );
da auch.
background-attachment: behind;
Phantasiewert ...
<h1> </h1>
<div id="Rahmen"><ul id="Navigation">
</ul><div></div></div>Schachtelung unsinnig.
aber jetzt ist der text nicht auf dem hintergrund bild
Es gibt kein Hintergrundbild, also ist es kein Wunder, daß der Text nicht auf selbigem ist.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
http://worldofgfx.wo.funpic.de/hilfe.html
ok hier hab ich es hochgeladen mit grafiken etc.
ich hoffe ihr wisst wie es aussehen soll ich weiß
einfach nicht was ich falsch gemacht hab-
Kann mir keiner helfen?:(
-
hi $name,
Kann mir keiner helfen?:(
es hängt wohl eher am wollen...........
ChrisB und MudGuard haben dir doch schon hinweise gegeben, setze diese um und dann sehen wir weiter.......
gruss
shadow--
The computer made me do it; HONEST!-
Hab ich doch. O.o
-
Hallo,
Hab ich doch. O.o
nein, deine Seite ist immer noch invalid. Vor allem die unzulässige Schachtelung von <style> und <script> bewirkt, dass mein IE5.5 eine völlig leere Seite anzeigt. Opera übrigens auch. Okay, damit sind natürlich auch die Probleme mit Hintergrundbildern weg ...
Firefox ist dagegen der einzige meiner Browser, der gnädig über diesen Fehler hinwegsieht, und zeigt ein wüstes Durcheinander verschiedener blau-weißer Boxen und willkürlich verteilten Textfetzen sowie den Hinweis, dass zur Darstellung der Seite noch ein Plugin erforderlich sei, verrät aber nicht, was für eins. Ich vermute Flash, kann aber im Quellcode keinen Hinweis finden, der irgendein Plugin erklären würde.So long,
Martin--
Wer morgens zerknittert aufsteht, hat den ganzen Tag Gelegenheit, sich zu entfalten.
-
-
-
-
-
-
Hi,
hallo ich habe lange rumprobiert und versucht ein hintergrundbild einzufügen nach einiger zeit hab ich es zwar geschafft aber jetzt ist der text nicht auf dem hintergrund bild
öffnet den code mal mit eurem browser ich hoffe ihr wisst was ich meine (ich hab die grafiken etc. entfernt)Wie sollen wir ein Problem beurteilen koennen, wenn du etwas fuer dieses Problem ganz wesentliches entfernst?
Stelle ein Online-Beispiel bereit - dann bekommt vielleicht auch jemand Lust, sich das mal anzuschauen.
und bei der gelegenheit könnt ihr ihn auch bitte gleich auf fehler untersuchen^^
Den ersten Schritt, Validierung von HTML und CSS, kannst du doch wohl selber vornehmen.
MfG ChrisB