Zurück   PSD-Tutorials.de > Webbereich > (X)HTML & CSS


Antwort
 
Themen-Optionen
Alt 10.08.2012, 12:11   #1 Nach oben scrollen
N00B
Newbie
 
Benutzerbild von Alada
 

Registriert seit: 08.08.2007
Beiträge: 97
Verwendet: Photoshop CS3, Dreamweaver CS3

div mit background und h1 mit background


hallo,
ich habe einen div-container der einen background hat.
innerhalb des containers schreibe ich text mit <h1>. dieser ist im stylesheet ebenfalls mit einem background deklariert (damit ein kleiner pfeil davor steht).
leider sehe ich den pfeil nicht. geht das eventuell nicht weil der container schon einen background hat??

Code:
h1 {
color:#cccccc;
background-image:url(images/aufzaehlung.png);
background-position:2px;
background-repeat:no-repeat;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
padding: 15px 25px;
margin:0;
}
#content {
padding: 0;
margin: 0;    
min-height:600px;
width:808px;
background-color: #ffffff;
background: url(images/background-rechts.gif) repeat-y;
background-position:right;
}
  Mit Zitat antworten


Alt 10.08.2012, 14:31   #2 Nach oben scrollen
N00B
Newbie
Themenstarter
 
Benutzerbild von Alada
 

Registriert seit: 08.08.2007
Beiträge: 97
Verwendet: Photoshop CS3, Dreamweaver CS3

habs selbst gelöst, irgendwie hatte ich einen layer noch über allem
  Mit Zitat antworten
Alt 10.08.2012, 15:26   #3 Nach oben scrollen
Medienjongleur
Premium-SupporterPremium-SupporterPremium-SupporterPremium-SupporterPremium-Supporter
 
Benutzerbild von patrick_l
 

Registriert seit: 11.05.2008
Ort: NRW
Beiträge: 5.890
Kamera: Canon Eos 7D, Eos 60D, MV900, Revue
Verwendet: CS4/CS6, Corel, GIMP, Coda, SublimeText 2, Wacom [...]

Nur so als Anreiz. Du kannst dein Stylesheet etwas schlanker aufbauen, in dem du die kurze Schreibweise verwendest. Das ganze sieht dann so aus:
Code:
h1 {
color:#ccc;
font: 14px Verdana, Geneva, sans-serif;
background:url(images/aufzaehlung.png) no-repeat;
padding: 15px 25px;
margin:0;
}
#content {
min-height:600px;
width:808px;
background: #fff url(images/background-rechts.gif) repeat-y right;
padding: 0;
margin: 0;    
}
Da du ja in den letzten Tagen öfters Fragen zu HTML und CSS hattest. Hier auch nochmal ein paar Links die dir sicherlich helfen werden. Immer gut zum nachlesen.

- HTML5-Handbuch - Webkompetenz
- Einführung in XHTML, CSS & Webdesign (Michael Jendryschik)
- Little Boxes | Webseiten gestalten - HTML & CSS (Peter Müller)
- CSS 4 You - The Finest in Stylesheets
- Cascading Style Sheets | Grundlagen
- CSS Referenz - CSS-Wiki.com
- CSS3 2D Transform - Scale, Rotate, Skrew

Grüße Patrick
  Mit Zitat antworten
Alt 11.08.2012, 15:22   #4 Nach oben scrollen
Der Pixelaner
MemberMember
 

Registriert seit: 03.04.2008
Ort: Essen
Beiträge: 141

Hey,

den Anreiz von Patrick kann ich vollstens unterschreiben. Gewöhne dir am besten die Kurzschreibweisen schnellstmöglich an. Das hat im späteren Verlauf deiner Projekte nur Vorteile.

MfG
__________________
Projekt: Codesnippets für Webentwickler unter www.scriptease.de
  Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
PSD background fr1dayyy Photoshop 13 15.06.2007 13:01
Background mit CSS Christoph680 (X)HTML & CSS 4 12.11.2006 16:07
Background AEROX C4D - Texturing, Beleuchtung, Rendering 5 11.06.2006 01:37
Background ! philipp1988 Photoshop 12 16.09.2005 17:19