Anzeige

Hilfe CSS: Hintergrundbild und transparente Textboxen

Hilfe CSS: Hintergrundbild und transparente Textboxen | PSD-Tutorials.de

Erstellt von tina777, 09.12.2011.

  1. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    Hallo ihr Lieben, leider bin ich aus den anderen Beiträgen absolut nicht sclau geworden, da ich wirklich absoluter Neuling bin...
    Ich habe folgendes Problem:
    Angenommen ich definiere in CSS den seitenhintergrund blau. Die Schrift soll grün sein und der Hintergrund der Schrift transparent.
    Funktioniert wunderbar und sieht bei mir so aus:
    http://imageshack.us/photo/my-images/803/bild1d.jpg/
    mit code
    http://imageshack.us/photo/my-images/832/css1t.jpg/

    sooo... wenn ich jetzt allerdings ein bild in den hintergrund setze, dann werden die textkästen irgendwie nicht mehr transparent angezeigt...
    http://imageshack.us/photo/my-images/233/bild2xe.jpg/
    so eingegeben:
    http://imageshack.us/photo/my-images/248/css2h.jpg/


    vielleicht isses ja nur ne Kleinigkeit, keine Ahnung, bin echt absoluter Neuling auf dem Gebiet...
    Danke für eue Hilfe
    tina
     
    Zuletzt bearbeitet: 03.05.2013
    #1      
  2. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Es wäre besser, wenn du den code nicht als Bilder postest. Woher kommt das weiß? Es muss ja irgendwo definiert sein. Auch solltest du dich fragen, WARUM dein Editor die Eigenschaft ROT darstellt. Das macht der bestimmt nicht einfach so ;) Es fehlen die Semikolon, deshalb ignoriert der Browser auch deine Anweisung.
     
    #2      
  3. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Hi cebito,

    upps ja das mit dem semikolon hab ich verbessert, hat sich aber nichts geändert, das weiss wurde nirgens definiert, das Bild is genau so die CSS-Datei!!

    Merci
    tina
     
    #3      
  4. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Poste bitte deinen gesamten Quelltext, HTML und CSS hier rein. Die Farbe ist definitiv irgendwo definiert. Mit so Codeschnipseln im Bildformat kann man dir nicht helfen.
     
    #4      
  5. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    weiter bin ich noch nicht... :-(
     
    Zuletzt bearbeitet: 03.05.2013
    #5      
  6. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    * ist der Universalselektor für ALLE Elemente, das heißt, du gibst JEDEM Element das Hintergrundbild. Das lässt sich natürlich mit background-color nicht wegmachen ;)
     
    #6      
  7. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    aaaaaaahhhhhhhhhhh... wie dämlich von mir- das wusst ich nicht...geändert, funktioniert!!!!
    VIELEN DANK!!!!

    tina
     
    #7      
  8. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Ein kleiner Hinweis noch von mir:
    Warum steckst du jede einzelne Zeile in ein <p> Element? Manuelle Zeilenumbrüche kannst du mit <br/> machen
     
    #8      
  9. Endstille

    Endstille Freakout

    Dabei seit:
    06.02.2008
    Beiträge:
    113
    Geschlecht:
    männlich
    Ort:
    LL
    Software:
    Master CS5, Cinema4D
    Kameratyp:
    EOS 450D
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Noch nen Tip für Mozilla als Addon Firebug installieren, der findet evtl so mini Fehler sofort :)
     
    #9      
  10. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Hi;
    Danke für eure Tipps simonpicos und endstille, ich werd das alles mal versuchen,
    is im Moment noch etwas viel, wie gesagt bin noch absolutes Greenhorn :-D
    Aber ihr seid echt ne Hammer Hilfe!!!
     
    #10      
  11. Endstille

    Endstille Freakout

    Dabei seit:
    06.02.2008
    Beiträge:
    113
    Geschlecht:
    männlich
    Ort:
    LL
    Software:
    Master CS5, Cinema4D
    Kameratyp:
    EOS 450D
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    NA ich bin auch kein Profi, auch grad mal in Ausbildung :)
    Aber nen Tip von unserem Dozenten war eben das mit dem FIrebug, das ist nen Addon das dir quasi die Seite im Firefox aneigt und unten dazu den Code, rechts siehst in nem kleinen Bild dann alle CSS daten und Codes, kannst auf jede Homepage anwenden und kannst z.B. die Farbe in Hex anzeigen lassen. Ist recht praktisch.
    Mit was programmierst Du denn ? Also welchem Editor ?
     
    #11      
  12. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Hi Endstille,
    das mit dem Firebug hab ich schonmal in nem Buch gelesen dass es ganz praktisch ist. Werd ich in dem Fall gleich installieren und testen. Als Editor habe ich Scriptly von Webocton. Find ich eig ganz cool, aber ich kenn auch ehrlich gesagt kein anderes :-D
     
    #12      
  13. Endstille

    Endstille Freakout

    Dabei seit:
    06.02.2008
    Beiträge:
    113
    Geschlecht:
    männlich
    Ort:
    LL
    Software:
    Master CS5, Cinema4D
    Kameratyp:
    EOS 450D
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    "Netbeans" oder Notpad++ fand ich auch recht ok, zumindest für Leute die kein Adobe Dreamweaver haben. ist auch recht gut als Editor, auch wenn der eigentlich für Programmierer gedacht ist !?! Aber der zeigt DIr auch gleich immer an wenn DU mal nen <Tag> nicht geschlossen hast usw. bzw die zusammen gehörigen <tags> :) also farbig.
     
    #13      
  14. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    welcher Editor ist eigentlich für Programmierer gedacht?
    Ich muss zu meiner Schande gestehen, dass ich sogar den Dreamweaver habe, aber will erstmal lernen, wie man in einem simplen Editor die Codes schreibt- ausser du sagst mir jetzt, dass man das im Dreamweaver besser lernen kann ?!?
     
    #14      
  15. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Als Anfänger kommst du bei DW leicht in Versuchung die WYSIWYG-Funktion zu nutzen. Das ist Gift für den Lernprozess. Scriptly ist schon ok, nutz ich auch ;)
     
    #15      
  16. Endstille

    Endstille Freakout

    Dabei seit:
    06.02.2008
    Beiträge:
    113
    Geschlecht:
    männlich
    Ort:
    LL
    Software:
    Master CS5, Cinema4D
    Kameratyp:
    EOS 450D
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Der Netbeans meinte ich :)
    Dreamweaver erleichtert Dir manches, allerdings wenn Du am Anfang mit HTML und CSS liegst, dann macht es Sinn erst mal die Grundkenntnisse per selber schreiben zu lernen :)
     
    #16      
  17. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    Ich bleib erstmal bei meim kleinen Scriptly, damits für mich nicht zu unübersichtlich wird, wenn ich mehrere Editoren auf einmal probier bevor ich richtig schreiben kann :)))

    Hab grad Firebug installiert und probiert...is ja echt hammer!!!
    Echt hilfreich beim lernen!!!
     
    Zuletzt von einem Moderator bearbeitet: 09.12.2011
    #17      
  18. Endstille

    Endstille Freakout

    Dabei seit:
    06.02.2008
    Beiträge:
    113
    Geschlecht:
    männlich
    Ort:
    LL
    Software:
    Master CS5, Cinema4D
    Kameratyp:
    EOS 450D
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Jo finde den sehr hilfreich gerade wenn man nen Fehler im Code hat und der dir die Zeile und das Wort bzw den tag sagt :)
     
    #18      
  19. tina777

    tina777 zielstreber

    Dabei seit:
    23.02.2010
    Beiträge:
    68
    Geschlecht:
    weiblich
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    ja find ich auch- Danke nochmal euch allen!
     
    #19      
  20. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    Hilfe CSS: Hintergrundbild und transparente Textboxen
    AW: Hilfe CSS: Hintergrundbild und transparente Textboxen

    Man programmiert kein HTML& CSS ;)

    @TO Ich nutze auch seit Anfang an Scriptly. Kann ich nur empfehlen :) Allerdings sit es am Anfang sicher nicht unsinnig die Autovervollständigung abzustellen ..
    Aber jetzt rutschen wir ja schon in eine Editodiskussion rein:D
    Wenn du nochmal Hilfe mit deinem Projekt brauchst, kannst du dich hier gerne melden :)
     
    #20      
Seobility SEO Tool
x
×
×