G-Book in Homepage einbinden

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Antworten
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

G-Book in Homepage einbinden

Beitrag von ThuGy »

Hallo, will für die C-Turko Page ( www.dj-c-turko.ch.vu ) dieses G-Book ( http://97454.netguestbook.com/ ) einbauen. Nun, es sollen immer 7 Beiträge angezeigt werden, ohne das im Content ein Scrollbalken kommt. Habe dies versucht, nach selfhtml ( http://de.selfhtml.org/css/eigenschafte ... m#overflow | http://de.selfhtml.org/css/eigenschafte ... erflow.htm ):

Code: Alles auswählen

<div style="overflow:visible; border:0px solid #840;">
<iframe frameborder="0" vspace="0" hspace="0" align="left" name="I1" src="http://97454.netguestbook.com" height="100%" width="100%" target="_self"></iframe></div>
jedoch ist ein fehler drin glaub ich, jedoch kann ich den nicht finden. hier seht ihr wie das g-book momentan angezeigt wird:
http://web88.lambda.ibone.ch/djcturko/g-book.html

Hier der quelltext:

Code: Alles auswählen

<!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">
<link rel="stylesheet" type="text/css" href="style.css" >
<TITLE>DJ C-Turko</TITLE>

<script type='text/javascript'>
<!--
function change_pic(s)
{	if(s.match(/a\.jpg/i))	s = s.replace(/(a\.jpg)/i, ".jpg");
	else s = s.replace(/(\.jpg)/i, "a.jpg");
	return(s);
}
//-->
</script>
</head>
<body>
<style type="text/css"> html {
scrollbar-arrow-color: #1E754A;
scrollbar-base-color: #000000;
scrollbar-track-color: #1E754A;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
 }
  </style>
<style type='text/css'>
<!--
body
{	background-image:url('Bilder/bg004.gif');
}
-->
</style>
<div class='web_box'>

	<div class='linke_seite'>
	<div class='menu_box'>
		<a class='my_pos' style='top:11px; left:175px; z-index:2' href="bilder.html" ><img alt='bilder' width='63' height='21' src="Bilder/homepage_07.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
		<a class='my_pos' style='top:27px; left:20px;'  href="impressum.html"><img  alt='impressum' width='94' height='19' src="Bilder/homepage_12.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
		<a class='my_pos' style='top:30px; left:113px;' href="contact.html"><img  alt='contact' width='131' height='35' src="Bilder/homepage_14.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
		<a class='my_pos' style='top:38px; left:239px;' href="home.html"><img  alt='home' width='61' height='27' src="Bilder/homepage_16.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
		<a class='my_pos' style='top:46px; left:12px; z-index:2;'  href="news.html"><img alt='news' width='102' height='39' src="Bilder/homepage_19.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
		<a class='my_pos' style='top:63px; left:110px; z-index:1;' href="informations.html"><img alt='informations' width='161' height='22' src="Bilder/homepage_22.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
		<a class='my_pos' style='top:84px; left:95px; z-index:3;' href="multimedia.html"><img alt='multimedia' width='173' height='30' src="Bilder/homepage_25.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>

		<a class='my_pos' style='top:113px; left:0px;' href="g-book.html"><img alt='gaestebuch' width='106' height='27' src="Bilder/homepage_27.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
		<a class='my_pos' style='top:113px; left:220px;' href="links.html"><img alt='links' width='80' height='27' src="Bilder/homepage_29.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
		<a class='my_pos' style='top:140px; left:40px;' href="music.html"><img alt='music' width='226' height='57' src="Bilder/homepage_31.jpg" onmouseover='this.src=change_pic(this.src);' onmouseout='this.src=change_pic(this.src);'></a>
	</div>
		<img src='Bilder/h9.gif' width="319" height="191">
	</div>

	<div class='rechte_seite'>
		<div class='frame_box'>

		<img src='Bilder/title9.gif' width="100" height="30" >
		<div class='inframe'>
				<!-- Content Bereich -->
				<div style="overflow:visible; border:0px solid #840;">
<iframe frameborder="0" vspace="0" hspace="0" align="left" name="I1" src="http://97454.netguestbook.com" height="100%" width="100%" target="_self"></iframe></div>
<!-- Content Bereich Ende -->
			</div>
			<a class='mikro_link' href='http://thug-reccords.com' target="_blank" >&nbsp;</a>
		</div>
	</div>

	<br class='my_clear'>						
</div>
<div class='footer'>&nbsp;</div>
</body>
</html>
Nach oben
Benutzeravatar
witzigerkiller
Gesperrt
Beiträge: 878
Registriert: 05.02.2005 13:27
Wohnort: Sonthofen

Beitrag von witzigerkiller »

Ich denke mal, das du keinen Fehler gemacht hast, sondern der frame einfach zu klein ist.

Sagen wir, du hast einen Frame mit 100x100 Pixel festgelegter Größe, nach oben und nach unten.

Wenn jetzt aber mehr text drinne ist, als das FRame groß ist z.b. der Frame geht nach unten 100 Pixel, und der Text ist zu lang, sagen wir 150pixel, dann wird automatisch ein scrollbalken erscheinen, weil du ja nicht einfach so, halben text lesen kannst.

WIllst, du das der Scrollbalken ganz weg ist, und man nicht mehr scrollen musst, musst du das ganze nur mit: height="deinezahl" anpassen, und dann sind alle Beiträge lesbar.

Wenn du nur willst, das man den Scrollbalken nicht sieht, aber man scrollen kann, musst du dich mal auf: www.css4you.de schlau machen.

Hoffe das hat ein wenig geholfen!

Gruß Tobi
Nach oben
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

Beitrag von ThuGy »

hallo, danke für deine antwort, jedoch glaube ich hast du mich oder das problem falsch verstanden. Ich will das die Grösse des Iframes nicht festgelegt wird in PX, sondern das sie sich automatisch anpasst (Links zu selfhtml siehe oben). Das sollte eigentlich funktionieren, aber bei mir funktioniert das nicht, deshalb glaube ich das es an einem Fehler im Code liegt. Die Grösse des IFrames ist hierbei egal, ich kann 5x5 px nehmen, durch das overflow sollte die grösse des inhalts (z.b. 500x1000) trotzdem beim browser so erzwingt werden, das der inhalt komplett und trotzdem ohne scrollbalken angezeigt wird.

mfg

ThuGy
Nach oben
Benutzeravatar
witzigerkiller
Gesperrt
Beiträge: 878
Registriert: 05.02.2005 13:27
Wohnort: Sonthofen

Beitrag von witzigerkiller »

Ehm, Nein!

Wenn ich ein div mit 5x5 mache, und overflow benutze, und dann längeren text schreibe, kommt auch eine scrollbar. Wenn ich nun aber das div vergrößer, geht die scrollleiste WEG.

Probiers einfach selber:

ein Angepasster div, mit zu langem text, und zu kleiner festgelegten größe mit scrollleiste:

Code: Alles auswählen

<div style="overflow:auto;width:100;height:100;">
Test<br />Test<br />Test<br />Test<br />Test<br />
Test<br />Test<br />Test<br />Test<br />Test<br />
Test<br />Test<br />Test<br />Test<br />Test<br />
</div>
Wenn ich nun das height erweiter, auf: 300

also so:

Code: Alles auswählen

<div style="overflow:auto;width:100;height:300;">
Test<br />Test<br />Test<br />Test<br />Test<br />
Test<br />Test<br />Test<br />Test<br />Test<br />
Test<br />Test<br />Test<br />Test<br />Test<br />
</div>
Ist die Scrollleiste wieder weg.


Aber mach doch einfach mal das overflow raus, und nur <div>frame</div>

dann müsste sich das div komplett anpassen, ohne das man scrollen muss, und die einträge müssten komplett sein

Versuchs einfach mal. :wink:

Hoffe das hat geholfen.

Gruß Tobi
Nach oben
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

Beitrag von ThuGy »

hallo,
geht das nicht mit einem IFrame was hier ( http://de.selfhtml.org/css/eigenschafte ... erflow.htm ) bei visible angezeigt wird? Das man es mit einer festen grösse machen kann ist mir schon klar, jedoch ist der inhalt des Iframes je nach Gästebucheinträgen mal kleiner, mal grösser, durch eine feste Grösse würde bei Gästebucheinträgen mit z.B. sehr vie Text trotzdem ein Scrolbalken kommen, was ich aber vermeiden will.

mfg

ThuGy
Nach oben
Benutzeravatar
witzigerkiller
Gesperrt
Beiträge: 878
Registriert: 05.02.2005 13:27
Wohnort: Sonthofen

Beitrag von witzigerkiller »

Dann beschränk doch einfach im Gästebuch die Zeicheneingabe bis maximal 250 zeichen oderso
Nach oben
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

Beitrag von ThuGy »

ok, vielen dank für deine hilfe, hab herausgefunden das das, was ich will nicht so funktioniert. Die Idee mit einer maximalen Zeichenangabe ist schon mal gut.

mfg

ThuGy
Nach oben
Benutzeravatar
witzigerkiller
Gesperrt
Beiträge: 878
Registriert: 05.02.2005 13:27
Wohnort: Sonthofen

Beitrag von witzigerkiller »

Warum baust du die seite nicht ohne frames auf?

Vielleicht hast du schonmal was von Switch php gehört, das sind sozusagen Frames in PHP aber nur viel besser!
Nach oben
Antworten

Zurück zu „Coding & Technik“