anpera.net
https://anpera.homeip.net/phpbb3/

bild hinzufügen mithilfe von css
https://anpera.homeip.net/phpbb3/viewtopic.php?f=25&t=4506
Seite 1 von 2

Autor:  sirblacksoul [ So 04 Mai, 2008 00:21 ]
Betreff des Beitrags:  bild hinzufügen mithilfe von css

wo kann ich einstellen welches template er verwenden soll? also das startemplate wo autmomatisch ausgewählt wird wenn kein anderes einstellt wurde.

Autor:  Montekar [ So 04 Mai, 2008 00:30 ]
Betreff des Beitrags:  Re: einstellung des standart templates

common.php nach yarbrough.htm durchsuchen und dementsprechend auch ersetzen.

Autor:  sirblacksoul [ So 04 Mai, 2008 07:18 ]
Betreff des Beitrags:  Re: einstellung des standart templates

öhm ich hab jetzt noch ne frage will nämlich nen eigenes template machen will aber zusätzlich zu dem Hintergrundbild noch ein andere bild rechts unten an die nav bar setzten hab auch alles soweit hinbekommen nur weiß ich nicht genau wie ich das anstell das ein normaler Hintergrund angezeigt wird UND das bild ich hab nämlich versucht beides in den body {...} zu machen aber dann wird immernur das LETZTE bild angezeigt =/ kann mir jemand pls helfen? habs bisher so probiert :

a{color:#0099FF;text-decoration:none;}
button, .button,input[type="submit"],input[type="button"]
{font-size:11px;color:#C0C0C0;
background-color:#333333;
border-top:1px solid #808080;
border-left:1px solid #808080;
border-bottom:1px solid #141414;
border-right:1px solid #141414;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

body{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#e7e7e7;
background-image:url(schwarzer_Marmor.jpg);
background-repeat:repeat;
margin:8px;
padding:0px;
background-image: url(Bleach_footer.gif);
background-repeat: no-repeat;
background-position: center center;

}

hr{
background-color:#333333;
border-top:1px solid #808080;
border-left:1px solid #808080;
border-bottom:1px solid #141414;
border-right:1px solid #141414;
height:5px;}

input,textarea{
font-size:11px;color:#C0C0C0;
background-color:#333333;
border-top:1px solid #141414;
border-left:1px solid #141414;
border-bottom:1px solid #808080;
border-right:1px solid #808080;}

select{font-size:11px;
color:#C0C0C0;
background-color:#333333;
border-top:1px solid #808080;
border-left:1px solid #808080;
border-bottom:1px solid #141414;
border-right:1px solid #141414;}

td{font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;}

.navhead{text-decoration:none;
width:137px;
height:auto;
padding:1px;
line-height:18px;
float:left;
clear:none;
background-image:url(backgr_nav.jpg);
font-weight:bold;
color:#FFFF00;
cursor:default;
text-align:center;}

.navhelp{text-decoration:none;
width:135px;
height:auto;
float:left;
clear:none;
background:url(backgr_nav.jpg);
padding:1px;}

.navhi{color:#FF6600;}

a.nav{text-decoration:none;
width:135px;
height:auto;
float:left;
clear:none;
background-image:url(backgr_nav.jpg);
padding-top:2px;padding-left:2px;
padding-bottom:2px;
padding-right:2px;}

a.navhilite{text-decoration:none;
width:135px;
height:auto;
padding:1px;
float:right;
clear:none;
color:#FFFF00;
background-color:#330000;
border-top:thin solid #330000;
border-bottom:thin solid #330000;
border-right:thin none #330000;
border-left:thin none #330000;}

table.nav{height:auto;
width:135px;}

td#nav_tbl_grama{vertical-align:top;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;}

table#nav_table_mother{width:164px;
border:none;}

a:hover.nav{border-top:1px solid #B00000;
border-left:1px solid #B00000;
border-bottom:1px solid CC0000;
border-right:1px solid #CC0000;
padding-top:1px;
padding-left:1px;
padding-bottom:1px;
padding-right:1px;}

a:hover.navhilite{background-color:#990000;
border-top:thin outset #CC0000;
border-right:thin none #CC0000;
border-bottom:thin outset #CC0000;
border-left:thin none #CC0000;}

#pagetitle{font-family:Old English Text MT,Times New Roman;
font-size:20px;
color:#FFFFFF;
text-align:left;
vertical-align:middle;
padding-left:5px;}

a.hotmotd{font-weight:bold;
text-decoration:blink;
font-size:120%;
color:lime;}

a.motd{text-decoration:none;color:#FF9900;}

#motd_row{padding-left:5px;
padding-bottom:2px;
vertical-align:bottom;}

.tblbot{background-image:url(tnav_b.gif);
background-repeat:repeat-x;}

.tblleft{background-image:url(tnav_l.gif);
background-repeat:repeat-y;}

.tblright{background-image:url(tnav_r.gif);
background-repeat:repeat-y;}

.tbltop{background-image:url(tnav_t.gif);
background-repeat:repeat-x;}

.trhead{background-color:#990000;
color:#FFFFFF;
font-size:12px;}

.trlight{background-color:#330000;}

.trdark{background-color:#000000;}

table.noborder{border:none;}

table.charinfo{border:none;
width:140px;
background:url(backgr.jpg);
background-repeat:repeat-y;}

table.vitalinfo{border:1px solid #000000;
width:182px;}

#vital_mother{width:121px;
border:none;
background-image:url(backgr.jpg);}

td.charhead{border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:FF3333;
border-right-style:none;
border-top-style:none;
border-left-style:none;
cursor:default;
color:#006600;}

td.charinfo{border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#990000;
border-right-style:none;
border-top-style:none;
border-left-style:none;
cursor:default;}

td#stat_table_mother{padding-top:5px;
padding-right:10px;
padding-bottom:5px;}

td.pageheader{background-image:url(../images/headbkg.GIF);
height:60px;}

td.popupheader{background-color:#333399;
background-image:url(../images/headbkg.GIF);
height:20px;}

#logintable{width:212px;
height:234px;
background-image:url(logindragon.gif);
background-repeat:no-repeat;}

.abstop{padding-left:3px;
padding-right:3px;
padding-top:3px;}

.annoyingbig{color:#FF0000;
font-size:30px;
text-decoration:blink;}

.annoyingsmall{color:#FF0000;
font-size:15px;}

.input{color:#C0C0C0;background-color:#333333;
border-top:1px solid #141414;
border-left:1px solid #141414;
border-bottom:1px solid #808080;
border-right:1px solid #808080;}

.login-text{color:#CCCCCC;}

Autor:  Taratan [ So 04 Mai, 2008 16:10 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

also um das nu richtig verstanden zu haben:

nav1
nav2
nav3

BILD

so in etwa und dass da auch immer das Bild hin soll?

das machst du dann nicht in der cs datei selber, sondern in der .htm datei ;)

einfach unter {nav} nen <img src="url"> und dann ist unter den navs immer nen bildchen ;)

ich hoffe ich habe das richtig verstanden ;)

Autor:  sirblacksoul [ So 04 Mai, 2008 19:50 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

ne ich hab rechts noch eine navigationsbar da möchte ich nur ein bild andocken

$this->bbcode_second_pass_code('', '
| |
| |
| |
| |
| o |
| o |
')

die striche sind die nav bars und das o is das bild das soll dort sein und imma so bleiebn
also auch wenn es größer wird sprich die nav bars größer werden das das bild auch dort unten bleibt

*edit hmm leider nimmt er nicht die leerstellen mit =/

Autor:  Taratan [ Mo 05 Mai, 2008 20:10 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

öhm, d.h. das bild in den nav?
dann musst du den html-befehl auch in den addnav reintun ;)

Autor:  sirblacksoul [ Di 06 Mai, 2008 13:45 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

ich glaub ihr versteht nicht genau was ich meine ich hab mal nen screen gemacht der euch verdeutlichen soll wo das bild hinsoll

Bild

So und dort wo das viereck is soll das bild hin aber so das es unten an den footer angehängt wird so das wenn die seite sich nach unten zieht auch nach unten verscheibt

Autor:  Eichi [ Di 06 Mai, 2008 14:04 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Müsste in das Template, falls es wie der Logindrache sein soll, füge es dem hinten an mit den Attributen valign='bottom' und align='right'

Wenn du das Bild eigenständig stehen haben möchtest, es den Rest überlappen soll oder untergeschoben werden soll:

http://de.selfhtml.org/navigation/suche ... rage=layer


Grüße, Eichi

Autor:  sirblacksoul [ Di 06 Mai, 2008 18:07 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

hmm ich bekomm das nicht hin das einzigste was ich hinbekommen habe war das ich das ich das bild IN die nav bar bekommen habe =/ aber es soll ja nur daran angedockt sein und an dem footer fixirt werden so das es immer ganz unten auf der seite ist! ich uppe mal mit dem beitrag alle notwendigen daten wäre sehr sehr sehr sehr sehr nett wenn mir das jemand machen könnte! würde mich auch gerne revanchieren wenn ich das irgendwie kann !! =) weil das problem mit dem bild raubt mir ehrlich den letzten nerf! Wäre ebenfalls sehr praktisch wenn ihr das einfach mit dem namen des bildes definiert bei dem einem bild fehlt noch der feinschliff man sieht noch ganz leicht weiße stellen (was ziemlich auffält weil der hintergrund schwarz is xD)

Dateianhänge:
Dateikommentar: Das die rar suchts euch aus^^
nötgen daten.rar [42.47 KIB]
239-mal heruntergeladen
Dateikommentar: Das ist die Zip datei
nötgen daten.zip [43.52 KIB]
236-mal heruntergeladen

Autor:  rumburak [ Sa 07 Jun, 2008 21:05 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Holla auch! :wink:

Ich wollte kein neues Thema dafür eröffnen, daher greife ich dieses auf.
Mein Anliegen:

Ich möchte in der Template-css das Verhalten von Hintergrundbildern in nur einem Befehl definieren.
Die Informationen möchte ich dann in jeder einzelnen php separat per Bildausgabe abrufen.
Sprich: Eine Klasse in der css soll alle Bild-Informationen enthalten, bis auf die Bild-Url selbst.
Die soll in einzelnen php-Dateien (per <style>?) mit verschiedenen Bild-Urls ausgegeben werden, um so für jede Seite ein eigenes Hintergrundbild erzeugen zu können und nicht für jedes Hintergrundbild eine eigene Klasse einrichten zu müssen.

Nur will mir ums Verrecken der Code nicht gelingen. :???:

Ich hoffe, das war nun nicht zu verwirrend. :D

Autor:  rumburak [ Mo 09 Jun, 2008 05:40 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Nun hab ich das Hintergrundbild in den Haupttabellenbereich eingefügt.
Die Folge:
Alle weiteren Hintergründe in den Tabellenzellen werden ungewollt überschrieben.
Wie kann ich dafür sorgen, dass auch die anderen Hintergründe aus den einzelnen Tabellen angezeigt werden? :?

PHP:
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
cursor: crosshair;
background-color: #000000;
background-image: url(../bla/fasel/blubb/bild.jpg);
}
table.nav {
background-color: #FFFF00;
border: 1px solid #000000;
height: auto;
width: 135px;
}

.navhead {
text-decoration: none;
width: 137px;
height: auto;
padding: 1px;
line-height: 18px;
float: left;
clear: none;
background-color: #000000;
font-weight: bold;
color: #FF0000;
}

a {
color: #FFFF00;
text-decoration: none;
}
a:hover {
font-weight: bold;
}

a.nav {
text-decoration: none;
width: 135px;
height: auto;
padding: 1px;
float: left;
clear: none;
background-color: #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

.navhelp {
text-decoration: none;
width: 135px;
height: auto;
padding: 1px;
float: left;
clear: none;
background-color: #000000;
border: 1px solid #000000;
}

a:hover.nav {
background-color: #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
a.navhilite {
text-decoration: none;
width: 135px;
height: auto;
padding: 1px;
float: right;
clear: none;
color:#FFFFFF;
background-color: #000000;
border-top: thin solid #000000;
border-bottom: thin solid #000000;
border-right: thin none #000000;
border-left: thin none #000000;
}
a:hover.navhilite {
background-color: #000000;
border-top: thin outset #000000;
border-right: thin none #000000;
border-bottom: thin outset #000000;
border-left: thin none #000000;
}


table {
}
td.charinfo {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FF0000;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
td.charhead {
background-color: #FF0000;
border: none;
cursor: default;
color: #FF0000;
background-image: url(../bla/fasel/blubb/nochnbild.jpg);
}
table.charinfo {
border: none;
width: 140px;
background-image: url(../bla/fasel/blubb/nochnbild2.jpg);
}
td.pageheader {
background-color: #000000;
background-image: url(../bla/fasel/blubb/nochnbild.jpg);
height: 60px;
}
td.popupheader {
background-color: #000000;
background-image: none;
height: 20px;
}
td.noborder {
border: none;
}
table.noborder {
border: none;
}
td.village {
background-image: url(../bla/fasel/blubb/nochnbildx.jpg);;
}
td.forest {
background-image: url(../images/forest.jpg);
background-repeat: no-repeat;
}
td.dragon {
background-image: url(../images/dragon.jpg);
background-repeat: no-repeat;

[...gekürzt...]

}
td.footer {
background-image: url(../images/rule.gif);
background-repeat: repeat-x;
background-position: top;
}
.navhi {
color: #FFFF00;
text-decoration: underline;
}


:???:

Autor:  Eichi [ Mo 09 Jun, 2008 08:00 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Mit Klassen, wenn du den HTML-Elementen Klassen gibst, kannst du jedes einzelne Element individuell gestalten, wars so gemeint?

Beispiel:

$this->bbcode_second_pass_code('', 'a.nav {')

In dem Fall ist "a" das Element <a ...></a> Dieses Element wird mit dem Style beschrieben.
Das "." trennt Klassenname von Tag und "nav" ist in dem Fall der Klassenname.

Wenn ein Name definiert ist, wird NUR das HTML-Tag damit beschrieben, welches dieser Klasse zugeordnet wurde:

$this->bbcode_second_pass_code('', '<a class="nav"></a>')

LG, Eichi


EDIT, hab nochmal drüber gelesen ^^

Wenn du Styles aus einem Stylesheet überschreiben möchtest, ist die einfachste Methode die Elemente wie beschrieben einzeln zu definieren, in der richtigen Reihenfolge und das Bild, dass im Hintergrund sein soll auch als background definieren und du kannst Styles aus einem Stylesheet direkt überschreiben, indem du diese in der Datei direkt nochmal definierst. Eingebundene Styles haben niedrigste Prorität, Styles aus der eigenen Datei haben höhere Prioritäten und Styles, die direkt ins HTML-Tag geschrieben werden (style="") haben die höchste Prorität.

Autor:  Aida [ Di 02 Jun, 2009 09:35 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Wollte auch keinen neuen Thread eröffnen.
Habe eigentlich eine einfache Frage, nur finde die Lösung irgendwie nicht von selbst.
Uuund zwar möchte ich bei navhead... ein Hintergrundbild einfügen.
Also, so, wie bei stathead, wo ein Bildchen als Background ist. Nun hab ich vieles ausprobiert & bin jetzt bei:
$this->bbcode_second_pass_code('', '<!--!navhead-->
<span class="navhead" background="templates/revo/stattitle.gif"><b>&#151;{title}&#151;</b><br></span>')
Hängen geblieben. Nur zeigt der die Background Bildchen dennoch nicht an ><
Kann mir da jemand helfen? :zack:

Autor:  Eliwood [ Di 02 Jun, 2009 11:41 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

$this->bbcode_second_pass_code('', '<span class="navhead"><b>&#151;{title}&#151;</b><br></span>')

In der CSS-Datei dann:

$this->bbcode_second_pass_code('', 'span.navhead { background-image: url("templates/revo/stattitle.gif"); }')

Autor:  Aida [ Di 02 Jun, 2009 12:09 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Wo soll ich das untere denn einfügen?
Ich hab kein span.navhead...
da irgendwo stehen.
Also, ich hab nochmal jemand andren gefragt, der sagte, ich müsse das bei navhead machen.
Hab ich gemacht, klappt trotzdem nicht.
Hier mal der code in der css datei:

$this->bbcode_second_pass_code('', '/* CSS Document */
td {
font-family: Verdana;
font-size: 10px;
}
a{
color: #CCCCCC;
text-decoration: none;
}
a:hover {
color: #CCCC00;
text-decoration: none;
}
a.nav {
text-decoration: none;
width: 179px;
height: auto;
padding: 1px;
float: left;
clear: none;

}
a:hover.nav {
color: #CCCC99;

}
a.navhilite {
text-decoration: none;
width: 150px;
height: auto;
padding: 1px;
float: right;
clear: none;
color:#CCCC99;

}
a:hover.navhilite {
color:#CCCC99;
text-decoration: none;


}
.navhelp {
text-decoration: none;
width: 179px;
height: auto;
padding: 1px;
float: left;
clear: none;
cursor: default;
}
.navhead {
text-decoration: none;
width: 200px;
height: auto;
padding: 1px;
line-height: 18px;
float: left;
clear: none;
font-weight: bold;
background-image: url('templates/revo/stattitle.gif');
color:#CCCC99;
cursor: default;
text-align: center;
}
table {
}
td.charinfo {
border-top-width: 0px;
border-top-style: solid;
border-top-color: #000000;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
cursor: default;
}
td.charhead {
background-color: #999999;
border: none;
cursor: default;
color: #FFFF00;
}
table.charinfo {
border: none;
width: 179px;
}
td.popupheader {
background-color: #000000;
background-image: url('../../../LotGD/LotGD%20010705/images/headbkg.GIF');
height: 20px
}
td.noborder {
border: none;
}
table.noborder {
border: none;
}
td.village {
background-image: url('../images/village.jpg');
background-repeat: no-repeat;
background-position: right bottom
}
td.forest {
background-image: url('../images/forest.jpg');
background-repeat: no-repeat;
background-position: center bottom
}
td.dragon {
background-image: url('../images/dragon.jpg');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed
}
input {
background-color: #000000;
border: 1px solid #806B4D;
color:#CCCC00;
}
.button {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
color:#FFFFFF;
background-color: #422B00;
border-top: 1px solid #947356;
border-left: 1px solid #947356;
border-right: 1px solid #403225;
border-bottom: 1px solid #403225;
}
.input {
background-color: #433828;
border: 1px solid #806B4D;
color: #FFFFFF;
}
select {

background-color: #000000;
color: #FFFFFF;
}
table.vitalinfo {
background-color: #003300;
border: 1px solid #000000;
width: 200px;
}
table.nav {

width: 210px;
}
a.motd {
text-decoration: none;
text-align: center;
color:#CCCC99;
width: 181px;
height: 16px;
padding: 1px;
float: left;
clear: none;
}
a:hover.motd {
height: 14px;
width: 179px;
text-decoration: none;
color:#FF9900;

border-top: thin solid #FF9900;
border-bottom: thin solid #FF9900;
border-right: thin solid #FF9900;
border-left: thin solid #FF9900;
}
a.hotmotd {
text-decoration: none;
text-align: center;
color:#FF9900;
width: 181px;
height: auto;
padding: 1px;
float: left;
clear: none;

background-color: #806B4D;
border-top: thin solid #FF9900;
border-bottom: thin solid #FF9900;
border-right: thin solid #FF9900;
border-left: thin solid #FF9900;
}
.pagetitle {
font-family: "Old English Text MT", "Times New Roman";
font-size: 20px;
color: #CCCC99;
}

.navhi {
color: #CCCC99;
text-decoration: underline;
}
.colDkBlue { color: #0000B0; }
.colDkGreen { color: #00B000; }
.colDkCyan { color: #00B0B0; }
.colDkRed { color: #B00000; }
.colDkMagenta { color: #B000CC; }
.colDkYellow { color: #B0B000; }
.colDkWhite { color: #B0B0B0; }
.colLtBlue { color: #0000FF; }
.colLtGreen { color: #00FF00; }
.colLtCyan { color: #00FFFF; }
.colLtRed { color: #FF0000; }
.colLtMagenta { color: #FF00FF; }
.colLtYellow { color: #FFFF00; }
.colLtWhite { color: #FFFFFF; }
.colLtBlack { color: #999999; }
.colOrange { color: #FF9900; }
.colDkOrange { color: #FF6600; }
.colBlue { color: #0070FF; }
.colLime { color: #DDFFBB; }
.colBlack { color: #000000; }
.colRose { color: #EEBBEE; }
.colblueviolet { color: #9A5BEE; }
.coliceviolet{ color: #AABBEE; }
.colLtBrown { color: #F8DB83; }
.colDkBrown { color: #6b563f; }
.colXLtGreen{color: #aaff99; }
.colAttention { background-color: #00FF00; color: #FF0000;}
.colWhiteBlack { background-color: #FFFFFF; color: #000000; }
.colBack { background-color:#00FFFF; color:#000000; }
.trhead { background-color:#990000; color:#FFFFFF; }
.trlight { background-color:#330000; }
.trdark { background-color:#000000; }
.colfeins { color: #0000B0; }
.colfzwei { color: #00B000; }
.colfdrei { color: #00B0B0; }
.colfvier { color: #B00000; }
.colffuenf { color: #B000CC; }
.colfsechs { color: #B0B000; }
.colfsieben { color: #B0B0B0; }
.colfacht { color: #DDFFBB; }
.colfneun { color: #0070FF; }
.colfarz { color: #0000FF; }
.colfat { color: #00FF00; }
.colfraute { color: #00FFFF; }
.colfdoller { color: #FF0000; }
.colfprozent { color: #FF00FF; }
.colfhoch { color: #FFFF00; }
.colfund { color: #FFFFFF; }
.colfklammerr { color: #999999; }
.colfwelle { color: #222222; }
.colfQz { color: #FF6600; }
.colfq { color: #FF9900; }
.colfRz { color: #EEBBEE; }
.colfVz { color: #9A5BEE; }
.colfv { color: #AABBEE; }
.colfg { color: #aaff99; }
.colfTz { color: #6b563f; }
.colft { color: #F8DB83; }
.colfplus { color: #2B2B2B; }
.colfist { color: #BC8F8F; }
.colfGz { color: #660000; }
.colfKz { color: #575757; }
.colfJz { color: #7A7A7A; }
.colfklammera { color: #66CDAA; }
.colfy { color: #663300; }
.colfstpun { color: #660033; }
.colfeuro { color: #CC3333; }
.colfstrich { color: #CC6666; }
.colfo { color: #CC6633; }
.colfdoppun { color: #FFCCCC; }
.colfpunkt { color: #CC99CC; }
.colfkomma { color: #99CCCC; } }
.colfklammer { color: #FFA54F; }
.colfe { color: #F4A460; }
.colfd { color: #006000; }
.colff { color: #690000; }
.colfl { color: #7B018F; }
.colfm { color: #FFCC00; }
.colffraz { color: #FF66FF; }
.colfae { color: #0099FF; }
.colfpara { color: #CCCC66; }
.colfs { color: #015856; }
.colfa { color: #016D6A; }
.colfw { color: #018A87; }
.colfp { color: #01A39E; }')

Autor:  Auric [ Di 02 Jun, 2009 13:42 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Mal probiert es einfach hinten an zu fügen?
Man kann Dateien auch anhängen statt sie komplette zu pasten.
Des weiterem empfiehlt sich für so etwas: CSS bei Selfthml und CSS4you

Grüße,
Auric

Autor:  Aida [ Di 02 Jun, 2009 15:07 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Hab ich gemacht, klappt trotzdem nicht ><'

Autor:  Marja [ Di 02 Jun, 2009 18:18 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

<span class="navhead" style="background-image: url('dein bild);"><b>&#151;{title}&#151;</b><br></span>


So schon mal versucht? also mit dem Bild?
Ka obs klappt ;)

Autor:  Aida [ Mi 03 Jun, 2009 09:54 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

Also, hab es in die htm Dateik eingefügt & überraschung, überraschung -> es klappt nicht.
Moment, ich versuch mal noch was anderes...
Hm, nein. Geht nicht.

Autor:  Auric [ Mi 03 Jun, 2009 12:56 ]
Betreff des Beitrags:  Re: bild hinzufügen mithilfe von css

@Marja, bei dir wird der URL-String nicht wieder geschlossen, daher kann das schon mal nicht funktionieren.

Was genau hast du denn ausprobiert? Wie sieht die HTML-Ausgabe aus und vielleicht kannst du uns auch einen Link zu der CSS-Datei geben? Auch gern gesehener Fehler: Bild ist noch nicht auf dem Server oder der Name/url stimmt nicht.

Bei solchen Fällen empfehle ich das Firefox-Plugin "Firebug" - Dort kann man unter "Netzwerk" sehen, wenn eine Datei nicht gefunden wird, die in die Seite eingebunden wird, was einem schnell den entscheidenden Tipp geben kann.

Auric

Seite 1 von 2 Alle Zeiten sind UTC + 1 Stunde
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/