Frames und Pic

[slege]

Hallo zusammen,

ich versuche gerade Frames in eine Website einzufügen, leider habe ich keine Ahnung wie ich das machen soll.

es handelt sich hierbei um die Website:

www.derstoerenfriede.de

dort ist soweit das Bild schon vorhanden welches ich nutzen möchte, am besten:

Oben nen Header Frame, Links nen Navi Frame und nen Mainframe ( Content Bereich ) hat jemand irgendeine Ahnung wie ich das umsetzen kann?

PS. das Bild sollte schon in der Mitte von der Page sein.

Wäre wirklich dankbar für jegliche Hilfe.

[apsel]

Om nah hoo pez nyeetz,

hier haben bestimmt ganz viele Ahnung, wie man das macht, aber noch mehr haben hier Ahnung davon, warum und wie man auf Frames verzichten kann. Ich bin sicher, es gibt eine Lösung ohne Frames.

Matthias

[slege]

Om nah hoo pez nyeetz,

hier haben bestimmt ganz viele Ahnung, wie man das macht, aber noch mehr haben hier Ahnung davon, warum und wie man auf Frames verzichten kann. Ich bin sicher, es gibt eine Lösung ohne Frames.

Matthias

ok habe soweit verstanden das ich das mit den Frames lassen soll, soweit so gut ^^ nur wie kann ich in den Content Bild bereich schreiben, habe es probiert aber leider nicht möglich, benutze Dreamweaver CS4.

Viele Grüße

Roger

[suit]

ok habe soweit verstanden das ich das mit den Frames lassen soll, soweit so gut ^^ nur wie kann ich in den Content Bild bereich schreiben, habe es probiert aber leider nicht möglich, benutze Dreamweaver CS4.

Hast du dir meinen Link angesehen?

Das Beispiel hat einen grünen Hintergrund, es hindert dich aber niemand, da irgend ein anderes Hintergrundbild oder eine andere Hintergrundfarbe zu verwenden ;)

[slege]

ok habe soweit verstanden das ich das mit den Frames lassen soll, soweit so gut ^^ nur wie kann ich in den Content Bild bereich schreiben, habe es probiert aber leider nicht möglich, benutze Dreamweaver CS4.

Hast du dir meinen Link angesehen?

Das Beispiel hat einen grünen Hintergrund, es hindert dich aber niemand, da irgend ein anderes Hintergrundbild oder eine andere Hintergrundfarbe zu verwenden ;)

ahhh ok verstehe, also das pic kann man nur als Hintergrundpic mit Text füllen? sehe ich das richtig?, Werde mir den Link auch gleichmal anschauen.

[suit]

ahhh ok verstehe, also das pic kann man nur als Hintergrundpic mit Text füllen? sehe ich das richtig?

Jein, du kannst auch über ein Bild ein anderes Element ohne hintergrund Positionieren und in dieses den Text scheiben.

Wenn das Bild aber - wie es mit bei dir scheint - rein zur Verzierung dient und keinerlei Inhalt transportiert, hat es im HTML nichts verloren und gehört ins CSS ;)

[slege]

ahhh ok verstehe, also das pic kann man nur als Hintergrundpic mit Text füllen? sehe ich das richtig?

Jein, du kannst auch über ein Bild ein anderes Element ohne hintergrund Positionieren und in dieses den Text scheiben.

Wenn das Bild aber - wie es mit bei dir scheint - rein zur Verzierung dient und keinerlei Inhalt transportiert, hat es im HTML nichts verloren und gehört ins CSS ;)

ohaa css, wieder was neues. also habe mir das mal angeschaut ( Link ) und es scheint sehr Interessant, jedoch ist der Source Code leider nicht online.
:*(

[apsel]

Om nah hoo pez nyeetz,

wenn man von HTML keine Ahnung haben *möchte*, lässt man die Arbeit den DV machen, wenn man HTML verstehen möchte, fängt man klein an. Recht gute Tutorials findet man bei html.net. Für weiterführende Fragen ist die Selfhtml-Doku eine gute Adresse und in diesem Forum wird dir auch gern geholfen, dein guter Wille vorausgesetzt.

Matthias

[suit]

ohaa css, wieder was neues.

CSS ist als Ergänzung zu HTML in der Webenwicklung nicht mehr wegzudenken. Hört sich alles kompliziert an, ist es aber nicht ;)

also habe mir das mal angeschaut ( Link ) und es scheint sehr Interessant, jedoch ist der Source Code leider nicht online.
:*(

Ja, der Dreck buggt schon wieder und erstellt das gzip-File nicht automatisch :)

Du kannst aber das Online-Beispiel direkt ansehen und einen Blick in den Quelltext werfen - es sind lediglich 2 Dateien

http://suit.rebell.at/fileadmin/a-12/demo/index.html
http://suit.rebell.at/fileadmin/a-12/demo/css/screen.css

Das CSS-File besteht grade mal aus 28 Zeilen (inklusive Leerzeilen) und im Artikel alles nötige erklärt.

Bei einem festen Hintergrundbild solltest du allerdings die die px-Variante der aktuell genutzten em-Variante vorziehen.

[slege]

ohaa css, wieder was neues.

CSS ist als Ergänzung zu HTML in der Webenwicklung nicht mehr wegzudenken. Hört sich alles kompliziert an, ist es aber nicht ;)

also habe mir das mal angeschaut ( Link ) und es scheint sehr Interessant, jedoch ist der Source Code leider nicht online.
:*(

Ja, der Dreck buggt schon wieder und erstellt das gzip-File nicht automatisch :)

Du kannst aber das Online-Beispiel direkt ansehen und einen Blick in den Quelltext werfen - es sind lediglich 2 Dateien

http://suit.rebell.at/fileadmin/a-12/demo/index.html
http://suit.rebell.at/fileadmin/a-12/demo/css/screen.css

Das CSS-File besteht grade mal aus 28 Zeilen (inklusive Leerzeilen) und im Artikel alles nötige erklärt.

Bei einem festen Hintergrundbild solltest du allerdings die die px-Variante der aktuell genutzten em-Variante vorziehen.

Probiere es gerade mit CSS und muss sagen bisher läuft alles ohne Probleme, nur eine kleine Frage hätte ich noch. Da mein Design in der Mitte sitzt und man HTML normalerweise von Links anfängt habe ich das Problem nicht auf den Content bereicht zu kommen ohne Zentrieren was mir auch nichts bringt, mache ich das per Tables? Oder einfach Leerzeichen benuten ala " " ??

[suit]

Probiere es gerade mit CSS und muss sagen bisher läuft alles ohne Probleme

wunderbar :)

Da mein Design in der Mitte sitzt und man HTML normalerweise von Links anfängt

Sag' das einem arabischen Benutzer dessen Browser standardmäßig von rechts nach links arbeitet :D

habe ich das Problem nicht auf den Content bereicht zu kommen ohne Zentrieren was mir auch nichts bringt, mache ich das per Tables? Oder einfach Leerzeichen benuten ala " " ??

Nein, weder Tabellen noch   sind notwendig - für "alles" gibts in CSS entsprechende Eigenschaften.

Ich gehe davon aus, dass du mein Beispiel verwendest - dort ist das eigentlich zentrierte Element jenes mit der id "container". Darin liegt ein weiteres HTML-Element mit der id "content", welches wiederum über ein einen Außenabstand ("margin") verfügt, damit es eben nicht am Rand des zentrierten Elements klebt.

Um dir bei allfälligen Fragen besser helfen zu können, solltest du ggf. deine Baustelle irgendwo online stellen oder zumindest relevante Quellcodeteile hier posten (HTML und CSS).

[slege]

Na Grandios Container, SUPER damit werde ich es schaffen ^^ werde mich wieder melden sobald alles glatt gelaufen ist oder eben nicht glatt gelaufen ist :D

[suit]

Na Grandios Container, SUPER damit werde ich es schaffen ^^ werde mich wieder melden sobald alles glatt gelaufen ist oder eben nicht glatt gelaufen ist :D

Ohne dich entmutigen zu wollen: ich gehe von zweiterem aus - du wirst früher oder später irgendwo auf kleinere oder größere Probleme stoßen die du selbst nicht lösen kannst bzw. dir nicht sicher biser, mit welcher der zur Verfügung stehenden Methoden du sie lösen sollst.

Da gibts dann nur drei Möglichkeiten:

1. "stundenlang herumprobieren"
2. Eine Dokumentation bzw. diverse Beispiele lesen und ausprobieren
   oder
3. nachfragen

Ich rate dringlichst zu 2 oder 3 - das spart Zeit und ärger :D

[slege]

Na Grandios Container, SUPER damit werde ich es schaffen ^^ werde mich wieder melden sobald alles glatt gelaufen ist oder eben nicht glatt gelaufen ist :D

Ohne dich entmutigen zu wollen: ich gehe von zweiterem aus - du wirst früher oder später irgendwo auf kleinere oder größere Probleme stoßen die du selbst nicht lösen kannst bzw. dir nicht sicher biser, mit welcher der zur Verfügung stehenden Methoden du sie lösen sollst.

Da gibts dann nur drei Möglichkeiten:

1. "stundenlang herumprobieren"
2. Eine Dokumentation bzw. diverse Beispiele lesen und ausprobieren
   oder
3. nachfragen

Ich rate dringlichst zu 2 oder 3 - das spart Zeit und ärger :D

Und jaaa da bin ich schon wieder ^^ ja habe das soweit hinbekommen und habe einen Container den ich verschieben kann und auch füllen kann, soweit so gut.
Nun habe ich das Problem mit den Auflösungen, den Container kann ich nicht richtig Positionieren weil bei 1024x768 ist der Container auf dem Content Bild mit 1680x1050 ist der Container vollkommen woanders, habe es stattdessen dann mal mit % Angabe Probiert, aber Fehlanzeige ^^
Was kann ich machen?

[EKKi]

Mahlzeit slege,

Was kann ich machen?

Wie suit bereits schrieb: entweder ein Beispiel online zur Verfügung stellen oder den relevanten Code hier zeigen.

Das ist leider erforderlich, da die wenigsten Teilnehmer dieses Forums über funktionierende Glaskugeln oder sonstige vergleichbare Wahr- und Vorhersagewerkzeuge verfügen ...

MfG,
EKKi

[slege]

<html>  
  <head>  
    <title>Jesus der Christus</title>  
    <link rel="stylesheet" type="text/css" href="style.css" />  
  
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
  <script type="text/javascript">  
<!--  
function MM_swapImgRestore() { //v3.0  
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;  
}  
function MM_preloadImages() { //v3.0  
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();  
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)  
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}  
}  
  
function MM_findObj(n, d) { //v4.01  
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {  
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  
  if(!x && d.getElementById) x=d.getElementById(n); return x;  
}  
  
function MM_swapImage() { //v3.0  
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)  
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}  
}  
//-->  
  </script>  
  </head>  
  <body onLoad="MM_preloadImages('jesu buttons/start2.jpg')">  
  <div id="Layer1"  
style="position:absolute; width:183px; height:421px; z-index:1; background-color:  
#FFFFFF; border: 0px solid #000000; left: 19%; top: 22%;">  
    <p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild1','','jesu buttons/start2.jpg',1)"><img src="jesu buttons/start1.jpg" alt="Startseite" name="Bild1" width="120" height="30" border="0"></a></p>  
  </div>  
  
</body>  
</html>

body {  
  background-color: #FFFFFF;  
  background-image: url("content.jpg");  
  background-repeat: no-repeat;  
  background-attachment: fixed;  
  background-position: 50% 35%;  
  
  
}  

[EKKi]

Mahlzeit slege,

[code lang=html]<html>
  <head>

Es fehlt die Angabe eines http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyps.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Ich würde Dir heutzutage empfehlen, *neue* Projekte gleich in UTF-8 umzusetzen.

<script type="text/javascript">
<!--

HTML-Kommentare haben in einem Javascript-Bereich nichts verloren. Browser, die mit Javascript-Code nichts anfangen konnten und deretwegen das mal ratsam war, sind seit dem letzten Jahrtausend ausgestorben.

function MM_swapImgRestore() { //v3.0
function MM_preloadImages() { //v3.0
function MM_findObj(n, d) { //v4.01
function MM_swapImage() { //v3.0

Oh Graus, oh weh! Ich würde Dir - ähnlich wie suit - nicht zum Gebrauch *irgendwelcher* HTML-Klicki-Bunti-WYSISYG-"Ich mach das mal eben schnell alles"-Programme, sondern zu solider Handarbeit raten.

Wähle Dir aus dem reichhaltigen Fundus einen geeigneten Editor (sinnvollerweise mit Syntaxhighlighting und ggf. Intellisense für HTML, CSS, Javascript und weitere Web-relevante Sprachen) aus und fange an, mit diesem Deine Seiten selbst "von Hand" zu stricken. Dabei lernst Du deutlich mehr und kannst Deine Vorstellunge erheblich besser umsetzen als mit Nightmareweaver und Konsorten, die meistens doch nur ihre Vorstellungen davon, "wie der Benutzer das wahrscheinlich haben will", in den Code einfließen lassen ...

<div id="Layer1"

Diese Bezeichnung ist extrem sinnfrei, da absolut nichtssagend.

style="position:absolute; width:183px; height:421px; z-index:1; background-color:
#FFFFFF; border: 0px solid #000000; left: 19%; top: 22%;">

Wenn Du dem Element schon eine ID gibst, kannst Du es auch sinnvollerweise in Deinem externen Stylesheet mit passenden CSS-Eigenschaften versehen. Im HTML-Code haben diese so gut wie nie etwas zu suchen.

An dieser Stelle hätten wir dann übrigens auch Dein Problem: die absolute Positionierung. Wenn Du fließende Layouts bauen willst, die auf unterschiedlichen Auflösungen alle zwar nie gleich, aber doch sehr ähnlich und insgesamt ansehnlich aussehen sollen, solltest Du darauf konsequent verzichten.

<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild1','','jesu buttons/start2.jpg',1)">

Ein Link, der nicht linkt, ist kein Link. Was willst Du *eigentlich*?

MfG,
EKKi

[suit]

Das sieht nicht wirklich nach dem Code aus meinem Beispiel aus :)

[gast42]

nur wie kann ich in den Content Bild bereich schreiben, habe es probiert aber leider nicht möglich

Schreibe etwas in ein Element deiner Wahl und ändere dessen http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=Positionierung entsprechend.

benutze Dreamweaver CS4

dein Pech

[slege]

nur wie kann ich in den Content Bild bereich schreiben, habe es probiert aber leider nicht möglich

Schreibe etwas in ein Element deiner Wahl und ändere dessen http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=Positionierung entsprechend.

benutze Dreamweaver CS4

dein Pech

Pech? wieso pech? es wurde mir empfohlen, und da ich mich leider nicht so gut auskenne, habe ich diesen ausprobiert... aber scheinbar sind einige Leute mit HTML/PHP/JAVA im Blut geboren und konnten sofort alles... wirklich denke mal über deinen kleinen Satz nach...

[suit]

dein Pech

Pech? wieso pech? es wurde mir empfohlen, und da ich mich leider nicht so gut auskenne, habe ich diesen ausprobiert... aber scheinbar sind einige Leute mit HTML/PHP/JAVA im Blut geboren und konnten sofort alles... wirklich denke mal über deinen kleinen Satz nach...

Der Dreamweaver ist eine Kategorie für sich, eine zweischneidige Sache:

Als IDE verwandt ist die Software super. Um das Ding aber gemäß seiner Bestimmung ordentlich verwenden zu können, benötigtes einiges an Erfahrung - als Anfänger hat man diese aber nicht.

Sobald man die nötige Erfahrung gesammelt hat, verwendet man den Dreamweaver aber lieber nicht mehr und meidet ihn teilweise gar wie der Teufel das Weihwasser.

Ich hätte die Sache nicht ganz so drastisch ("Pech") ausgedrückt - ich rate dir nur, Arbeite (wenn du die Software weiter verwenden möchtest) vorzugsweise in der Quelltextansicht, die WYSIWYG-Ansicht ist potentiell "gefährlich" wenn es darum geht, sinnvolles HTML und vor allem flexibles CSS zu produzieren.

[suit]

ich versuche gerade Frames in eine Website einzufügen, leider habe ich keine Ahnung wie ich das machen soll.

Das ist vielleicht besser so :) wobei: es ist niemals gut, irgendetwas zu verschweigen. Das ist wie mit Anleitungen zum Sprengstoffmischen. Wenn man die genauen Verhältnisse der Chemikalien und die Vorgehensweise geheim hält, sprengt sich früher oder später jemand beim Experimentieren oder nachmachen von Rezepten aus Halbwahrenheiten die Finger weg. Also gleich transparent :)

http://www.subotnik.net/html/frames.html

Oben nen Header Frame, Links nen Navi Frame und nen Mainframe ( Content Bereich ) hat jemand irgendeine Ahnung wie ich das umsetzen kann?

Ja schon, aber du solltest ggf. das hier lesen (obwohl du es schon gelesen hast - zumindest haben solltest).

PS. das Bild sollte schon in der Mitte von der Page sein.

http://suit.rebell.at/artikel/horizontal-und-vertikal-zentrieren-mit-xhtml-und-css
user: suit
pass: rebell