ilch Forum » Allgemein » HTML, PHP, SQL,... » Transparente Homepage

Geschlossen
  1. #1
    User Pic
    Fussel86 Mitglied
    Registriert seit
    18.01.2009
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    Hallo Leute

    ich wollte eine Transparente Homepage erstellen.
    D.h meine Seiten wo die Boxen sind sollte alles transparent werden, so das man das Hintergrundbild sehen kann.

    Ich habe es so verucht, ich habe die Bilder die geladen werden, geändert und die Flächen transparent gemacht, wo durchsichtig werden soll.
    Natürlich habe ich dann die Bilder in gif umgeändert, da es ja bei jpg keine transparenz gibt, das weiß ich schon.

    In meine style.css habe ich die pfade von den Bildern natürlich auch schon geändert.

    Normalerweise sollten jetzt die Bilder transparent sein, aber irgendwie bekomme ich keine transparenz angezeigt.

    Kann mir jemand weiterhelfen, bin echt schon am verzweifeln.

    Bedanke mich schonmal.


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    DjGeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Fussel86 Mitglied
    Registriert seit
    18.01.2009
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    danke dj gecko, aber da blick ich net durch sogut ist mein html auch net.
    Gibt es net eine einfachere Lösung, wie die Bilder die jetzt schon transparent sind einfach nur transparent angezeigt werden.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    DjGeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    ich kenne deinen code nicht,
    evtl hast du irgendwo in der html oder css datei eine hintergrundfarbe eingestellt welche das ganze dann natürlich überdeckt
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Fussel86 Mitglied
    Registriert seit
    18.01.2009
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    ne habe ja ein Hintergrund bild eingestellt.

    Hier schau mal bitte rein wäre echt prima wenn du das schaffen würdest.

    </head>

    <body background="http://www.ppppp.kilu.de/include/designs/redlight_cs/images/bg.jpg">
    <div align="center">
    <table width="1000" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="1000" align="left" valign="top" class="bg" scope="col"><table width="1000" border="0" cellpadding="0" cellspacing="0"onload="MM_preloadImages('/include/designs/redlight_cs/images/Server Down.jpg','/include/designs/redlight_cs/images/Server Over.jpg','/include/designs/redlight_cs/images/Downloads Down.jpg','/include/designs/redlight_cs/images/Downloads Over.jpg','/include/designs/redlight_cs/images/Galerie Down.jpg','/include/designs/redlight_cs/images/Galerie Over.jpg','/include/designs/redlight_cs/images/Wunsch Down.jpg','/include/designs/redlight_cs/images/Wunsch Over.jpg','/include/designs/redlight_cs/images/Train Down.jpg','/include/designs/redlight_cs/images/Train Over.jpg')">
    <tr>
    <td width="201"><a href="index.php?phgstats" target="_top" onclick="MM_nbGroup('down','group1','Server','/include/designs/redlight_cs/images/Server Down.jpg',1)" onmouseover="MM_nbGroup('over','Server','/include/designs/redlight_cs/images/Server Over.jpg','/include/designs/redlight_cs/images/Server Down.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="/include/designs/redlight_cs/images/Server.jpg" alt="" name="Server" width="201" height="30" border="0" id="Server" onload="" /></a></td>
    <td width="200"><a href="index.php?downloads" target="_top" onclick="MM_nbGroup('down','group1','Downloads','/include/designs/redlight_cs/images/Downloads Down.jpg',1)" onmouseover="MM_nbGroup('over','Downloads','/include/designs/redlight_cs/images/Downloads Over.jpg','/include/designs/redlight_cs/images/Downloads Down.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="/include/designs/redlight_cs/images/Downloads.jpg" alt="" name="Downloads" width="199" height="30" border="0" id="Downloads" onload="" /></a></td>
    <td width="201"><a href="/index.php?gallery" target="_top" onclick="MM_nbGroup('down','group1','Galerie','/include/designs/redlight_cs/images/Galerie Down.jpg',1)" onmouseover="MM_nbGroup('over','Galerie','/include/designs/redlight_cs/images/Galerie Over.jpg','/include/designs/redlight_cs/images/Galerie Down.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="/include/designs/redlight_cs/images/Galerie.jpg" alt="" name="Galerie" width="200" height="30" border="0" id="Galerie" onload="" /></a></td>
    <td width="197"><a href="/index.php?wunschbox" target="_top" onclick="MM_nbGroup('down','group1','Wunschbox','/include/designs/redlight_cs/images/Wunsch Down.jpg',1)" onmouseover="MM_nbGroup('over','Wunschbox','/include/designs/redlight_cs/images/Wunsch Over.jpg','/include/designs/redlight_cs/images/Wunsch Down.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="/include/designs/redlight_cs/images/Wunsch.jpg" alt="" name="Wunschbox" width="199" height="30" border="0" id="Wunschbox" onload="" /></a></td>
    <td width="201"><a href="/index.php?trains" target="_top" onclick="MM_nbGroup('down','group1','Trains','/include/designs/redlight_cs/images/Train Down.jpg',1)" onmouseover="MM_nbGroup('over','Trains','/include/designs/redlight_cs/images/Train Over.jpg','/include/designs/redlight_cs/images/Train Down.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="/include/designs/redlight_cs/images/Train.jpg" alt="" name="Trains" width="201" height="30" border="0" id="Trains" onload="" /></a></td>
    </tr>
    </table>
    <tr>
    <td width="1000" align="left" valign="top" class="header" scope="col"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1000" height="171" title="header">
    <param name="movie" value="include/designs/redlight_cs/flash/header.swf" />
    <param name="quality" value="high" />
    <embed src="include/designs/redlight_cs/flash/header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1000" height="171"></embed>
    </object></td>
    </tr>
    <tr>
    <td width="1000" align="left" valign="top" class="cheadpic" scope="col"><marquee hspace="17"><font color=red><b>Willkommen auf der Seite von Heroes of Death.</b></font> </marquee></td>
    </tr>
    <tr>
    <td width="1000" align="left" valign="top" class="bg" scope="col"><table width="1000" height="649" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="201" align="left" valign="top" scope="col"><table width="201" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="201" align="left" valign="top" class="modulpic_left_top" scope="col"><div id="titel_nav1">Main Menu </div></td>
    </tr>
    <tr>
    <td width="201" align="left" valign="top" class="modulpic_left_spacer" scope="col"><div id="nav1">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="167" height="175" title="navigation">
    <param name="movie" value="include/designs/redlight_cs/flash/nav.swf" />
    <param name="quality" value="high" />
    <embed src="include/designs/redlight_cs/flash/nav.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="167" height="175"></embed>
    </object>
    </div></td>
    </tr>
    <tr>
    <td class="modulpic_left_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_top2" scope="col"><div id="titel_nav2">Clan Menu </div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_spacer" scope="col"><div id="nav2">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="167" height="150" title="navigation">
    <param name="movie" value="include/designs/redlight_cs/flash/nav2.swf" />
    <param name="quality" value="high" />
    <embed src="include/designs/redlight_cs/flash/nav2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="167" height="150"></embed>
    </object>
    </div></td>
    </tr>
    <tr>
    <td class="modulpic_left_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_top2" scope="col"><div id="titel_allianz">Allianz</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_spacer" scope="col"><div id="box_allianz">{_boxes_allianz}</div></td>
    </tr>
    <tr>
    <td class="modulpic_left_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td scope="col"><span class="Stil1">{_list_menunr2@</span></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_top2" scope="col"><div id="titel_left_modul">%1</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_spacer" scope="col"><div id="box_left_modul">%2</div></td>
    </tr>
    <tr>
    <td class="modulpic_left_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td scope="col">}</td>
    </tr>
    <tr>
    <td scope="col"><span class="Stil1">{_list_menunr4@</span></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_top2" scope="col"><div id="titel_left_modul">%1</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_left_spacer" scope="col"><div id="box_left_modul">%2</div></td>
    </tr>
    <tr>
    <td class="modulpic_left_bottum2" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td scope="col">}</td>
    </tr>
    </table></td>
    <td width="598" align="left" valign="top" scope="col"><table width="598" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td align="left" valign="top" class="content_top" scope="col"><div id="hmenu">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <th width="69%" align="left" valign="top" scope="col">{HMENU} </th>
    <th width="27%" align="left" valign="top" class="date" scope="col">
    <script type="text/javascript" language="JavaScript">
    <!-- Begin
    Datum(2);
    // End -->
    </script></th>
    <th width="4%" align="left" valign="top" scope="col">&nbsp;</th>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="content_spacer" scope="col"><div align="left" id="explode">{EXPLODE}</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="content_bottum" scope="col"><img src="include/designs/redlight_cs/images/redlight_cs_18.jpg" alt="footer" width="598" height="87" border="0" usemap="#Map" /></td>
    </tr>
    </table></td>
    <th width="201" align="left" valign="top" scope="col"><table width="201" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td align="left" valign="top" class="modulpic_right_top" scope="col"><div id="titel_login">Login</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_spacer" scope="col"><div align="left" id="box_login">{_boxes_login}</div></td>
    </tr>
    <tr>
    <th class="modulpic_right_bottum1" scope="col">&nbsp;</th>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_top2" scope="col"><div id="titel_online">Online</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_spacer" scope="col"><div align="left" id="box_online">{_boxes_online}</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_top2" scope="col"><div id="titel_lastwars">Lastwars</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_spacer" scope="col"><div id="box_lastwars">{_boxes_lastwars}</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_top2" scope="col"><div id="titel_nextwars">Nextwars</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_spacer" scope="col"><div id="box_nextwars">{_boxes_nextwars}</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_top2" scope="col"><div id="titel_lastforum">Last Forum</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_spacer" scope="col"><div id="box_lastpost">{_boxes_lastforum}</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td scope="col"><span class="Stil1">{_list_menunr3@</span></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_top2" scope="col"><div id="titel_right_modul">%1</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_spacer" scope="col"><div id="box_right_modul">%2</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum1" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td scope="col">}</td>
    </tr>
    <tr>
    <td scope="col"><span class="Stil1">{_list_menunr5@</span></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_top2" scope="col"><div id="titel_right_modul">%1</div></td>
    </tr>
    <tr>
    <td align="left" valign="top" class="modulpic_right_spacer" scope="col"><div id="box_right_modul">%2</div></td>
    </tr>
    <tr>
    <td class="modulpic_right_bottum2" scope="col">&nbsp;</td>
    </tr>
    <tr>
    <td scope="col">}</td>
    </tr>
    </table></th>
    </tr>
    </table></td>
    </tr>
    </table>
    </div>

    <map name="Map" id="Map"><area shape="rect" coords="228,46,361,59" href="mailto:dennis.gericke@web.de" />
    <area shape="rect" coords="229,63,369,74" href="http://www.ilch.de" target="_blank" />
    </map></body>
    </html>
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    DjGeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    zeig mal deine CSS datei bitte und setzte den code bitte in
     - tags
    
    
    by the way... deine PicOfX - Box funzt auch nicht richtig:
    
    [code]Warning: mysql_fetch_assoc(): supplied argument is not a valid MySQL result resource in /data/apache/users/kilu.de/ppppp/www/include/includes/func/db/mysql.php on line 58



    Zuletzt modifiziert von DjGeCk0 am 10.05.2009 - 11:16:28
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Fussel86 Mitglied
    Registriert seit
    18.01.2009
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    Also ich habe es noch nicht überall auf gif geändert, wollte erstmal sehen ob es an paar bildern funzt.


    body {
    	background-image: url (../images/bg.jpg);
    	height: auto;
    	width: auto;
    }
    .header {
    	background-image: url(../images/redlight_cs_01.jpg);
    	background-repeat: no-repeat;
    	height: 171px;
    	width: 1000px;
    }
    .bg {
    	background-image: url(../images/redlight_cs_19.jpg);
    	background-repeat: repeat-y;
    	height: 100%;
    	width: 1000px;
    }
    .modulpic_left_top {
    	background-image: url(../images/redlight_cs_02.jpg);
    	background-repeat: no-repeat;
    	height: 35px;
    	width: 201px;
    }
    .modulpic_left_top2 {
    	background-image: url(../images/redlight_cs_10.jpg);
    	background-repeat: no-repeat;
    	height: 45px;
    	width: 201px;
    }
    
    .modulpic_left_spacer {
    	background-image: url(../images/redlight_cs_05.png);
    	background-repeat: repeat-y;
    	height: 100%;
    	width: 201px;
    }
    .modulpic_left_bottum1 {
    	background-image: url(../images/redlight_cs_08.gif);
    	background-repeat: no-repeat;
    	height: 47px;
    	width: 201px;
    }
    .modulpic_left_bottum2 {
    	background-image: url(../images/redlight_cs_14.jpg);
    	background-repeat: no-repeat;
    	height: 45px;
    	width: 201px;
    }
    .modulpic_right_top {
    	background-image: url(../images/redlight_cs_04.jpg);
    	background-repeat: no-repeat;
    	height: 35px;
    	width: 201px;
    }
    .modulpic_right_top2 {
    	background-image: url(../images/redlight_cs_11.jpg);
    	background-repeat: no-repeat;
    	height: 41px;
    	width: 201px;
    }
    
    .modulpic_right_spacer {
    	background-image: url(../images/redlight_cs_06.jpg);
    	background-repeat: repeat-y;
    	height: 100%;
    	width: 201px;
    }
    .modulpic_right_bottum1 {
    	background-image: url(../images/redlight_cs_09.jpg);
    	background-repeat: no-repeat;
    	height: 47px;
    	width: 201px;
    }
    .modulpic_right_bottum2 {
    	background-image: url(../images/redlight_cs_15.jpg);
    	background-repeat: no-repeat;
    	height: 44px;
    	width: 201px;
    }
    .content_top {
    	background-image: url(../images/redlight_cs_03.jpg);
    	background-repeat: no-repeat;
    	height: 77px;
    	width: 598px;
    }
    .content_spacer {
    	background-image: url(../images/redlight_cs_07.gif);
    	background-repeat: repeat-y;
    	height: 100%;
    	width: 598px;
    }
    .content_bottum {
    	background-image: url(../images/redlight_cs_18.jpg);
    	background-repeat: no-repeat;
    	height: 87px;
    	width: 598px;
    }
    .date {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	color: #A40605;
    }
    
    #explode {
    	height: auto;
    	width: 560px;
    	margin-right: 19px;
    	margin-left: 19px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    #hmenu {
    	height: auto;
    	width: auto;
    	margin-top: 13px;
    	margin-right: 10px;
    	margin-left: 20px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	color: #FFFFFF;
    }
    
    #box_login {
    	height: auto;
    	width: auto;
    	margin-right: 31px;
    	margin-left: 15px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    #nav1 {
    	height: 175px;
    	width: 167px;
    	margin-right: 9px;
    	margin-left: 24px;
    }
    #nav2 {
    	height: auto;
    	width: 167px;
    	margin-right: 9px;
    	margin-left: 24px;
    }
    #titel_nav1 {
    	height: 10px;
    	width: 116px;
    	margin-right: 10px;
    	margin-left: 75px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 7px;
    	font-weight: bold;
    }
    #titel_nav2 {
    	height: 10px;
    	width: 116px;
    	margin-right: 10px;
    	margin-left: 75px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 13px;
    	font-weight: bold;
    }
    #titel_allianz {
    	height: 10px;
    	width: auto;
    	margin-right: 10px;
    	margin-left: 90px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 14px;
    	font-weight: bold;
    }
    #titel_login {
    	height: 10px;
    	width: auto;
    	margin-right: 10px;
    	margin-left: 75px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 7px;
    	font-weight: bold;
    }
    #titel_online {
    	height: 10px;
    	width: auto;
    	margin-right: 10px;
    	margin-left: 75px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 13px;
    	font-weight: bold;
    }
    #titel_lastwars {
    	height: 10px;
    	width: auto;
    	margin-right: 10px;
    	margin-left: 65px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 13px;
    	font-weight: bold;
    }
    #titel_nextwars {
    	height: 10px;
    	width: auto;
    	margin-right: 10px;
    	margin-left: 65px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 13px;
    	font-weight: bold;
    }
    #titel_lastforum {
    	height: 10px;
    	width: auto;
    	margin-right: 10px;
    	margin-left: 65px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 13px;
    	font-weight: bold;
    }
    #box_allianz {
    	height: auto;
    	width: 155px;
    	margin-right: 15px;
    	margin-left: 31px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	font-weight: bold;
    }
    #box_online {
    	height: auto;
    	width: 155px;
    	margin-right: 31px;
    	margin-left: 15px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    #box_lastwars {
    	height: auto;
    	width: 155px;
    	margin-right: 31px;
    	margin-left: 15px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    #box_nextwars {
    	height: auto;
    	width: 155px;
    	margin-right: 31px;
    	margin-left: 15px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    #box_lastpost {
    	height: auto;
    	width: 155px;
    	margin-right: 31px;
    	margin-left: 15px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    #titel_left_modul {
    	height: 12px;
    	width: 120px;
    	margin-right: 10px;
    	margin-left: 70px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 12px;
    	font-weight: bold;
    }
    #titel_left_modul2 {
    	height: 12px;
    	width: 120px;
    	margin-right: 10px;
    	margin-left: 70px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 12px;
    	font-weight: bold;
    }
    #box_left_modul {
    	height: auto;
    	width: 157px;
    	margin-right: 14px;
    	margin-left: 30px;
    	margin-bottom: 2px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    #box_left_modul2 {
    	height: auto;
    	width: 157px;
    	margin-right: 14px;
    	margin-left: 30px;
    	margin-bottom: 2px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    #titel_right_modul {
    	height: 10px;
    	width: auto;
    	margin-right: 10px;
    	margin-left: 70px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	margin-top: 13px;
    	font-weight: bold;
    }
    #box_right_modul {
    	height: auto;
    	width: auto;
    	margin-right: 30px;
    	margin-left: 12px;
    	margin-bottom: 5px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    }
    a:link {
    	font-family: Arial, Helvetica, sans-serif;
    	color: #B20604;
    	font-size: 12px;
    	font-weight: bold;
    }
    
    a:hover 
    {   
      text-decoration: none;  
    }
    a:active {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	color: #CCCCCC;
    }
    a:visited {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	color: #B74441;
    }
    
    
    a.box 
    { 
      color: #B20604; 
    	font-family: Verdana; 
    	font-size: 11px; 
    	text-decoration: underline; 
    }
    
    a.box:hover 
    {   
      text-decoration: none;  
    }
    
    .Chead
    {
    	color: #FFFFFF;
    	background-color: #211F20;
    	background-image: url(../images/cheadpic.jpg);
    	background-repeat: repeat-x;
    	height: 30px;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
    	color: #FFFFFF;
    	background-color: #211F20;
    	background-image: url(../images/cheadpic.jpg);
    	background-repeat: repeat-x;
    	height: 30px;
    }
    
    .Callg
    {
      background-color: #211F20;
    	color: #000000;
    }
    
    .Callg td
    {
      color: #000000;
    }
    
    .Cnorm 
    {
      background-color: #211F20;
    }
    .Cmite
    {
      background-color: #211F20;
    }
    .Cdark
    {
      background-color: #211F20;
    }
    
    .rand
    {
      border: 1px solid #971716;
    }
    
    .smalfont 
    { 
        font-size: 10px;
    		text-decoration: none; 
    }
    
    .border 
    { 
       background-color: #000000; 
    }
    hr 
    { 
        height: 0px; 
    		border: solid #003366 0px; 
    		border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #CCCCCC;  
        font: 12px Verdana;  
        border-color: #000000;
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
        background-color: #333333;  
    }
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    DjGeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    jo dann lösch mal diese Zeilen hier überall wo kein hintergrundbild der box sein soll

    background-image: url(../images/redlight_cs_19.jpg);


    damit sollte dann das hintergrundbild der index sichtbar werden
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Fussel86 Mitglied
    Registriert seit
    18.01.2009
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    ich wollte ja das ein teil der Boxen noch sichtbar ist, und das was weg sein soll vom bild habe ich auch transparenz radiert.
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    DjGeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    wie du sagtest geht bei jpg keine transparent...

    in der css werden die jpg dateien ausgelesen
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Fussel86 Mitglied
    Registriert seit
    18.01.2009
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    ja aber 2 oder so habe ich zum testen in gif geändert und da wo diese geladen werden sollten, wird es immer noch so wie in der jpg angezeigt.
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Fussel86 Mitglied
    Registriert seit
    18.01.2009
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    ok bekomme es selber langsam hin.

    DjGecko danke dir trotzdem vielmals.
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Du kannst es auch einfach mal mit .png-Bildern versuchen. zwinker
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Fussel86 Mitglied
    Registriert seit
    18.01.2009
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    habe es schon geschafft mit gif bildern.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten