zurück zur Startseite
  


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

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.04.2014, 11:42
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2014
Beiträge: 32
mcdutch befindet sich auf einem aufstrebenden Ast
Standard Bilder einfügen mit CSS

Ich habe eine sehr einfache Aufgabe, die mir wieder einmal aufzeigt, dass ich Probleme mit Positionierungen habe.


Möchte einfach nur Bilder einfügen. Allerdings sollen die das Layout der Seite nicht verändern.


Die Seite ist ein CMS-System und dort möchte ich an 5 freien Stellen Bilder einfügen.

An 4 Stellen, werde ich diese wohl direkt als image einbinden.

Da sieht das erste zum Beispiel so aus:

<p><img alt="Ei" class="smallcontent_pic" src="/out/easteregg_magenta.png" style="position:absolute;left:780px;" /></p>

Hier stellt sich mir schon die Frage, ob es überhaupt richtig ist das Bild absolute zu positionieren. Ich möchte es über ein anderes Bild legen und hab sonst keine Möglichkeit gefunden. Wie macht man so etwas richtig?

Die 5. Stelle ist die Startseite und da werde ich es wohl als background-image einfügen.

Code:
#page .gebote{
	background-image: url(../../out/easteregg_red.png);
	background-repeat:no-repeat; 
	position:absolute
	
}

Da wird mir jetzt gar nichts angezeigt. Ich weiß aber nicht, ob man ein Background-image überhaupt so positionieren kann, oder ob das dann nur über background-position geht. Ich hoffe jemand kann mir helfen. Ich möchte einfach nur wissen, was man nimmt, wenn man Bilder so einfügen möchte, dass der Rest der Seite sich nicht verändert
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.04.2014, 11:29
Benutzer
neuer user
 
Registriert seit: 24.12.2013
Beiträge: 57
leex279 befindet sich auf einem aufstrebenden Ast
Standard

Ist die Seite online? Dann poste bitte den link.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.04.2014, 15:37
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2014
Beiträge: 32
mcdutch befindet sich auf einem aufstrebenden Ast
Standard

Hitech-gamer.com


Möchte in den unteren bereich ein bild einfügen.
Mit Zitat antworten
  #4 (permalink)  
Alt 13.04.2014, 15:43
Benutzer
neuer user
 
Registriert seit: 24.12.2013
Beiträge: 57
leex279 befindet sich auf einem aufstrebenden Ast
Standard

Weiß nicht genau wo du jetzt meinst.
Kannst das näher erläutern bitte.
Mit Zitat antworten
  #5 (permalink)  
Alt 14.04.2014, 09:06
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2014
Beiträge: 32
mcdutch befindet sich auf einem aufstrebenden Ast
Standard

Ich möchte in den Bereich, der als "Gebote"-Div-Container definiert ist, bilder einfügen.

#page .gebote{
background-image: url(../../out/easteregg_red.png);
background-repeat:no-repeat;
position:absolute

}
Mit Zitat antworten
  #6 (permalink)  
Alt 14.04.2014, 09:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.999
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Du hast auf deiner Seite kein Element mit der Klasse gebote.
Mit Zitat antworten
  #7 (permalink)  
Alt 14.04.2014, 09:24
Benutzer
neuer user
 
Registriert seit: 24.12.2013
Beiträge: 57
leex279 befindet sich auf einem aufstrebenden Ast
Standard

das hier gibts:
<div class="hitech_gebote">

macht aber trotzdem nicht verständlich was er haben will

Vielleicht baust du dir das mal in photoshop oder paint oder sonst was zusammen wies aussehen soll und zeigst es uns dann...

#page gibt es im übrigen auch nicht...zumindest nicht auf der startseite...
Mit Zitat antworten
  #8 (permalink)  
Alt 14.04.2014, 09:37
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 485
dazzle89 wird schon bald berühmt werden
Standard

ich verstehe ebenfalls nicht was genau du möchtest.

wenn du aber elemente bzw. bilder übereinander darstellen möchtest, klingt position: absolute schon mal nicht verkehrt. dabei musst du nur darauf achten, einem umliegenden container position: relative zu geben, damit sich das bild daran orientieren kann. außerdem werden absolute elemente aus dem fluss herausgenommen, das heißt nachfolgende elemente verhalten sich so, als wäre das bild gar nicht da
Mit Zitat antworten
  #9 (permalink)  
Alt 15.04.2014, 00:25
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Wie wäre es wenn du einfach mal einen Thread im Job-Forum aufmachst?
__________________
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
Sponsored Links
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
Hintergrund wird nicht angezeigt maxx CSS 6 14.10.2012 18:27
grafik in HTML oder per CSS einfügen? Nabonid (X)HTML 4 06.10.2011 14:45
Bilder Gallery mit CSS tommy34 CSS 0 11.06.2011 16:05
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25
CSS Tips & Tricks Webnauts Ressourcen 0 25.08.2006 23:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:01 Uhr.