mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 15.07.2020 03:53 Benutzername: Passwort: Auto-Login

Thema: CSS Anfängerin braucht Rat vom 26.07.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Anfängerin braucht Rat
Autor Nachricht
katrin2006
Threadersteller

Dabei seit: 14.11.2006
Ort: Münster
Alter: 33
Geschlecht: Weiblich
Verfasst Do 26.07.2007 09:24
Titel

CSS Anfängerin braucht Rat

Antworten mit Zitat Zum Seitenanfang

Aaalso...

Ich bastle an einer HP für einen Verein und hatte das vorerst mit Tabellen und einem Iframe aufgebaut..
Nun wurde mir gesagt ich solle doch besser DIV Ebenen nutzen... Ist auch alles schön und gut. Hat geklappt mit dem Aufbauen etc...
Nun geht es darum, dass ich nicht weiss, wie ich eine Ebene sozusagen als Frame nutze..
wenn ich nun also auf eines meiner Bilder, welche ich als Buttons verwenden möchte, klicke, soll quasi eine Ebene sichtbar werden. Also wie ein link sodass ich meine ganze seite in einer Datei habe..

Zunächst einmal die Frage: Geht das wirklich so? Ich finde nichts im Internet dazu..
und Wenn es denn geht - wie??????
Noch dazu muss ich sagen dass ich mit Golive arbeite.. Allerdings sind mir lösungen die sich nur auf einen Quelltext beziehen, also Programmunspezifisch, genauso willkommen!
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 26.07.2007 09:44
Titel

Antworten mit Zitat Zum Seitenanfang

Typischer Anfänger Denkfehler, das geht so nicht. Du könntest allerdings Javascript
nutzen um den Inhalt eines DIV Elementes ein- und auszublenden.
Ansonsten mußt du mit verschiedenen Dateien arbeiten auf die du verlinkst.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
JohannL

Dabei seit: 07.07.2007
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 26.07.2007 09:48
Titel

Antworten mit Zitat Zum Seitenanfang

Ich glaube, das geht nur mit Javascript (falls ich mich irre, wird hier sowieso jemand aufschreien Grins):

Du setzt im CSS für den Inhalt "display:none;", so daß es erstmal unsichtbar ist. Wird dann der button geklickt, wird das per Javascript in "display:block;" geändert. Hab' jetzt leider keinen javascript-code-schnipsel parat, ist nicht so mein Gebiet.

Aber hey, warum nicht einfach stinknormale Links? Javascript hat einige Nachteile, nicht zuletzt was Suchmaschinen betrifft.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Do 26.07.2007 10:51
Titel

Antworten mit Zitat Zum Seitenanfang

Ich denk mal du willst eine Website in CSS Realisieren und Inhalte per click ändern.

Früher hast du dir nen Iframe gebastelt und da drin Ein HTML Dokument Geöffnet.

Das geht immer noch ist aber nicht schön.

Du machst das wie folgt:

Bau dein Layout in CSS und jetzt kannst du auf 3 Wegen wandeln.

1. Einfacher aber umständlich bei Großen Seiten.
Du Packst Layout, Menü und Inhalt in eine Seite.
Am Ende hast du dann sagen wir mal, 10 Seiten die Gleich aussehen und wo sich nur der Inhalt verändert. Das is die Einfachste Variante

2. Du baust das ganze mit PHP und inserthtml
Das ist ähnlich wie ein iFrame du fügst an einem vorab definierten Punkt ein anderes html Dokument ein.
(davon hab ich keinen Plan bin kein Programmiere sondern Gestalter) :p

3. du machst es wie ich und nimmst ein CMS (etwa Joomla!)
Hier hast du direkt noch ne Datenbank drin und musst nicht viel Programmieren.
Inhalte und Layout sind Strick voneinander Getrennt.
Die Inhalte werden Online in einer Datenbank Gesichert.

über CSS hier mehr
http://www.css4you.de/
http://css.fractatulum.net/

PS
CSS wird nicht Programmiert :p


Zuletzt bearbeitet von Mark-Korb am Do 26.07.2007 10:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
womb

Dabei seit: 04.07.2007
Ort: Suisse
Alter: 36
Geschlecht: -
Verfasst Mi 12.09.2007 11:12
Titel

Antworten mit Zitat Zum Seitenanfang

Sali, ich glaube der Titel passt zu meinen Problem ^^

Folgendes... ich habe das erste mal für einen Kunden eine Website mit CSS erstellt.
Ich bin eigentlich ganz zufrieden damit.
Nur muss es natürlich auch auf den IE6 funktionieren und nicht nur auf FF und IE7.

Und da habe ich eine einzige Grafik die mir im IE6 einfach Probleme macht.
Das ganze soll so aussehen: http://www.watair.net/alpha/welcome.html (Mal bitte IE7 oder FF nutzen ^^)

Im IE6 ist das BAD-Bild (das grosse links) aber einige Pixel weiter unten als es soll.
Das sieht dann so ungefähr aus:

http://img264.imageshack.us/img264/2245/0001hl0.jpg

Habe es mittlerweile, in ein eigenes DIV getan... so das es nun ganz links ist.
Und nicht mehr über den eigentlichen Textbereich...
Doch ist das Bild immer noch einige Pixel über den Fussbereich drüber... ich weis aber nicht warum?

Ich hoffe ihr könnt mir helfen???



Im Quellcode sieht das so aus:
Code:
<div id="textbereich">
            <img src="img/vb/vb_01a.png" alt="WATAIR.net" width="299" height="335" class="bildlinks" />
            <div id="textbereich2">   
            <h1> Willkommen bei den schweizern Sanit&auml;r-Profis</h1>
            <br>
               Nur bei uns bekommen Sie die Schweizer Qualit&auml;t und Erfahrung.
               Ob Sanit&auml;r oder Klimaanlagen die WATAIR ist ihr Ansprechpartner in allen Fragen. Wir bieten Beratung, Installationen, Reparaturen und Service aus einer Hand.
               Kompetente Beratung durch ausgebildete Fachkr&auml;fte.
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            </div><!-- Ende textbereich2 -->
      </div><!-- Ende textbereich -->


Und im CSS:
Code:
   #textbereich  {
      background: url(../img/vb/wellen2.gif) repeat-y;
      position: relative;
      padding: 100px 30px 0 0;
   }
      #textbereich2  {
         position: relative;
         padding: 0 30px 100px 330px;
      }

+
Code:
   .bildlinks {
      position: absolute;
      bottom: 0;
      left: 0;
      }
  View user's profile Private Nachricht senden
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mi 12.09.2007 11:31
Titel

Antworten mit Zitat Zum Seitenanfang

probier mal aus #textbereich das position:relative; rauszunehmen

ansonsten würde ich vom nutzen des postion attributes nur abraten.
normalerweise unnötig
machs lieber mit float, margin und padding
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
womb

Dabei seit: 04.07.2007
Ort: Suisse
Alter: 36
Geschlecht: -
Verfasst Mi 12.09.2007 12:12
Titel

Antworten mit Zitat Zum Seitenanfang

Das hatte ich eigentlich davor so,
aber da hing das Bild aus unerklärlichen Gründen immer in der Mitte des DIVs.
So war es wenigstens links und nach unten ausgerichtet.

Habe gerade nachgeschaut, behalte immer die allten CSS... ^^
Da hiess es:

Code:
   
.bildlinks {
   float: left;
   padding-right: 30px;
   bottom: 0px;
}

und

#textbereich  {
   background-color: white;
   padding: 0 30px 0 0;
}



Oder wie sollte der Befehl heissen, wie gesagt... das ist meine erste Website mit CSS... habe da noch einpaar Probleme durch zuschauen... *zwinker*


Zuletzt bearbeitet von womb am Mi 12.09.2007 12:14, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mi 12.09.2007 23:20
Titel

Antworten mit Zitat Zum Seitenanfang

bei dir ist ja auch das bild in der div drinnen
am besten wäre erst mal du machst um das bild die divbox anstatt dem bild die class zuzuweisen
(is aber auch egal eigentlich)
und dann kommt der textbereich danach

das bild kann ja nicht floaten, wenn es schon in der box mit enthalten ist
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Anfänger braucht Rat zum Homepage-Design
InDesign CS5: Anfänger braucht Rat bei einer Speisekarte
[CSS] Div-Problem einer Anfängerin
CSS Anfänger braucht eure Hilfe..
printler braucht hilfe beim HTML/CSS :C!
farben im illustrator - anfängerin!
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.