Shop-Hilfe.com
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 18.02.2005, 16:15   #1
TP-Senior
 
Benutzerbild von madace
 
Registriert seit: Jan 2003
Ort: Frankfurt/M.
madace ist auf einem guten Weg
Question

CSS und Image im Header?


Hi,

ich habe da ein kleines Problem mit "WordPress" (Blogg).

Dort gibt es eine CSS Datei (die ich hier einfüge) - und ich krieg um's Verrecken (sorry ) nicht hin, daß ich mein Bild in den Header bekomme.

Hab's mit allen Variationen von -> background-image: url(header.jpg); probiert, es will aber irgendwie nicht.

Es soll also am Ende so aussehen daß im Index oben immer das "Hintergrund"-Bild zu sehen ist.

Hoffe jemand kann helfen.

[code]
/* Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own.
*/

a { color: #00a0c6 !important }

a img {
border: none;
}

a:visited { color: #89898e }

a:hover { color: #166f9f }

acronym, abbr {
border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
cursor: help;
font-size: 90%;
letter-spacing: .07em;
}

blockquote {
border-left: 4px solid #D9F1F7;
margin-left: 1.5em;
padding-left: 5px;
}

body {
background: #fff;
border: solid 2px #565;
border-bottom: solid 1px #565;
border-top: solid 3px #565;
color: #000;
font-family: 'Arial', Verdana, sans-serif;
margin: 0;
padding: 0;
}

cite {
font-size: 90%;
font-style: normal;
}

h2 {
border-bottom: 1px dotted #ccc;
font: 95% 'Arial', Verdana, sans-serif;
letter-spacing: 0.2em;
margin: 15px 0 2px 0;
padding-bottom: 2px;
}

h3 {
border-bottom: dotted 1px #eee;
font-family: 'Arial', Verdana, sans-serif;
margin-top: 0;
}

ol#comments li p {
font-size: 100%;
}

p, li, .feedback {
font: 90%/175% 'Arial', Verdana, sans-serif;
letter-spacing: -1px;
}

/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}

ul.post-meta span.post-meta-key {
font-weight: bold;
}

.credit {
background: #90a090;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}

.credit a:link, .credit a:hover {
color: #fff;
}

.feedback { color: #ccc; font-family: Arial; text-align: right; clear: all }

.meta {
font-size: .75em;
}

.meta li, ul.post-meta li {
display: inline;
}

.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}

.storytitle {
margin: 0;
}

.storytitle a {
text-decoration: none;
}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}

#commentform textarea {
width: 100%;
}

#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}

#content {
margin: 30px 13em 0 3em;
padding-right: 60px;
}

#header { font: italic 230% Arial, Verdana, sans-serif; background-image: url(header.jpg); letter-spacing: 0.2em; margin: 0; padding: 15px 10px 15px 60px; border-style: solid solid double; border-width: 1px 1px 3px; border-color: #9a9 #565 #aba #9a9 }
body1 { color: black; background-color: white }
#id { }
#header a {
color: #fff;
text-decoration: none;

}

#header a:hover {
text-decoration: underline;
}

#menu {
background: #fff;
border-left: 1px dotted #ccc;
border-top: solid 3px #e0e6e0;
padding: 20px 0 10px 30px;
position: absolute;
right: 2px;
top: 0;
width: 11em;
}

#menu form {
margin: 0 0 0 13px;
}

#menu input#s {
width: 80%;
background: #eee;
border: 1px solid #999;
color: #000;
}

#menu ul {
color: #ccc;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;
text-transform: lowercase;
}

#menu ul li {
font: italic normal 110% 'Arial', Verdana, sans-serif;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}

#menu ul ul li {
border: 0;
font: normal normal 70%/115% 'Arial', Verdana, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
}

#menu ul ul li a {
color: #000;
text-decoration: none;
}

#menu ul ul li a:hover {
border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}

#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
text-decoration: none;
}

#wp-calendar a:hover { color: #333; background: green }

#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}

#wp-calendar td {
color: #ccc;
font: normal 12px 'Arial', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar td.pad:hover {
background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
.storycontent { font-family: Arial }
[code]
__________________
"Das Gewissen ist die Stimme der Seele. (J.J. Rousseau)"
madace ist offline   Mit Zitat antworten


Alt 18.02.2005, 16:34   #2
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Wie heißt denn im HTML-Code das DIV mit dem Header? +header? Bzw., zeig uns Deine Seite mal online
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 04.03.2005, 14:28   #3
TP-Senior
 
Benutzerbild von madace
 
Registriert seit: Jan 2003
Ort: Frankfurt/M.
madace ist auf einem guten Weg
Weiss denn niemand WIE ich WO ein BILD einfügen kann im o.g. Stylesheet?
__________________
"Das Gewissen ist die Stimme der Seele. (J.J. Rousseau)"
madace ist offline   Mit Zitat antworten
Alt 04.03.2005, 14:32   #4
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
Zitat:
Zitat von Boris
Wie heißt denn im HTML-Code das DIV mit dem Header? +header? Bzw., zeig uns Deine Seite mal online
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Alt 04.03.2005, 14:36   #5
TP-Senior
 
Benutzerbild von madace
 
Registriert seit: Jan 2003
Ort: Frankfurt/M.
madace ist auf einem guten Weg
@hero-master: Das geht nicht so einfach.

So weit ich das aber verstehe müsste es doch eine "relativ simple" Code Zeile sein die ich in o.g. Code an die richtige Stelle setzen müsste (wahrscheinlich in den header Bereich ?! ), um mein Bild im Header zu sehen oder?
__________________
"Das Gewissen ist die Stimme der Seele. (J.J. Rousseau)"
madace ist offline   Mit Zitat antworten
Alt 04.03.2005, 14:40   #6
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Rein theoretisch, ja - aber wenn wir nicht wissen, wie die Webseite nachher aussieht, oder wie das HTML-Dokument aufgebaut ist, müssten wir auch nur raten

Man setzt ein Hintergrund halt mit background: url(/zum/order/bild.jpg) ... aber das hast Du ja bereits probiert. Da es nicht geht, liegt es an einer falschen Angabe zum Bild, oder etwas anderes stört im CSS / HTML-Dokument. Da wir das nicht sehen können, fragte ich nach einer Onlineversion.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 04.03.2005, 14:41   #7
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
Nehmen wir mal an die ID für den header heißt "header":
Gib diesem Container einmal eine Breite und eine Größe, die andere Variante mit dem Bildpfad wurde ja gerade schon erwähnt
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Alt 04.03.2005, 14:46   #8
ingo
Guest
 
hast du die neue wordpress version mit dem kubrick - basislayout?
indem fall musst du im theme-editor (in wp) das headertemplate laden und dir die anweisungen ab
HTML-Code:
<style type="text/css" media="screen">
		/* BEGIN IMAGE CSS */
mal ansehen
  Mit Zitat antworten
Alt 04.03.2005, 15:27   #9
TP-Senior
 
Benutzerbild von madace
 
Registriert seit: Jan 2003
Ort: Frankfurt/M.
madace ist auf einem guten Weg
Thumbs up

Zitat:
Zitat von ing.o
hast du die neue wordpress version mit dem kubrick - basislayout?
indem fall musst du im theme-editor (in wp) das headertemplate laden und dir die anweisungen ab
HTML-Code:
<style type="text/css" media="screen">
		/* BEGIN IMAGE CSS */
mal ansehen
Das war der Tipp des Tages.
Thanx!
__________________
"Das Gewissen ist die Stimme der Seele. (J.J. Rousseau)"
madace ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
CSS und Image im Header? CSS und Image im Header?
« externes CSS für Bilder positionieren funzt nicht! | CSS - dashed border verschmiert im IE »

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

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Anfänger] [Workshop] Formmailer mike Workshops und Tutorials 92 04.04.2008 13:32
FAQ: Kleinunternehmer Epic Steuer & Buchführung 1 26.09.2006 12:52
Macromedia Cebit 2004 Madokan Flash News 0 18.02.2004 20:14


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:35 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67