CSS Problem....!!!
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absolute margin
background
body
button
container
datei
durchaus
eindruck
hintergrund
laufband
layout
margin
ordner
pfad
pfadangabe
pixeln
punkten
quelltext
rahmen
verzeichnis
-
Hi,
ich denke mal, nun liegt es wirklich an den Pfaden, da du ja wieder von den ablsoluten (URL's) abgekommen bist. Grunds?tzlich gehst du schon mit / auf das Wurzelverzeichnis zur?ck, ich bin mir allerdings nicht sicher, wo das bei LIMA ist und testen kann ich es nicht, da pyrokar sich gerade ein Aus-Zeit nimmt ;).
Mach es doch einfach so wie bei der CSS Datei. Der Aufruf erfolgt im Ordner "Version2". Darin liegt eine Datei "Gfx" und darin die Bilder. Also ist der Pfad ohne Schr?ger und P?nktchen einfach 'Gfx/Bild.gif'.
Wie gesagt, ich kann es leider nicht testen, lokal geht es aber bei mir. Ich habe den Eindruck, du hast keine Lust mehr zum experimentieren und wir sollen hier f?r dich arbeiten ;).
Gru?
Manni -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich habe mir das auch mal angesehen und es entsprechend korrigiert. Vielleicht hast du ja mittlerweile eine L?sung lokal gefunden, ansonsten hilft dir das vielleicht.
( Sorry ?brigens, dass das Posting so lang ist )
layout.htm:
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="./css/layout.css">
</head>
<body>
<div id="rahmen">
<div id="pads">
<div id="marquee">
<marquee direction="Left" scrollAmount="6" height="30" width="680">
..:: Willkommen auf meiner Homepage ::..
</marquee>
</div><!-- Ende marquee-->
<div id="main">
Lorem ipsum...
</div>
<div id="home">
<span onMouseOver="imagechange1.src='./gfx/HomeIn.gif'" onMouseOut="imagechange1.src='./gfx/HomeOut.gif'">
<a href="">
<img src="./gfx/HomeNormal.jpg" id="imagechange1">
</a>
</span>
</div><!-- Ende Home -->
<div id="aboutme">
<span onMouseOver="imagechange2.src='./gfx/AboutMeIn.gif'" onMouseOut="imagechange2.src='./Gfx/AboutMeOut.gif'">
<a href="#">
<img src="./gfx/AboutMeNormal.jpg" id="imagechange2">
</a>
</span>
</div><!-- Ende aboutme -->
</div><!-- Ende Pads -->
</div><!-- Ende Rahmen -->
</body>
</html>
layout.css:
body
{
font-family:Arial;
font-size:12px;
color:#fff;
margin:0;
padding:0;
}
img
{
border-width:0;
}
#rahmen
{
background-image:url(./../gfx/rahmen.gif);
background-repeat: no-repeat;
width:1024px;
height:768px;
}
#pads
{
background-image:url(./../gfx/pads.gif);
background-repeat: no-repeat;
width: 1024px;
height: 768px;
}
#marquee
{
position: absolute;
margin-top: 52px;
margin-left: 160px;
/*NEW*/font-size:16px; // Als Ersatz f?r ein HTML-Tag das ich entfernt habe
}
#main
{
position: absolute;
margin-top: 150px;
margin-left: 300px;
/*NEW*/margin-right:350px; // Textbereich rechts begrenzen
}
Ich habe mir erlaubt den <iframe> zu entfernen, da Frames mittlerweile nicht mehr verwendet werden sollten. ( Gute Gr?nde daf?r findest du unter anderem unter: http://www.subotnik.net/html/frames.html )
Au?erdem ist die Verwendung von <marquee> ebenfalls nicht sehr elegant, da man den bewegenden Text nur noch nervend findet sollte man sich mal l?nger auf der Seite aufhalten.
Nat?rlich bleibt das alles weiterhin dir ?berlassen, ich habe nur Vorschl?ge gemacht. :)
Grok
Beitrag ge?ndert am 25.08.2006 20:09 von grok -
Hi,
Korrektur (zu meinen letzten Post):
Die Pfade sind schon ok, aber du hast ja alles verschachtelt. Oh Mann, ich hatte es doch genau aufgeschrieben. Der gesamte Bereich mit dem Hintergrund stellt die Grundlage dar. Dar?ber legst du dein Laufband und die Buttons. Deshalb positionierst du die Elemente innerhalb des Containers f?r den Hintergrund. Was du gemacht hast, ist die Buttons ?ber die Laufschrift gelegt. Da du die Positionen ablsolut und nicht deckend definiert hast, werden die Buttons nicht angezeigt. (Also das Laufband ist oben der Button soll ?ber dem Laufband liegen, aber gleichzeitig weiter unten als das Laufband = keine Anzeige).
Sorry, aber ich hatte mir bei lezten Post nicht mehr den gesamten Quelltext angesehen.
Grok hat das ja ausf?hrlich dargestellt :).
Gru?
Manni -
Ich habe den Eindruck, du hast keine Lust mehr zum experimentieren und wir sollen hier f?r dich arbeiten ;).
Hey .......... nein so ist es absolut nicht ..
Ich habe gestern ... (bevor ich das Thema hier gepostet habe) ca 3 Stunden an dem Problem gesessen und auf Grund meine noch nicht so fortgeschrittenen CSS-Kenntnisse habe ich trotz dem vielen Probieren keine Ver?nderung hinbekommen ...
Nun hab ich halt leider nicht so viel Zeit ?brig mich nochmals weiter 3 Stunden dadran zu setzten und blind weiter zu probieren ... um dann letztendlich wahrscheinlich doch wieder bei 0 rauszukommen ..^^
Sorry wenn das so wirkt dass ich euch hier einfach schuften lasse und selbst nichts mache aber ich wei? da echt absolut net weiter ?!
__________
Zum Problem:
Ich hab das jetzt mal einfach so alles ?bernommen ... wie grok das geschrieben hatte und das klappt jetzt auch alles ganz gut :)
Manche Reihenfolgen sind noch nicht so wie ich sie will aber ich denke jetzt werd ichs auch alleine schaffen ... ^^
Wenn ich nochmal ne Frage hab dann frag ich euch einfach wieder ..^^ ;)
Vielen Dank auf jeden Fall dass ihr euch sone M?he gemacht habt .. :)
lieben Gru -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage