Beiträge von piepser

piepser · 6. März 2012

und die Verzeichnisse werden aber auch alle mit php erstellt?
So langsam weiss ich überhaupt nicht mehr wo bzw. wie ich überhaupt anfangen soll. :roll:
liebe Grüße
piepser

piepser · 6. März 2012

Hallo,
ich musste diese Sache wegen etwas anderem verschieben und wollte jetzt wieder loslegen. Wie so ein Einlogg-System aufgebaut ist, habe ich gefunden.
Die Seite Galerie sollte ja für jeden zugänglich sein. Sprich jeder sollte sich alle Bilder auch von den anderen Usern anschauen können. Sobald man sich dann angemeldet hat, bekommt man ein Hochladeformular. So dass man wirklich nur eigene Bilder im eigenem Verzeichnis hochladen kann. Brauche ich dafür im Hintergrund eine Datenbank?
Liebe Grüße
piepser

piepser · 6. März 2012

den Code kann ich hochladen. Nur ist er wirklich nicht perfekt. Das Bild in der Mitte wandert mit, was es eigentlich nicht sollte und die Navi läuft hinter dem Inhalt nach rechts raus, wenn ich die Seite seitlich verkleinere. Alles Dinge die eigentlich nicht sein sollten. Also ich müsste es wieder von vorne neu aufbauen.
Hier der Code falls sich jemand dran wagen möchte:

PHP

html, body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
background-color: #D71515;
color: #000;
}




#kopf_links {




    background-image: url(../img/lueckenfueller.jpg);
    background-repeat: repeat-x;
    float: left;
    position: absolute;
    margin-top: 30px;
    width: 70%;
    height: 180px;
    z-index: 2;
}




#kopf_mitte {
    background-color: #ffffff;
    position: absolute;
    margin-top: 10px;
    margin-left: 35%;
    padding: 5px;
    border-bottom: 2px solid #5C5C5C;
    border-right: 2px solid #474747;
    width: 270px;
    height: 180px;
    z-index: 3;
}




#kopf_rechts {
    background-image: url(../img/lueckenfueller.jpg);
    background-repeat: repeat-x;
    float: right;
    margin-top: 30px;
    width: 30%;
    height: 180px;
    z-index: 2;
}




#schrift_logo {
    width: 296px;
    height: 98px;
    margin: 41px auto;
}




#balken {
    width: 100%;
    min-width: 900px;
    height: 15px;
    background-image: url(../img/balken_01.jpg);
    background-repeat: repeat-x;
}




#wrapper {
    position: relative;
    width: 80%;
    min-height: 50%;
    margin: 0px auto;
    background-color: yellow;
}




#links {
	float: left;
	padding: 0px 0;
	border-top: 1px solid gray;
	width: 15%;
	min-height: 550px;
	height: 550px;
	background-color: #939393;
}




#inhalt {
    overflow: auto;
	padding: 0px 0;
	margin-right: -1px;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	float: right;
	width: 85%;
	min-height: 550px;
	height: 550px;
	background-color: #dedede;
}




#fuss {
	clear: both;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: #707070;
	border-top: 1px solid gray;
	line-height: 1.5em;
}







/* Navigation */
#navi {
    clear: left;
    width: 129px;
    margin: 5px auto;
    padding: 0px;
    background-color: #939393;
}




#navi ul {
    list-style: none;
    width: 129px;
    margin: 0 0 0 0;
    padding: 0;
}




#navi li {
    margin-bottom:5px;
}




li a.navi_home {
    display: block;
    width: 129px;
    height: 30px;
    background: transparent url(../img/navi_home.gif) no-repeat top left;
}




li a:hover.navi_home {
    display: block;
    width: 129px;
    height: 30px;
    background: transparent url(../img/navi_home.gif) no-repeat bottom left;
}




li a.navi_galerie {
    display: block;
    width: 129px;
    height: 30px;
    background: transparent url(../img/navi_galerie.gif) no-repeat top left;
}




li a:hover.navi_galerie {
    display: block;
    width: 129px;
    height: 30px;
    background: transparent url(../img/navi_galerie.gif) no-repeat bottom left;
}
















<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Hauptseite Weingut G&auml;stehaus</title>
    <link rel="stylesheet" type="text/css" href="design_01.css">
</head>







<body>




    <div id="kopf_links">
        <img src="../img/logo.jpg" width="854" height="180" alt="" />
    </div>




    <div id="kopf_mitte">
        <img src="../img/collage_01.jpg" width="270" height="180" alt="" />
    </div>




    <div id="kopf_rechts">
        <div id="schrift_logo">
            <img src="../img/schrift.jpg" width="296" height="98" alt="" />
        </div>
    </div>




    <div id="balken"></div>




    <div id="wrapper">
        <div id="links">
            <?php include("navi.php") ?>
        </div>




        <div id="inhalt">
            text
        </div>




        <div id="fuss">
            <div id="balken"></div>
        </div>
    </div>







</body>
</html>

Alles anzeigen

liebe Grüße
piepser

piepser · 6. März 2012

Hallo,
ich habe es jetzt soweit gelöst. Ist zwar nicht das ideale. Aber es geht.
Vielen Dank noch mal und
liebe Grüße
piepser

piepser · 4. März 2012

Hallo,
habe jetzt mal eine Zeichnung angehangen.
Es geht um die rote Box. Die anderen habe ich soweit angelegt.
Ich bin auch mit z-index am probieren, komme aber nicht wirklich weiter. :oops:
Muss mich da noch mal einlesen. Den z-index muss ich doch nur bei kopf_links und der neuen Box vergeben, oder sehe ich das falsch?
Muss ich dann auch beide Boxen mit position:absolute versehen?
Und die restlichen Boxen brauchen keine position?
Liebe Grüsse
piepser

piepser · 3. März 2012

Hallo,
ich habe einen Gesamtbereich von 80% und margin: 50px, auto definiert. In diesem Gesamtbereich gibt es 2 Kopfbereiche. Einen linken mit 80% und einen rechten mit 20%.
Darunter folgt dann die navi auf der linken Seite, der Inhaltsbereich auf der rechten Seite und der Fussbereich ganz unten an der Seite.
Jetzt würde ich gerne im linken Kopfbereich eine weitere Box gestalten. Sie sollte ca. 20px nach oben aus dem Kopfbereich rausschauen und so gross sein, dass evtl. ein Bild hineinpasst. Der Abstand vom Gesamtbereich nach oben wäre dann - für die Grösse der Box - nur noch 30px. Im Prinzip würde es so aussehen, als wenn eine weitere Box über den Kopfbereich plaziert wurde.
Ich hoffe das war verständlich. Ist gar nicht so einfach, dass hier so zu schreiben. :oops:
Mein bisheriger Code:

Code

#gesamt {
    position: relative;
	width: 80%;
	min-width: 600px;
	min-height: 95%;
	margin: 50px auto;
	background-color: #D4D4D4;
	color: #333;
	border: 4px solid #000;
	line-height: 2em;
}




#kopf_links {
	background-color: blue;
	float: left;
	padding: 10px 0px;
	width: 80%;
	height: 180px;
}




#kopf_rechts {
	background-color: yellow;
	float: left;
	padding: 10px 0;
	width: 20%;
	height: 180px;
	margin-right: -1px;
}




<div id="gesamt">




    <div id="kopf_links">
        hier kommt der linke kopf
    </div>




    <div id="kopf_rechts">
        hier kommt der rechte kopf
    </div>




    <div id="links">
        hier kommt die navi
    </div>




    <div id="inhalt">
        hier kommt der inhalt
    </div>




    <div id="fuss">
        hier kommt der fuss
    </div>




</div>

Alles anzeigen

liebe Grüsse
piepser
*hoffentlich habe ich den Code richtig eingefügt* :roll:

piepser · 3. März 2012

Hallo Carlos,
danke noch mal für Deine Antwort.
Entschuldige das ich mich so spät melde. Irgendwie ist mir dies hier durchgegangen, da ich es doch noch selbst herausgefunden habe.
Ja ich benutze den Firefox. FireBug war mir noch kein Begriff, habe ich aber soeben mal nach gegoogelt. Muss ich mir mal genauer ansehen.
Liebe Grüsse
piepser

piepser · 27. Februar 2012

Hallo,
vielen Dank für Deine Antwort.
Werde die Dateien dann mit .php enden lassen.
Das mit dem Auslagern hast du so richtig verstanden. Es ist ja doch erheblich weniger Arbeit, wenn mal etwas geändert werden muss.
Liebe Grüße
piepser

piepser · 26. Februar 2012

Hallo,
ich möchte gerne meine Kopf-, Fuß- und Navigationsdaten auslagern. Machen wollte ich dies mit PHP.
Soweit ich jetzt allerdings gelesen habe, muss ich dann auch meine ganzen Seiten mit der Endung .php versehen.
Das würde ja heissen, dass ich dann überhaupt keine htm(l) Seiten mehr besitzen würde. Ist dies so korrekt? Macht man das wirklich so? Überall wo man hinsieht, enden die Dateien doch mit .htm(l), oder? Der Einfachheithalber werden solche Seiten doch bestimmt von jedermann ausgelagert. Gibt es evtl. noch einen anderen Weg dafür?
Wie ist das dann mit der Index.htm(l) welche ja sofort startet, beim Aufruf der Seite. Startet dies auch als Index.php?
Vielend Dank wieder einmal im Voraus und liebe Grüsse
piepser

piepser · 24. Februar 2012

das habe ich jetzt so gemacht. Sieht auch schon besser aus. Vielen Dank. Habe den body noch mit einbezogen. Sollte man evtl. noch etwas vorweg immer nullen?

Kannst Du mir auch sagen, warum die Buttons ca. 130px gross sind, obwohl eine Grössenangabe von 90px gemacht wurde?
Und warum die Box #navi bei der horizontalen Leiste oben drüber liegt, wenn keine Grössenangabe gemacht wird? Gebe ich width:800px an umrundet die Box die Buttons.
Bei der vertikalen Leiste umrundet die Box die Buttons auch wenn keine Grössenangaben gemacht wurde, allerdings endet dies dann bei ca. 990px.

liebe grüsse piepser

piepser · 24. Februar 2012

Hallo,
das mit den Abständen habe ich soweit verstanden. Jedoch habe ich für #navi li nur ein margin-top mit 1opx. Was ja auch soweit ok ist.
Der Abstand nach links zum Border ist nirgends definiert - genauso wie die Grösse der einzelnen Buttons.
Bei der horizontalen Leiste ist eine Grösse mit 90px angegeben. Wenn ich die 90px + 25px mit dem orangen Rand und + 2px blauer Rand addieren, komme ich auf 117px. Bei meinem Ausdruck habe ich allerdings ca. 145px. Macht eine Differenz von ca. 28px.

Bei der vertikalen Leiste komme ich ja auch hin. Meine #navi-Box soll 200px breit sein und besitzt eine Abstand von margin-left: 20px. Dann komme ich wie auch mein Ausdruck bei ca. 220px raus.

Für mich sollte das alles eigentlich logisch erklärbar sein. Mache ich mir da einfach zu viele Gedanken? :oops:

gruss piepser

piepser · 24. Februar 2012

Hallo,
bin gerade mal den CSS-Kurs am durcharbeiten. Und habe ein paar Unklarheiten, die Ihr mir bestimmt erklären könnt.
Ich bin bei "Steuerung per CSS". Zum leichteren Verständnis meinerseits habe ich #navi um border:1px black solid; ergänzt.
- Wie errechnet sich die Höhe des Bereiches #navi? Unter dem letzten Button Impressum ist ja noch einiges an Platz. Müsste der Button nicht direkt mit dem Boden abschliessen?
- Wie errechnet sich die Breite der einzelnen "Buttons"?
- Warum sind die Buttons rechts in der Box #navi ausgerichtet?
- Warum wird die rote Linie der Buttons nicht komplett durchgezeichnet?

Bei der horizontalen Steuerung liegt dieser Bereich #navi oberhalb meiner Buttons.
- Warum macht das Sinn?
- Wenn ich dem eine feste Breite von z.B. 800px zuordne, dann bekomme ich die Buttons in einem Kasten angezeigt und die Buttons schliessen auch mit dem Boden ab.
- Zwischen den einzelnen Buttons sind ja immer 15px Luft. Wie errechnet sich der linke Abstand bis zum ersten Button?

Es wäre nett, wenn Ihr mir dies erklären könntet.
Vielen, lieben Dank im Voraus.
Gruss
piepser

piepser · 14. Februar 2012

vielen Dank für Eure schnellen Antworten.
zu Punkt 1:
Als Script habe ich folgendes benutzt.

Code

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




// Anzeigezeit in ms
var WechselZeit = 3000;







ImageArr = new Array()




// URL der Bilder  hier eintragen
ImageArr[ImageArr.length] = "bild_01.JPG";
ImageArr[ImageArr.length] = "bild_02.JPG";
ImageArr[ImageArr.length] = "bild_03.JPG";
ImageArr[ImageArr.length] = "bild_04.JPG";




var xAnzahl = ImageArr.length;
var xCounter=-1;







function Bildwechsel01() {
xCounter = xCounter+1;
  if (xCounter < xAnzahl) {
     document.getElementById('Foto01').src = ImageArr[xCounter];
     setTimeout ("Bildwechsel01()",WechselZeit);
     }
  else {
     xCounter = -1;
     Bildwechsel01();
     }
}










// Startverzögerung
setTimeout('Bildwechsel01()', 2000);




//-->
</script>







  <div id="kopf_b" align="center">
    <img id="Foto01" src="../bilder/bild_01.JPG" width="480" height="295" border="1" alt="">
  </div>

Alles anzeigen

Nur denke ich das ich für die weiche Überblendung ein neues Script benötige, oder ?

Zu Punkt 2: Also eine richtige Diashow ist dies ja eigentlich auch nicht. Es sollen wirklich nur die Bilder von links nach rechts laufen und auf meine Mausbewegung reagieren. Berühre ich die Bilder sollen sie stehen bleiben. Gehe ich mit der Maus von den Bildern dann sollten sie wieder weiterlaufen.
Es soll sich auch kein neues Fenster öffnen. Das ganze sollte sich im Hauptanzeigefenster abspielen.
Links Navigation - Button Bilder - und dann die Anzeige rechts im Hauptfenster.

liebe grüsse
piepser

piepser · 14. Februar 2012

Hallo,
nach stundenlanger Sucherei frage ich jetzt einfach hier mal ganz lieb nach, ob jemand eine Lösung weiss.
Als erstes möchte ich in einer Homepage im Kopf einen Bilderwechsel erzeugen. Dafür habe ich ein kleine javascript gefunden. Das funktioniert soweit auch ganz gut, nur gibt es keine weiche Überblendung bei den Bildern. Kann mir evtl. jemand sagen, wie ich dies ändern kann oder weiss jemand wo ich so einen Code finden könnte?

Als nächstes würde ich gerne eine Art Diashow einbauen. D.h. die Bilder sollen über den Bildschirm laufen und wenn ich mit der Maus drauf fahre, sollten sie anhalten. Beim Maus wegholen, sollten sie wieder weiterlaufen.

Bin für jede Hilfe oder Ansatzpunkt dankbar.
Vielen Dank im Voraus und liebe Grüsse
piepser

piepser · 31. Januar 2012

Na dann sage ich mal artig danke und werde ich mich mal ans lernen begeben
Mit dem melden, nehme ich Dich bestimmt noch beim Wort.
Liebe Grüsse
piepser

piepser · 31. Januar 2012

Hallo Laura,
vielen Dank für Deine Antwort.
Mit PHP habe ich bis jetzt noch nicht soviel gemacht. Kannst Du mir evtl. eine Seite empfehlen, wo ich genau das nachlesen und erlernen kann?
Das wäre echt sehr nett von Dir.
Liebe Grüsse
piepser

piepser · 31. Januar 2012

Hallo,
bin ganz neu hier und habe auch schon die erste Frage. Ich habe auch schon gegoogelt. Werde aber nicht so richtig fündig. Weiss auch ehrlich nicht so wirklich wie ich es bei google ausdrücken soll.
Also, ich möchte gerne eine Homepage für unseren Fotoverein schreiben und würde gerne eine Bildergalerie einbauen. Die Bildergalerie soll auch für jeden ersichtlich sein. Jedes Mitglied sollte seinen eigenen Ordner haben, indem Bilder hochgeladen werden können. Jedes Mitglied darf die Bilder aller Mitglieder zwar ansehen, jedoch nur Bilder in seinen eigenen Ordner hochladen. Dieser Hochlade-Vorgang müsste also Passwortgeschützt sein.
Kann man soetwas überhaupt realisieren und wenn ja, wäre es nett, wenn Ihr mir etwas auf die Sprünge helfen könntet.
Vielen Dank im Voraus und liebe Grüsse
piepser

Beiträge von piepser

passwortgeschützter Ordner

passwortgeschützter Ordner

eine Box über eine andere Box platzieren

eine Box über eine andere Box platzieren

eine Box über eine andere Box platzieren

eine Box über eine andere Box platzieren

allgemeine Verständnisfragen

mit php auslagern

mit php auslagern

allgemeine Verständnisfragen

allgemeine Verständnisfragen

allgemeine Verständnisfragen

weiche Überblendung und Diashow mit Mauseffekt

weiche Überblendung und Diashow mit Mauseffekt

passwortgeschützter Ordner

passwortgeschützter Ordner

passwortgeschützter Ordner