Autor |
Nachricht |
katrin2006
Threadersteller
Dabei seit: 14.11.2006
Ort: Münster
Alter: 37
Geschlecht:
|
Verfasst Do 26.07.2007 09:24
Titel CSS Anfängerin braucht Rat |
|
|
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!
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 26.07.2007 09:44
Titel
|
|
|
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.
|
|
|
|
|
Anzeige
|
|
|
JohannL
Dabei seit: 07.07.2007
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Do 26.07.2007 09:48
Titel
|
|
|
Ich glaube, das geht nur mit Javascript (falls ich mich irre, wird hier sowieso jemand aufschreien ):
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.
|
|
|
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Do 26.07.2007 10:51
Titel
|
|
|
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
|
|
|
|
|
womb
Dabei seit: 04.07.2007
Ort: Suisse
Alter: 40
Geschlecht: -
|
Verfasst Mi 12.09.2007 11:12
Titel
|
|
|
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är-Profis</h1>
<br>
Nur bei uns bekommen Sie die Schweizer Qualität und Erfahrung.
Ob Sanitä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ä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;
} |
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mi 12.09.2007 11:31
Titel
|
|
|
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
|
|
|
|
|
womb
Dabei seit: 04.07.2007
Ort: Suisse
Alter: 40
Geschlecht: -
|
Verfasst Mi 12.09.2007 12:12
Titel
|
|
|
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...
Zuletzt bearbeitet von womb am Mi 12.09.2007 12:14, insgesamt 1-mal bearbeitet
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mi 12.09.2007 23:20
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ähnliche Themen |
farben im illustrator - anfängerin!
[CSS] Div-Problem einer Anfängerin
+++ Bitte um ScrollText Hilfe von Anfängerin +++
flashvideo mit player auf webseite - für html anfängerin
Was braucht man bei Pitches von Firmen
Nerd braucht hilfe auf website
|
|