Du kannst es aber auch mit Hilfe einer Tabelle machen. Tabelle bekommt 2 Spalten. Linke Spalte Bild rein. Rechte Spalte Text rein .
width:200px; padding:5px;">BILD
width:150px; padding:5px;">Hier Text
Die Linke Tabellenspalte bekommt bei width die
Breite, die dein Bild auch hat. Und die Breite
für die rechte Spalte mit dem Text kannst du
im Code auch frei wählen.
Dort wo BILD steht,
fügst du die BILD-URL des Bildes ein.
Name:
Seiyu
Homepage:
-
Zeit:
13.10.2010 um 08:57 (UTC)
Nachricht:
Hi,
weist Du wie man einen Text neben einem Bild plaziert?
Kommentar:
Hallo Seiyu,
ja , das kannst du mit dem Baukasten-Editor machen.
Hallo,
als Erstes: Vielen Dank für deine ausführliche Homepage, sie hat mir schon das ein oder andere mal echt geholfen
Ich habe versucht mir meine Newsseite anzupassen.. nun stellt sich mir die Frage, ob es auch möglich ist, dass der Titel und die "Infos" (Also Autor und Verfassungsdatum) in meinem Textfeld, also da bei mir neben dem "Berg" sind?
Ausserdem weiß ich nicht wie man die :
<-zurück Seitenauswahl weiter->
Zeile bei der News und Gästebuchseite zentriert. Bei mir sind die anscheinend Linksbündig...
Wäre echt nett, wenn du mir helfen könntest.
Liebe Grüße
Sandra
Kommentar:
Hallo Sandra,
die News sitzen in einer Tabelle,
die Tabelle hat 2 Spalten untereinander.
In der ersten Tabellenspalte befinden sich die Absender-Infos. Die bekommen wir leider nicht in Tabellenspalte darunter platziert.
Navigation unter den News :
Das <-Zurück | Seitenauswahl | Weiter ->
befindet sich in einer 33% breiten Tabellenspalte.
Sieht im Quellcode so aus:
Dieser Tabellenspalte gibst du einen Innenabstand nach Links . Mit padding-left. Dann rutscht der Inhalt nach Rechts :
- 1. Code ist für Eintragsformular oben
- 2. Code ist für Nachrichtenfeld
- 3. Code ist für Gästebuch-Einträge
- 4. Code für eigene Kommentare
In allen Codes findet Ihr :
- das background-color: (für Hintergrundfarbe)
- das background-image: url(Bild-URL); (für Hintergrundbild)
Ihr gebt entweder im Code eine Hintergrundfarbe an, oder gewünschtes Hintergrundbild.
Das habe ich in den Codes immer frei gelassen. Weil ja jeder eine andere Farbe, oder eine andere Grafik verwenden möchte.
Name:
Max
Homepage:
-
Zeit:
09.10.2010 um 23:00 (UTC)
Nachricht:
Ich hätte mal ne Frage.
Wie kann ich ein gif Animation in eine Seite oder in das Intro einfügen so das es sich bewegt
Auf meine PC geht es ja.
Kommentar:
Hallo Maxi,
- auf "Bilder verwalten"
- dort Haken entfernen bei "Bild verkleinern"
- GIF Bild nun hochladen
Entfernt man den Haken nicht,
bleibt das GIF-Bild ein Standbild
Name:
Glenn
Homepage:
-
Zeit:
09.10.2010 um 16:27 (UTC)
Nachricht:
ooh tut mir leid also ich meinte die felder zum einloggen.. Und noch ne frage : kann man es so machen das nach dem einloggen das das design dannach anders ist und man sich das auch designen kann?
Kommentar:
Hallo Glenn,
für Login gibt es 2 Möglichkeiten:
- entweder in der rechten Box
- oder im Seiteninhalt
Nach dem Einloggen erscheint eine Seite. Die dann auflistet, welche Seiten zu sehen sind. Diese Seite mit der Info, die können wir nicht bearbeiten. Die taucht nicht bei "Eigene Seiten editieren" auf. Die hat keinen Editor. Die können wir nicht bearbeiten.
Die Seiten, die nach dem Login zu sehen sind, die können ein anderes Design bekommen. Der Design-Code muss dann aber in die erstellte Seite hinein. Nicht im Feld "Text über Design".
Wenn bestimmte Seiten ein anderes Design bekommen soll, darf der CSS-Code nicht im Feld "Text über Design" stehen. Der muss dann in jede erstellte Seite hinein.
Die Seite, die nach dem Einloggen erscheint, hätte dann aber kein Design. Die benötigt einen Design-Code im Feld "Text über Design". ABER.... was wir da einfügen, gilt ja wieder für alle Seiten.
Kurz gesagt:
Die Seite, die direkt nach dem Einloggen auftaucht, die können wir separat nicht gestalten.
Name:
Adrian
Homepage:
-
Zeit:
09.10.2010 um 13:45 (UTC)
Nachricht:
Hi, kleine Frage:
Man kann ja "Unterseiten" einstellen. Auf der hp steht dann vor diesen immer ein "=>", und mir wäre es lieber, wenn meine Unterseiten einfach nur ein wenig eingerückt wären anstatt dieses Zeichen davor stehen zu haben.
Gibt es da einen Trick?
Kommentar:
Hallo Adrian,
diese => Zeichen auf den Navi-Buttons der Unterseiten, die können wir leider nicht entfernen.
Diese Zeichen sind leider keine Grafiken, und sie haben auch keine Klasse, keine ID im Quellcode. És handelt sich um Textzeichen. Entfernen können wir sie leider nicht.
Oder Banner zum kopieren und Beschriften: http://free-picture.de.tl/Banner.htm
- Die brauchst du nur noch beschriften.
- Fertigen Banner hochlden bei "Bilder verwalten".
- Bild einfügen auf gewünschter Seite.
Deine Besucher sollen sicherlich unter dem Banner einen Code kopieren können? Der Code enthält deinen Banner, verlinkt auf deine Homepage. Das macht man mit einem textarea Feld.
Textarea-Feld bekommt als Inhalt den HTML-Code für verlinktes Bild. Viele nennen es "Bannercode". Beschreibung hier.
Name:
Glenn
Homepage:
-
Zeit:
08.10.2010 um 18:34 (UTC)
Nachricht:
Hi ich habe eine frage kann man die extern dazugestelten nachrichten ( extra -) felder woanders hinschieben?
Kommentar:
Hallo Glenn ,
meinst du 1 Feld in einem der Baukasten-Extras ?
Oder 1 Feld, das zusätzlich erstellt wurde ?
Das Feld nach Oben / Unten verschieben:
Mit der Zahl, die neben top steht.
Je höher die Zahl, desto tiefer das Feld.
Das Feld nach Links / Rechts verschieben ?
Mit der Zahl neben margin-left
Bildschirmmitte ist margin-left: 0px;
Linke Bildschirmhälfte = margin-left mit Minuszahl
Je höher die Minuszahl, desto weiter nach Links.
Soll das Feld auf der rechten Bildschirmhälfte platziert werden, bei margin-left mit Pluszahlen arbeiten. Je höher die Zahl, desto weiter Rechts.
Hallo,
Also ich will ein login auf meiner seite bauen unzwar soll das so gehen wen die mitglieder direkt auf die seite gehen und auf startseite gelangen soll dan da der login stehen erst wen die sich einloggen können die sich alles durchlesen so und ich weis auch nicht wie man ein kontaktforumular macht.
Kommentar:
Hallo Rasit,
Deine Startseite und das Kontaktformular müssen ohne Login für alle zu sehen sein.
Kontaktformular erstellen:
- Einloggen in Homepage
- auf "Extras editieren"
- wähle das Extra "Kontakt" aus
- nun kannst du das Kontaktformular einstellen
- klicke auf den Button "weitere Optionen"
- hier kannst du weitere Felder erstellen
- z.B. gewünschter Login-Name
- z.B. gewünschtes Passwort
- das können deine Besucher dann ausfüllen
Eine dritte Seite bekommt den Login.
- auf "Extras editieren"
- wähle dort das Extra "versteckte Seiten"
- gebe der Seite den Titel "Login"
- speichern
Alle anderen Seiten machst du nun zur Unterseite von Login.
Sie alle sind nur nach dem Einloggen zu sehen.
Ich habe deine Tipps befolgt und im Quellcode der Seite alle "Span"-Befehle gelöscht. Es ist leider nicht mehr Text sichtbar geworden. Das Problem, dass der Content einfach aufhört ist auf jeder Seite so, dass ist mir jetzt aufgefallen.
Hier ein Link:
http://abizeit11.de.tl/Forum2/cat-1-Beispielforum.htm
Hier müsstest du das Forum vom Baukasten sehen, wie es einfach abgeschnitten wird.
Das ist wirklich verdammt merkwürdig. Ich habe auch einmal zum Test eine Seite eingerichtet, auf der ich ein externes Forum via iFrame eingebunden habe. Auch hier hat man es gesehen, dass das untere Ende des Forums nicht zu sehen war und ein Teil fehlte.
Ich habe um den Content jetzt mal einen Rahmen gemacht. Obwohl ich den Content über 1000px bei "Height" eingestellt habe, ist der Content nicht lang. Das siehst du, egal auf welcher Seite. Der Content hört auf.
Woran kann das bloß liegen?
Vielen DAnk,
lg
Jens
Kommentar:
Hallo Jens,
Du verwendest das Baukasten-Design CSS.
Dieses Design hat einen Container (#container) , der alle Felder im Design zusammenhält :
#container hat als Inhalt :
- das Headerfeld : #header_container
- das Feld der Navi : #nav_container
- das Textfeld : #content
- die rechte Box : #sidebar_container
Du hast dem Design ein #wrapper gegeben, ... der die gleiche Funktion hat. Überflüssig. Wir haben bereits im Baukasten-Quellcode den #container.
Der Container , der das ganze Design zusammenhält, bekommt eine Breite. Und ein overflow: hidden; . Damit der Container mitwachsen kann. Zur Zeit schneidet er dein Seiteninhalt ab.
Der Container wäre nun mittig.
Egal wie lang die Seiten werden, er wächst mit.
Nun wird der Header gestaltet.
Das ist bei dir das #top
Benenne es mal um in #header_container
Damit kann auch das
heraus. Dein Headerbild kann ja nun #sidebar_container bekommen.
Es bekommt Breite und Höhe.
Zentrieren ? Der Container ist bereits zentriert.
Der Header sitzt innerhalb des Containers.
Dein Textfeld #content :
- benötigt keine Positionierung
- es befindet sich im Container
- position: absolute; <-- entfernen
- top <--- entfernen
- beide left <--- entfernen
Das was sich rechts befindet, der Login und der Facebook-Teil darunter, das kann alles als Inhalt in die rechte Box.
Gestalten tust du die mit #sidebar_container { ...
Und das, was in deinem CSS Code die Box darstellt,
kann heraus, inklusve das DIV dazu.
Leider enthält dein jetziges Design derart viele verschachtelte DIVs, das es im Quellcode schwer fällt, Ursachen zu finden.
Dazu kommt : Einige Felder wurden nur gefloatet, andere absolut positioniert.
Die Zahl der DIV's für die rechte Box konnte ich gar nicht zählen.
Das was unter das Design hinein soll... würde ich im Feld "Text unter Design" einfügen.
Kurz gesagt:
Das Design sollte von Grund auf anders aufgebaut werden.
Ich habe getestet :
--------------------------------
- verwenden des #containers
- entfernen der Positionierung fürs Textfeld
- der Inhalt wurde dann in voller Länge angezeigt.
wenn ich auf das feld bild verkleinern klike(um den haken weg zu kriegen),drücke ich dann auf bild hochladen und dann wird das Bild wieder verkleiner...häää?
Kommentar:
hallo Patrick,
von einem Fehler ist mir da nichts bekannt.
- welche Größe hat das Bild vor dem Hochladen ?
- auf welcher Seite ist das Bild ?
Hallo,
Ich hab noch ein kleineres Problem: Im Gästebuch ist der Footer über den ganzen Bildschirm vergrößert und ich möchte aber, dass er nur so groß ist, wie das Textfeld ist. Kannst du mir helfen, oder gibt es da keine Lösung?
Gruß Kevin
Kommentar:
Hallo Kevin,
Du meinst den schwarzen Balken unten ?
Das Bild mit dem Balken hat #counter {
Dem fehlt im Code eine Breite.
Fasse doch beide zusammen.
Korrigiere noch das hight in height
Und geben dem auch eine Breite (mit width: 900px;)
und auch einen Außenabstand nach Links (mit margin-left).
Wie mit dem Gästebucheinträgen.
Hallo,
Ich habe ein Problem: In meinem Gästebuch sind die Einträge nicht zentriert, sondern bündig mit der linken Seite des Bildschirms.
Kannst du mir helfen?
Gruß Kevin
Kommentar:
Hallo Kevin,
Ursache ist dein table[width="80%"] { ....
Das ist die Tabelle mit den Gästebucheinträgen.
Schaue dort mal das width=1000px; an
Und das align=center;
Diese beiden Anweisungen sind nicht korrekt
Bei CSS verwenden wir kein Gleichzeichen (=).
Ersetze das = durch einen Doppelpunkt (:)
Korrekt ist es also so :
---------------------
width: 1000px;
text-align: center;
Damit die Gästebucheinträge ins Textfeld rücken , gebe der Tabelle table[width="80%"] einen Außen-Abstand nach Links.
Mit margin-left: Die Breite width:1000px; solltest du auch noch mal überdenken .
Besser wäre es so :
---------------------
width: 900px;
margin-left: 270px;
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV
Sorry, das war mir nicht bekannt. Ich selber habe den Editor nicht aktiv bei mir. Darum konnte ich es nicht selbst sehen. 
