PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : DIV Ebenen


Nils
26.05.2009, 23:34:04
Hallo liebe User ..
Nach 2 Stunden googlen und lesen hab ich beschlossen mich an euch zu wenden.

Im Bereich DIV bin ich absoluter Anfänger.
Ich hab folgendes Problem:

Auf meiner Seite: http://gronaurockzameland.de.vu/

möchte Ich Verschiedene "Bereiche" einteilen.
Denn immer wenn man im Menü zwischen News, Galerie etc. klickt lädt die ganze Seite neu.
Ich möchte lediglich das der Inhalt (mittiger Bereich) immer neu lädt.
Wie mach Ich das bloß ? =/

Ich hatte unten im Code schon ganz verzwifelt einen Versuch gestartet der natürlich nicht geklappt hat.

Bitte um Hilfe.

Lg & ein Danke im Voraus, Nils .

Code meiner Seite:

<link rel="SHORTCUT ICON" href="http://www.kgreene.com/uploads/1181488468_ic.ico" type="image/x-icon" />
<html>
<head>





<style> <!--

TEXTAREA { Color: #FFFFFF; Background-Color: transparent; Font-Family: lucida sans; Font-Size: 10pt; Border:2px; Border-Color: #FFFFFF; Border-Style: solid; width:189; height:190;}
INPUT { Color: #FFFFFF; Background-Color: transparent; Font-Family: lucida sans; Font-Size: 11px; Border:2px; Border-Color: #FFFFFF; Border-Style: solid; }

.navi { color: #FFFFFF; font-weight: bold;} //--> </style>

</head>



<div src=scrolling="no" style="overflow:auto; position: absolute; width:1; height:1; left:2; top:200">
{PLACE_POWEREDBY}</div>
<body background="">


<style type="text/css">

body, table , div {
font-family: lucida sans;
color: #ffffff;
font-size: 13px;
line-height: 15px;
text-align: absolute;
font-weight: normal; }


A:link, a:visited, a:active
{
font-family: lucida sans;
font-size; 14px ;
text-decoration: none;
color: #ffffff;
}

A:hover
{
font-family: lucida sans;
font-size; 14px ;
text-decoration: none;
color: #660099;
}

b{FONT-FAMILY: lucida sans; FONT-SIZE:10pt; COLOR:
#FFFFFF; letter-spacing: 0;}
i{FONT-FAMILY: lucida sans, FONT-SIZE: 12pt; COLOR: #FFFFFF;letter-spacing: 2;}
u{FONT-FAMILY: lucida sans; FONT-SIZE: 8pt; COLOR: #FFFFFF; letter-spacing: 1px; border-bottom: 2px dashed; border-color: #FFFFFF;}
s{FONT-FAMILY: lucida sans; FONT-SIZE:7pt; COLOR: #FFFFFF; letter-spacing: 1px;}

.post {
display: block;
font-size: 8pt;
color:#FFFFFF;
border-bottom: 3px solid #FFFFFF;
text-align: center;
font-weight: bold;
}

BODY {
background: url(http://i130.photobucket.com/albums/p254/nils_09/music.jpg) repeat #00000; }
</style></body>

<div style="width:1000px; height: 1200px; position: absolute; left: 0px; top: 0px;"><img src="http://i130.photobucket.com/albums/p254/nils_09/music.jpg"> </div>


<div align="center" style="width: 740 px; height: 140px; position: absolute; left: 130px; top: 600px">

<div style="width:740px; text-align: center;"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w130.photobucket.com/pbwidget.swf?pbwurl=http://w130.photobucket.com/albums/p254/nils_09/thumbs/a6a378d2.pbw" height="120" width="740"></a></div></div>


<div align="center" style="width: 740 px; height: 70px; position: absolute; left: 220px; top: 575px">

<a href="http://amelandpage.myblog.de">NEWS</a>

<a href="http://amelandpage.myblog.de/amelandpage/page/1565012">BETREUER</a>

<a href="http://amelandpage.myblog.de/amelandpage/page/1565468">GALERIE</a>


<a href="http://amelandpage.myblog.de/amelandpage/gb">GAESTEBUCH</a>

<a href="http://amelandpage.myblog.de/amelandpage/page/1565240">WEBCAM</a>

<a href="http://amelandpage.myblog.de/amelandpage/page/1565924">GOODIES</a>

<a href="http://amelandpage.myblog.de/amelandpage/page/1566152">WIKI</a>

<a href="http://amelandpage.myblog.de/amelandpage/page/1566380">SITE</a>

<a href="http://amelandpage.myblog.de">HOME</a>

<a href="http://amelandpage.myblog.de/amelandpage/page/1565696">IMPRESSUM</a>

</div>


<div style="width:734px; height: 499px; position: absolute; left: 133px; top: 742px; overflow: auto; z-index: 1">
<center>{PLACE_CONTENT}</center><br><br>
</div>
<style><!--.inhaltetable {width: 100%}//--></style>






<div align="center" style="width: 143px; height: 80px; position: absolute; left: 145px; top:1375px">


<SCRIPT LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c105298&offset=5&style=x&text=Webmaster: Nils Haupt BRUser: ONLINE online BRHits: HITS BRVersion: 3.0 BROnline Since: October 2007 BR"></SCRIPT>

</div>




<div align="center" style="width: 200px; height: 120px; position: absolute; left: 120px; top:330px">
<SPAN id=c1 style="FONT: bold 20px arial; COLOR: 660099;"></SPAN><br>
<SPAN id=c2 style="FONT: bold 15px arial; COLOR: white;">;</SPAN><br>
<SPAN id=c3 style="FONT: bold 12px arial; COLOR: 660099;">
</SPAN><br>
<small>...bis zum 20 Juli 2009 / 00:00 Uhr</small>
</div>

<script type='text/javascript'>
// Erstellt mit dem Countdown-Generator - Homepage-Total.de
var end = new Date('July 20, 2009 00:00:00');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' TAGE';
document.getElementById('c2').innerHTML = hours + ' STUNDEN '
document.getElementById('c3').innerHTML = minutes + ' MINUTEN '
setTimeout('countdown()', 100);
}
}
countdown();
</script>

<div align="center" style="width: 120px; height: 300px; position: absolute; left: 875px; top:735px">

<!-- BEGIN Shoutbox.de CODE -->
<iframe src="http://213800.shoutbox.de/" width="120" height="453" frameborder="1" allowTransparency="true"></iframe>
<!-- END Shoutbox.de CODE-->

</div>

</div>

</html>

<html>

<head>
<title>youtube</title>

</head>
<body>

<div id='header'="center" style="width: 445px; height: 285px; position: absolute; left: 283px; top:22px">

<object width="445" height="285"><param name="movie" value="http://www.youtube.com/v/uTDafjfxu5c&hl=de&fs=1&rel=0&color1=0x402061&color2=0x9461ca&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uTDafjfxu5c&hl=de&fs=1&rel=0&color1=0x402061&color2=0x9461ca&border=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="285"></embed></object>

</div> </div>

</body>
</html>

cortex
27.05.2009, 17:05:49
solltest du tatsächlich wert darauf legen, dass dir jemand antwortet / hilft, lege ich dir die lektüre unserer forenregeln (http://www.selfphp.de/forum/forumdisplay.php?f=12) nahe.

cx

Nils
27.05.2009, 22:41:33
Mh, also mein Problem genau erklärt hab Ich.
Und den Quelltext kürzen scheint mir unlogisch wil Ich ja gar nicht weiß, wo und wie Ich etwas ändere.
Sri, aber Ich hab da nicht so die Ahnung von wie man in ein Forum richtig postet.

Hat jemand vllt. eine allgemeine Erklärung zum Erstellen von DIV Ebenen.

Naja sonst muss ich wohl leider weiter suchen.

Gruß Nils.

cortex
28.05.2009, 09:45:50
punkt A8:

Benutze Foren-eigenen [php]-Tags, um Codes lesbar (formatiert) hervor zu heben

zu deinem problem: das stichwort lautet AJAX.

darüber hinaus: weisst du eigentlich, was du tust?

- warum wird das favicon vor <html> notiert ?
- was soll das hier: <src=scrolling="no" ?
- warum gibts mehrere <body> ?

nimms mir bitte nicht übel; wenn ich deinen quelltext sehe, wird mir schlecht. bevor du in richtung ajax, php oder sonst irgendwas weitergehst, solltest du selfhtml (http://de.selfhtml.org/) durcharbeiten, und zwar gründlich.

cx