|
|||
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 |
Sponsored Links |
Sponsored Links |
|
|||
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. |
|
|||
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;} __________________________________________________ _______ |
|
||||
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); }
__________________
|
|
|||
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> </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. |
|
||||
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
__________________
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |