Beiträge von stylegangsta

stylegangsta · 23. November 2010

Tut sich noch nichts und der ganze Befehl wird als Fehler angezeigt.
Nur grüne zickzack linien darunter

stylegangsta · 23. November 2010

Hi Sarkkan,
danke werds direkt probieren, aber wie soll ich denn das X mit der funktion versehen?

Greetz

stylegangsta · 23. November 2010

Hallo Zusammen,
der Aufbau usw. ist jetzt soweit korrekt und funktioniert.
Siehe hier:http://www.polttech.de/test2#
Wird in FF und IE auch korrekt dargestellt, aber das Problem ist. Man kann die Galeriebilder vergörßern, wenn man draufklickt. Wenn man aber mehrere hintereinander vergrößert ohne das vorherige zu schließen, öffnen sie sich alle übereinander. Ist ja eigentlich auch normal für CSS glaube ich. Aber gibt es einen Befehl zum Beispeil, dass das vorherige geöffnete Bild geschlossen wird, sobald man ein andere auswählt?

Danke

stylegangsta · 19. November 2010

Hi Lauras,

danke für den Tipp. Ich habe einfach im dreamweaver html template angegeben und das wars. Und mit scriptly blick nit durch. Wie kann ich denn im Dreamweaver den Code umstellen nachträglich??

stylegangsta · 19. November 2010

Zitat von "lauras"

Kannst du das ganze mal irgendwo hochladen, dass man es sich mal angucken kann?
Dein Code ist mir ehrlich gesagt zu unübersichtlich zum Durchgucken.

Hallo Lauras,
hier ist die URL
http://www.polttech.de/test2

aber nur Mozilla stellt die Seite richtig dar. Explorer widerrum ganz anders, aber wie gesagt, die darstellung im Browser spielt keine grosse rolle, im Online portal wird es immer richtig dargestellt. Bis auf eine Kleinigkeit, die aber nicht so wichtig ist.

stylegangsta · 19. November 2010

Zitat von "Sören"

Du hast das doch sicherlich nicht in allen Browsern ausgetestet oder? In einem Online-Portal wird dein Code aber auch eingefügt und der macht dann das Online-Portal invaldie.

Na ja, nicht wirklich, da das Online Portal dann meinen Artikel sogesehen als IFrame darstellt. Von daher ist Validierung auch relativ irrelevant dafür.
Das Problem an der ganzen Geschichte ist, dass ich in dem Online Portal weder JS, PHP, Iframe, cookies oder sonstiges verwenden darf. Also bleibt mir nur noch html bzw. css zur Auswahl übrig. Wenn ich den </div> der zu viel ist wegnehme, dann verschiebt sich alles. Warum auch immer. Daher muss ich den div der zu viel ist drin lassen. Ich bin echt am verzweifeln.

Greetz

stylegangsta · 19. November 2010

Zitat

Zum 1. Man baut mit keinem absichtlich Invaliden(also Fehlerhaften) Code! Weil sonst ist kann es nämlich gut sein, dass es zwar in einem Browser richtig angezeigt wird, 10 andere das aber komplett anders anzeigen

Hi Sarkkan, das it mir bekannt, aber da dies keine Internetseite wird, sondern in einem Online-Portal eingefügt wird (du weißt ja welches) spielt die Validierung keien Rolle. Denn das online portal stellt es in jedem Browser richtig dar. Warum auch immer.
Wie schon gesagft, mein Hauptproblem ist der Zeilenumbruch und der Zeielnabstand. Außerdem möchte ich rechts noch ein Spalte anlgene, für die Versandabwiucklung und links unter die Bilder noch zusätzliche Beschreibungen.

P.S. Mit diesem scripty klick ich nur blind durch die gegend

Greetz

stylegangsta · 19. November 2010

Hallo Lauras,

danke für die Antwort.

Zitat

Du hast:
-zwei html-Tags
-keinen body-Tag
-einen div zu viel geschlossen
-im css tw. etwas groß geschrieben.

Der body tag ist alles weiter unten, ich habe nur den Abschnitt hier rauskopiert. Ja es ist ein DIV zu viel drin. Das ist mir bewusst, aber diesen muss ich leider drin lassen, weil sich sonst alles verschiebt.
Aber na ja. Vielleicht kann man mir ja mit dem gesamten Code weiterhelfen. Denn ich bin da jetzt lange dran und hab keine Zeit und Lust in ein anderes Program als Dreamweavser einzusteigen, mal abgesehen davon, hab ich nur das. Aber Egal. Hier mal der Gesamte Code und mein Problem ist ja in meinem ersten Beitrag geschildert.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<style>
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:link {img-decoration: none}
A:visited {img-decoration: none}
.white_content {
text-align: center;
vertical-align: middle;
display: none;
position: relative;
width: 580px;
height: 600px;
padding: 0px;
border: 0px;
background-color: none;
z-index:1002;
overflow: hidden;
margin-top: -250px;
margin-left: -200px;
margin-bottom: 0px;
}
.thumbs {
	margin-bottom: 1px;
	width: 450px;
	float: inherit;
}
.description {
	margin-left: 460px;
	margin-top: inherit;
	float: right;
	position: absolute;
	max-width: 540px;
	left: 0px;
	top: 8px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<div id="wrapper">
<div id="thumbs">
</div>
</div>
</div>







<body><a href = "javascript:void(0)" onclick ="document.getElementById('light1').style.display='block';document.getElementById('fade').style.display='block'">
<div class="thumbs"><img src="http://www.polttech.de/koffer_klein.jpg" width="140px" height="140px" border="0"/> <a href = "javascript:void(0)" onclick ="document.getElementById('light2').style.display='block';document.getElementById('fade').style.display='block'"><img src="http://www.polttech.de/dvd_klein.jpg" width="140px" height="140px" border="0"/> <a href = "javascript:void(0)" onclick ="document.getElementById('light3').style.display='block';document.getElementById('fade').style.display='block'"><img src="http://www.polttech.de/griffe_klein.jpg" width="140px" height="140px" border="0"/><a>
<div class="description" id="description" dir="ltr" lang="af">
basdfköfsadgfffffffffffffffffffffgggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffff</div></a>
</div><div class="thumbs"></div><div class="thumbs"><span class="thumbs"><a href = "javascript:void(0)" onclick ="document.getElementById('light4').style.display='block';document.getElementById('fade').style.display='block'"><img src="http://www.polttech.de/led_klein.jpg" width="140px" height="140px" border="0"/></a></span>
  <a href = "javascript:void(0)" onclick ="document.getElementById('light5').style.display='block';document.getElementById('fade').style.display='block'"><img src="http://www.polttech.de/maschinen_klein.jpg" width="140px" height="140px" border="0"/></a></div>
<p><div class="thumbs"></div><div class="thumbs"></div></p>
<div align="center"><div id="light1" class="white_content"><img src="http://www.polttech.de/koffer_gross.jpg" width="580px" height="575px" border="0" margin-bottom="0px"/><a href = "javascript:void(0)" onclick = "document.getElementById('light1').style.display='none';document.getElementById('fade').style.display='none'"><img src="http://www.polttech.de/close.png" width="580px" height="25px" border="0" align="center"/></a></div></div>
<div align="center"><div id="light2" class="white_content"><img src="http://www.polttech.de/dvd_gross.jpg" width="580px" height="575px" border="0"/><a href = "javascript:void(0)" onclick = "document.getElementById('light2').style.display='none';document.getElementById('fade').style.display='none'"><img src="http://www.polttech.de/close.png" width="580px" height="25px" border="0" align="center"/></a></div></div><div align="center"><div id="light3" class="white_content"><img src="http://www.polttech.de/griffe_gross.jpg" width="580px" height="575px" border="0"/><a href = "javascript:void(0)" onclick = "document.getElementById('light3').style.display='none';document.getElementById('fade').style.display='none'"><img src="http://www.polttech.de/close.png" width="580px" height="25px" border="0" align="center"/></a></div></div><div align="center"><div id="light4" class="white_content"><img src="http://www.polttech.de/led_gross.jpg" width="580px" height="575px" border="0"/><a href = "javascript:void(0)" onclick = "document.getElementById('light4').style.display='none';document.getElementById('fade').style.display='none'"><img src="http://www.polttech.de/close.png" width="580px" height="25px" border="0" align="center"/></a></div></div>
<div align="center"><div id="light5" class="white_content"><img src="http://www.polttech.de/maschinen_gross.jpg" width="580px" height="575px" border="0"/><a href = "javascript:void(0)" onclick = "document.getElementById('light5').style.display='none';document.getElementById('fade').style.display='none'"><img src="http://www.polttech.de/close.png" width="580px" height="25px" border="0" align="center"/></a></div></div>
</body>
</html>

Alles anzeigen

stylegangsta · 18. November 2010

Hallo Leute,

ich habe ein 2 spaltiges Layout. Links Bildegalerie mit Thumbnails und rechts fließtext. Zuerst habe ich gedacht Dreamweaver zeigt es einfach nicht an, aber im Browser wird es vielleicht übernommen. Von wegen. Ich bekomme zum Verrecken nicht weder den Zeileumbruch hin, noch die max-breite von 530px für den Text, noch wird der Zeilenabstand übernommen. Wenn ich im Text für den Zeilenumbruch Enter drücke kommt ein Megaabstand zwischen den Zeilen. Wenn der Zeilenumbruch bei 530px und der richtige zeilenabstand von alleine funktioneren würde, dann hätte es sich zum Testen mit der Entertaste ehe erledigt. Daher habe ich line-height im ;oment entfernt, weil es ehe nit geht. Hat jemand eine Idee.

So sieht mein Code aus:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<style>
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:link {img-decoration: none}
A:visited {img-decoration: none}
.white_content {
text-align: center;
vertical-align: middle;
display: none;
position: relative;
width: 580px;
height: 600px;
padding: 0px;
border: 0px;
background-color: none;
z-index:1002;
overflow: hidden;
margin-top: -250px;
margin-left: -200px;
margin-bottom: 0px;
}
.thumbs {
	margin-bottom: 1px;
	width: 450px;
	float: inherit;
}
.description {
	margin-left: 460px;
	margin-top: inherit;
	float: right;
	position: absolute;
	max-width: 540px;
	left: 0px;
	top: 8px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<div id="wrapper">
<div id="thumbs">
</div>
</div>
</div>

Alles anzeigen

Danke im Voraus

stylegangsta · 12. November 2010

Hallo 1 Mal muss ich euch doch belästigen.
Habt Ihr eine Idee wie ic das jetzt auf einer externen Seite verwenden kann, von meinem Server aus vo die Dateien liegen.
Beispiel: <a class="postlink" href="http://www.example.com/">http://www.example.com/</a> <------- da wird das kleine Bild angezeigt, aber wenn man drauf klickt soll dann das grosse Bild mit dem Lightbox effekt erschein auf der Seite, allerdings über die Dateien, die auf meinem Server liegen. Ich kann dort nämlich keine Ordner oder ähnliches hochladen, sondern nur verlinken mit href usw. Es daf auch kein Iframe oder Java script enthalten im html text auf der Seite, wo ich es haben will. Ich wollte es nicht so, aber leider nimmt die externe Seite, weder javascript, Iframe, noch php include befehle. Es geht nur html und div.
Hat irgeneiner eine Idee ohne Iframe, php usw. das hinzubekommen?
Kann man nicht irgendwie die lightbox sozusagen extern verlinken, wie zum Beispiel: <rel="http://www.polttech.de/lightbox">?? Das genannte Beipeil geht nicht. Muss ich vielleicht anstatt rel was anderes angeben oder den Pfad anders angeben?

Ist es überhaupt möglich????

stylegangsta · 12. November 2010

Zitat von "Sören"

"htttp://" wird mit 2 Slashes geschrieben, du hast es mit nur einem geschrieben.

Hallo Sören,
boah vielen Dank. Was so ein slash bewirken kann. normal überseh ich so was nicht, aber ich bin seit Montag volle Kanone erkältet.

Vielen Dank für die Hilfe von euch allen.

Greetz
stylegangsta

stylegangsta · 11. November 2010

Ich habe jetzt die Pfade bei href usw. geändert im code, aber nada. keien Chance. Viellicht übersehe ich was, binseit montag voll erkältet,

aber danke trotzdem für alles

stylegangsta · 11. November 2010

Jetzt sollte es aber stimmen, klappt aber weder im IE8, noc MF

stylegangsta · 11. November 2010

Hey supi, vielen Dank dafür. Was so eine kleineigkeit beweirken kann.

Aber das Problem. Es geht immer noch nit

guck mal bitte: <a class="postlink" href="http://www.polttech.de/seite2.html">http://www.polttech.de/seite2.html</a>

Vielen dank im Voraus

stylegangsta · 11. November 2010

Ich schätze, es wird diese Thema schon geben, aber hab es leider nicht gefunden.
Ich habe die Lightbox anweisungen genau wie in youtube befolgt. Aber esfunktioniert auf der Homepage nicht. Der vor und zurück button ist für mich irrelevant. Es reicht mir, wenn der Rhamen erscheint, aber das passiert. Die ornder der Lightbox sind auf dem Hauptpfad im Server drin.So sieht mein Code aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http:/www.polttech.de/js/prototype.js"></script>
<script type="text/javascript" src="http:/www.polttech.de/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http:/www.polttech.de/js/lightbox.js"></script>
<link rel="stylesheet" href="http:/www.polttech.de/css/lightbox.css" type="text/css" media="screen" />

</head>

</body>
</html>

Und das ist die testseite: <a class="postlink" href="http://www.polttech.de/seite2.html">http://www.polttech.de/seite2.html</a>
Vielen für die Hilfe im Voraus

Beiträge von stylegangsta

Dreamwaver akzeptiert keien max-width

Dreamwaver akzeptiert keien max-width

Dreamwaver akzeptiert keien max-width

Dreamwaver akzeptiert keien max-width

Dreamwaver akzeptiert keien max-width

Dreamwaver akzeptiert keien max-width

Dreamwaver akzeptiert keien max-width

Dreamwaver akzeptiert keien max-width

Dreamwaver akzeptiert keien max-width

Lightbox

Lightbox

Lightbox

Lightbox

Lightbox

Lightbox