ist gerade angekommen
Transparenter Hintergrund im linken Inhaltsbereich
Hallo ich möchte es gerne realisieren, dass mein linkes und Rechtes Menü transparent ist. Das heisst das die Tabelle der linken und rechten Navibox keinen Hintergrund haben und ich anhand einer halbtransparenten .PNG alles so anpassen kann das das Hintergrundbild durch die navibox scheint.
Hab schon alles versucht aber die Tabelle hat immer irgendeine farbe im Hintergrund. Das PNG ist soweit richtig aber anstatt das das Hintergrund Bild durchschimmert, schimmert nur der weisse Hintergrund der tabelle durch.
anschaun könnt ihr es euch hier: www.apb-clan.de
Hab schon alles versucht aber die Tabelle hat immer irgendeine farbe im Hintergrund. Das PNG ist soweit richtig aber anstatt das das Hintergrund Bild durchschimmert, schimmert nur der weisse Hintergrund der tabelle durch.
anschaun könnt ihr es euch hier: www.apb-clan.de
Sumale.nin
unregistriert
CSS Coder + IE Fix
Nutzen kannst du das dann in der Tabelle mit:
Beispiel:
|
|
Cascading Style Sheet |
1 2 3 4 5 6 |
<style type="text/css"> .transparent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } </style> |
Nutzen kannst du das dann in der Tabelle mit:
Beispiel:
|
|
HTML |
1 2 3 4 5 6 |
<table width="100%" border="0"> <tr> <td class="transparent"> </td> <td> </td> </tr> </table> |
ist gerade angekommen
jaa
Das sieht sehr gut aus, jetzt habe ich aber bereits einen Class befehl den ich nicht entfernen darf:
<tr>
<td class="pkcontent_left"$displaycontent_left>
<div id="pkcontent_left">$navigation_left
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_main">
<div id="pkcontent_main">$site_body
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_right"$displaycontent_right>
<div id="pkcontent_right">$navigation_right
<div class="pkcontentclear">Â </div>
</div></td>
</tr>
Kann man zwei class befehle hintereinander machen oder wie muss ich das realisieren?
Oder ist das die falsche datei?
Site.htm (phpkit 1.6.5)
<tr>
<td class="pkcontent_left"$displaycontent_left>
<div id="pkcontent_left">$navigation_left
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_main">
<div id="pkcontent_main">$site_body
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_right"$displaycontent_right>
<div id="pkcontent_right">$navigation_right
<div class="pkcontentclear">Â </div>
</div></td>
</tr>
Kann man zwei class befehle hintereinander machen oder wie muss ich das realisieren?
Oder ist das die falsche datei?
Site.htm (phpkit 1.6.5)
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Ripoli« (24. Juni 2010, 20:41)
Dann passe doch die Class pkcontent_left an, wäre denke ich doch am einfachsten.
Diese Class stellt die komplette linke Navigation dar.
MfG

Diese Class stellt die komplette linke Navigation dar.
MfG
Es geht nicht darum zu haben was man will, sondern zu schätzen was man hat!
Blutrausch HP
Mauern sind auch nur Steine & Wassertropen können auch mal Wassermengen werden!
Blutrausch HP
Mauern sind auch nur Steine & Wassertropen können auch mal Wassermengen werden!
ist gerade angekommen
sry wie ihr sicherlich merkt habe ich nicht all zu viel ahnung von den class befehlen.
was ist die pkcontent_left?
Ist das eine html/php datei oder ist es ein Verknüpfter Befehl?
Das ist meine CSS Datei
was ist die pkcontent_left?
Ist das eine html/php datei oder ist es ein Verknüpfter Befehl?
|
|
Cascading Style Sheet |
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 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 |
h1.site-name,
h2.site-slogan {
top:20px;
left:20px;
display:block;
}
h1.site-name a,
h2.site-slogan a {
color:#FFF;
font-size:28px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
outline:0;
}
h2.site-slogan {
top:55px;
}
h2.site-slogan a {
font-size:14px;
}
.heads,.heads * {
font-weight:bold;
}
table#pkcontent {
border-bottom:1px dotted black;
border-top:1px dotted black;
}
td#pkcontent_left {
border-right:1px dotted black;
background:transparent url(./fx/economy/bg/page.png) repeat-y center;
}
td#pkcontent_right {
border-left:1px dotted black;
background:transparent url(./fx/economy/bg/page.png) repeat-y center;
}
div#pksitecopyright {
padding-top:25px
}
li.pkcontent_hl_left,
li.pkcontent_hl_right {
padding:4px;
}
div#pkadview {
position:absolute;
top:20px;
right:20px;
width:468px;
}
div#pksitedate {
position:absolute;
top:85px;
right:20px;
width:225px;
text-align:right;
font-size:92.5%;
color:white;
}
#pkbody {
width:1000px;
margin:0 auto;
background:transparent url(./fx/economy/bg/page.png) repeat-y center;
}
#pkouterpage {
padding:0 0 10px 0;
}
#pkcontent_top {
border-top:1px solid #BBB;
}
#pkpagefooter {
width:980px;
margin:0 auto;
}
#pkC, #pksiteparser,#pksiteadminlogin {
background:#454545;
}
#pkC *, #pksiteparser *,#pksiteadminlogin * {
color:#E0E0E0;
font-size:90%;
}
|
Das ist meine CSS Datei
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Ripoli« (24. Juni 2010, 21:23)
|
|
Cascading Style Sheet |
1 2 3 4 5 6 7 8 9 10 11 |
#id {
color: #ff0000;
}
.class {
color: #ff0000;
}
objekt {
color: #ff0000;
}
|
http://www.css4you.de/wscss/css03.html
Änderungen in der CSS Datei bei FF mit STRG+F5 neu einladen.
Es geht nicht darum zu haben was man will, sondern zu schätzen was man hat!
Blutrausch HP
Mauern sind auch nur Steine & Wassertropen können auch mal Wassermengen werden!
Blutrausch HP
Mauern sind auch nur Steine & Wassertropen können auch mal Wassermengen werden!
Sumale.nin
unregistriert
Mach es simple:
<td class="pkcontent_left transparent"$displaycontent_left>
<tr>
<td class="pkcontent_left transparent"$displaycontent_left>
<div id="pkcontent_left">$navigation_left
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_main">
<div id="pkcontent_main">$site_body
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_right"$displaycontent_right>
<div id="pkcontent_right">$navigation_right
<div class="pkcontentclear">Â </div>
</div></td>
</tr>
|
|
HTML |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<tr> <td class="pkcontent_left transparent"$displaycontent_left> <div id="pkcontent_left">$navigation_left <div class="pkcontentclear">Â </div> </div></td> <td class="pkcontent_main"> <div id="pkcontent_main">$site_body <div class="pkcontentclear">Â </div> </div></td> <td class="pkcontent_right"$displaycontent_right> <div id="pkcontent_right">$navigation_right <div class="pkcontentclear">Â </div> </div></td> </tr> |
<td class="pkcontent_left transparent"$displaycontent_left>
<tr>
<td class="pkcontent_left transparent"$displaycontent_left>
<div id="pkcontent_left">$navigation_left
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_main">
<div id="pkcontent_main">$site_body
<div class="pkcontentclear">Â </div>
</div></td>
<td class="pkcontent_right"$displaycontent_right>
<div id="pkcontent_right">$navigation_right
<div class="pkcontentclear">Â </div>
</div></td>
</tr>
ist gerade angekommen
Kann mir wirklich keienr helfen?
Ich versuche und versuche, das PNG wird ja auch transparent angezeigt, nur leider hat die tabellen Spalte noch irgeneinen Hintergrund. Das heisst die PNG scheint zwar transparent durch, aber es scheint nicht auf den haupthintergrund der Seite sondern auf den Hintergrund der Tabelle.
Ich versuche und versuche, das PNG wird ja auch transparent angezeigt, nur leider hat die tabellen Spalte noch irgeneinen Hintergrund. Das heisst die PNG scheint zwar transparent durch, aber es scheint nicht auf den haupthintergrund der Seite sondern auf den Hintergrund der Tabelle.
Ähnliche Themen
-
Grafiken & Designs »-
Rahmen ist schick was ist mit dem innerren ??
(16. September 2008, 23:46)
-
alte Versionen [1.6.03|1.6.1|1.6.4] »-
Rechter Inhaltsbereich (Navigation)
(15. März 2008, 14:53)
-
alte Versionen [1.6.03|1.6.1|1.6.4] »-
Hintergrund
(21. Januar 2008, 11:53)


