zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Ein Bild mit CSS einfügen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.09.2013, 08:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.12.2011
Beiträge: 8
pstein befindet sich auf einem aufstrebenden Ast
Standard Ein Bild mit CSS einfügen?

Angenommen ich habe ein HTML Code etwa wie folgt:

<div class="aaa">
<p class="bbb">
....
</p>
</div>

Jetzt will ich ein Bild innerhalb des Elementes <p class="bbb">...</p> einfügen.
Und zwar soll nicht der HTML code geändert werden sondern das ganze soll über CSS passieren.

Geht das?
Könnte so etwas wie folgt funktionieren:

.aaa { img src="http://www.mydomain.com/mypic.png" !important; }
oder
.bbb { img src="http://www.mydomain.com/mypic.png" !important; }

Danke
Peter
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.09.2013, 10:45
Benutzerbild von lottikarotti
Ein ♥ für's Web
XHTMLforum-Mitglied
 
Registriert seit: 18.04.2012
Ort: Karlsruhe
Beiträge: 396
lottikarotti wird schon bald berühmt werden
Standard

Hallöchen,

für diesen Zweck gibt es background-image.

Viele Grüße,
lotti
__________________
Empfehlenswerte Links:
jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.09.2013, 12:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.12.2011
Beiträge: 8
pstein befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von lottikarotti Beitrag anzeigen
für diesen Zweck gibt es background-image.
Genau das will ich nicht!

Denn wenn der User/Besucher dann beim Drucken einstellt "ohne Hintergrund drucken" wird das Bild NICHT mitgedruckt. Ich will aber dass es mitgedruckt wird.

Gibt es also vielleicht noch eine andere Möglichkeit?
Mit Zitat antworten
  #4 (permalink)  
Alt 25.09.2013, 12:46
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Geht nicht ist die Antwort.

Entweder du fügst ein Bild ins HTML DOM ein, dann änderst du immer den Code oder du hast es als HIntergrundbild per CSS.

Auch Javascriptlösungen oder Pseudoklassen wie before oder after, andern den Code und würden auch nicht innerhalb des P-Elementes das Bild erscheinen lassen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #5 (permalink)  
Alt 25.09.2013, 13:32
Benutzerbild von lottikarotti
Ein ♥ für's Web
XHTMLforum-Mitglied
 
Registriert seit: 18.04.2012
Ort: Karlsruhe
Beiträge: 396
lottikarotti wird schon bald berühmt werden
Standard

Hallöchen,

Zitat:
Zitat von pstein Beitrag anzeigen
Genau das will ich nicht!

Denn wenn der User/Besucher dann beim Drucken einstellt "ohne Hintergrund drucken" wird das Bild NICHT mitgedruckt. Ich will aber dass es mitgedruckt wird.
Und wieso sollte das Hintergrundbild mitgedruckt werden, wenn der Benutzer das nicht möchte? Wenn ein Bild für den Inhalt relevant ist, solltest du es in Form eines img-Elements in dein Markup integrieren. CSS dient nur zu Dekoration des Inhalts. Auch sollte dem Benutzer nichts vorgeschrieben werden - sowas nennt man heutzutage "Benutzerfreundlichkeit" oder auch "Usability".

Zitat:
Zitat von pstein Beitrag anzeigen
Gibt es also vielleicht noch eine andere Möglichkeit?
Ja, binde das was zum Inhalt gehört auch genau dort ein.

Viele Grüße,
lotti
__________________
Empfehlenswerte Links:
jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint
Mit Zitat antworten
  #6 (permalink)  
Alt 25.09.2013, 19:04
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Das Hintergrund ist bestimmt total wichtig und enthält bestimmt Informationen... oh, die hätten auch in das Dokument gemusst... aber ne Hintergrundbild ist geiler
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Im Bild Anmerkungen/Kommentare einfügen helloworld CSS 4 14.03.2012 08:17
Dreamweaver - Bild aus Zwischenablage einfügen mimii Offtopic 9 16.12.2011 10:06
Bild in Zeile einfügen - feste Formatierung MK70 CSS 14 09.10.2011 20:01
grafik in HTML oder per CSS einfügen? Nabonid (X)HTML 4 06.10.2011 14:45
css rollover - bild 'flackert' playaz CSS 3 02.05.2007 09:30


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:34 Uhr.