zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit CSS background-image:

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.10.2009, 11:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.10.2009
Beiträge: 6
nordseeinsel befindet sich auf einem aufstrebenden Ast
Standard Problem mit CSS background-image:

Hallo,

ich habe folgendes Problem mit CSS. Ich möchte gerne ein neues Bild z.B in

Kontakt.html und Wir.html usw. über ein CSS einfügen lassen, kann mir

Tipp geben? bzw. Code in CSS.

so sieht mein CSS aus.

}

#top {background-image: url(images/Beispiel-Bild1.jpg);
height:356px;
border-top:solid 10px #fff;
border-right:solid 10px #fff;border-left:solid 10px #fff;
color:#2A3C22;
}

oder kann ich das auch über Master CSS in der eigentlichen Website regeln?
Wenn Ja wie muss ich es bennen.

Danke
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.10.2009, 18:22
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Du müsstest den einzelnen Seiten jeweils einen Klassennamen hinzufügen. Bspw. class="bg_kontakt" bzw. bg_wir, dann kannst du das Background-Image aus #top rausnehmen und für jede Seite eine Klasse .bg_kontakt etc anlegen nur mit der spezifischen Angabe für das Background-Image.

CSS selbst kann nicht ermitteln wie die HTML Datei heißt.
__________________
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.10.2009, 18:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.10.2009
Beiträge: 6
nordseeinsel befindet sich auf einem aufstrebenden Ast
Standard

erstmal danke für die Hilfe!
wo setzte ich den oder das class den hin in die html datei, in den head oder body bereich, könnte ich vielleicht ein Beispiel bekommen?
meine eigentlich css datein ist ja ausgelagert und kann ich die eigentlich css datei damit überschreiben?

versuche es gerade mit einem css im head Bereich, das sieht so aus. geht aber nicht.

<div style

}

#top {background-image: url(images/beispiel-bild-kontakt.jpg);
height:356px;
border-top:solid 10px #fff;
border-right:solid 10px #fff;border-left:solid 10px #fff;
color:#2A3C22;
}
</div>

meinst du das so??
Ich kenne mich null mit CSS aus , sorry.

Danke.
Mit Zitat antworten
  #4 (permalink)  
Alt 06.10.2009, 18:44
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Wo soll das Hintergrundbild angezeigt werden? Im Body direkt oder in einem bestimmten Element, Div bspw.?
__________________
Mit Zitat antworten
  #5 (permalink)  
Alt 06.10.2009, 18:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.10.2009
Beiträge: 6
nordseeinsel befindet sich auf einem aufstrebenden Ast
Standard

eigentlich im Body direkt.
Mit Zitat antworten
  #6 (permalink)  
Alt 06.10.2009, 18:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.10.2009
Beiträge: 6
nordseeinsel befindet sich auf einem aufstrebenden Ast
Standard

ich habe meine CSS Datein mal reingelegt, vielleicht hilft es ja.?

__________________________________________________ __________


body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #e6e6e6;
}

table,td {font-size: 97%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#000;
}

h2{ font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;color:#7F7F7F;
margin-bottom:20px;letter-spacing:2px;font-size: 125%;
border-bottom:solid 0px #746b64;
padding-bottom:4px
}


.li {
width:14px;
background-image:url(images/ra1.jpg);
background-repeat:repeat-y;
vertical-align:top;
border-right:solid 0px #BFBFBF;
}


.re {
width:14px;
background-image:url(images/ra2.jpg);
background-repeat:repeat-y;
border-left:solid 0px #BFBFBF;}


/* hauptgerüst */

#main {
border-bottom:solid 10px #fff;
border-right:solid 10px #fff;border-left:solid 10px #fff;

}

#top {
height:356px;
border-top:solid 10px #fff;
border-right:solid 10px #fff;
border-left:solid 10px #fff;
color:#2A3C22;
background-image: url(images/Beispiel-Bild-Kontakt.jpg);

}

#hpname {height:36px;padding-right:10px;padding-top:10px;text-align:right;color:#e6e6e6;
letter-spacing:1px;font-size:14px;font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic;



}

/* menue oben */

.buleiste {

height:36px;
}

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#000;

text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 1px #fff;
border-bottom:solid 1px #E6E6E6;
border-top:solid 1px #fff;
line-height:36px;
text-align:center;
background-image:url(images/mover.jpg);
}


#menu2 a:hover {background-color:#fff;color:#808080; text-decoration:none ;
background-image:url(images/xmover.jpg);
border-left:solid 1px #fff;
border-bottom:solid 1px #E6E6E6;
border-top:solid 1px #fff;
}




#sp1 {text-align:justify; padding-left: 30px;padding-right:30px;padding-top: 40px;padding-bottom: 50px;
background-color:#fff;width:100%;
background-image:url(images/bgmain.jpg);
background-repeat:repeat-x;
border-bottom:solid 1px #bfbfbf;
}



#fussb {font: normal 12px verdana, sans-serif; color: #1F1F1F; padding-top:2px;
height:40px;
text-align:center;
border-top:solid 1px #fff;
background-color:#fff;
background-image:url(images/MOVER.jpg);
background-repeat:repeat-x;

}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #737b66; scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #737b66; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}


/* menue */

#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#;
text-decoration:none ;
text-align:center;
font-size: 89%;line-height: 180%;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;color:#7B917C;
width:160px;
}

#menu1 a:hover{
background-color:#A5ADAA;
color:#fff;
text-decoration:none ;
}


/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 98%;
font-family: arial, helvetica, verdana, tahoma, sans-serif;color:#000}

a:hover{ text-decoration:UNDERLINE;background-color:#C5C8CD;
color:#3F3F3F;}
__________________________________________________ _______
Mit Zitat antworten
  #7 (permalink)  
Alt 06.10.2009, 19:05
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Dann müsstest du das Hintergrundbild auch bei body reinsetzen und nicht bei #top, außer dein Body hat die Id top.

Ich meinte es so, dass du auf jeder Seite dem Body eine andere klasse zuweist, also bei kontakt.html etwa <body class="bg_kontakt"> und bei wir.html dann halt bg_wir. Nun erweiterst du deine CSS Datei um folgende Angaben:
Code:
.bg_kontakt {
  background-image: url(images/bg_kontakt.jpg);
}

.bg_wir {
  background-image: url(images/bg_wir.jpg);
}
__________________
Mit Zitat antworten
  #8 (permalink)  
Alt 06.10.2009, 19:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.10.2009
Beiträge: 6
nordseeinsel befindet sich auf einem aufstrebenden Ast
Standard

ich glaube meine id heißt top


<table align="center" width="740" cellspacing="0" cellpadding="0" border="0" id="top" >
<tr>
<td valign="top" id="hpname"> Beipiel HP</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>

oder geht das dann auch noch so? aber vielen dank für die hilfe und sorry das meine Antworten immer etwas verspätet kommen aber ich verstehe das nicht immer gleich.
Mit Zitat antworten
  #9 (permalink)  
Alt 06.10.2009, 20:20
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Hm, die Tabelle hat die Id top, ok. Aber wenn du das Bild in den Body haben willst, dann gilt immer noch was ich vorhin geschrieben habe. Probier es einfach mal aus um zu schauen ob und wie es überhaupt funktioniert
__________________
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.10.2009, 22:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.10.2009
Beiträge: 6
nordseeinsel befindet sich auf einem aufstrebenden Ast
Standard

Super es funzt, DANKE SUPER
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
Darstellungsprobleme im IE lea11011989 CSS 17 05.11.2010 10:44
CSS für Firefox, IE, Opera Probleme - Browserweiche talkuvit CSS 4 31.10.2009 19:07
komplette Seite verzogen Massacre CSS 2 20.10.2009 11:16
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22
IE stellt Liste mit CSS background image falsch dar theprofessor CSS 21 27.04.2005 01:31


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:36 Uhr.