Autor |
Nachricht |
-
tomb-raider-extreme
|
16.02.2011 um 17:20 (UTC) Titel: Hilfe bei Rechter Box... |
|
|
Hey,
ich hab mal eine Frage und zwar wird meine Rechte Box nicht richtig mit dem Hintergrund dargestellt, dort sind weiße Abstände -> http://tomb-raider-extreme.de.tl/home.htm
woran kann das liegen? (benutze iceblue)
Liebe Grüße
Jenny
Code:
<style type="text/css">
<!--
Copyright Tomb Raider Extreme
/* Allgemein */
td.idcp{visibility:hidden;}
body{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/trx_backgroundx.jpg);}
/* Header */
td.edit_header_full{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/header00.jpg);border: 60px dotted #XXXXXX;}
/* Navigation */
td.edit_navi_headbg{background-image:
url(http://img.webme.com/pic/t/tomb-raider-extreme/navibg_trx.jpg);}
td.headline2{visibility: hidden;}
td.nav_heading{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/black_bg.jpg);height: 0px;padding-left: 30px;font-size: 24x;font-weight:bold;}
td.nav{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/blackbb.jpg);height: 20px;}
td.nav:hover{background-image: url();height: 20px;}
td.nav a{color: #000000;text-decoration: none;font-size: 11px;font-family: verdana;}
td.nav a:visited{color: #000000;font-size: 11px;font-weight;font-family: verdana;}
td.edit_below_nav{visibility: hidden;}
/* Content */
td.edit_rechts_cbg{background-image: url();width: 100%;}
td.edit_content_top{height: 30px;background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/trx_content_topx.jpg);font-size: 15px;font-weight;text-align: center;}
td.edit_content{padding-left: 15px;background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/content0_trx.jpg);}
td.edit_content div{color: #FFFFFF;font-size: 12px;font-weight;}
td.edit_content p{color: #FFFFFF;font-size: 12px;font-weight;}
td.edit_content font{color: #FFFFFF;font-size: 12px;font-weight;}
td.edit_content_bottom{background-image: url();height:auto;}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/trx_content_footerx.jpg);height: 46px;
width: 753px;}
/* Rechte Boxen */
td.sidebar_heading{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/rechtebox_bg.jpg);height: 31px;font-size: 14px;font-weight: bold;font-family: arial;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-color:; background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/rechtebox_bg.jpg);}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/rechtebox_bg.jpg);}
td.edit_rechts_sbg{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/rechtebox_bg.jpg);visibility: hidden;}
-->
</style>
</style>
</head>
<body>
<FONT color="white"><style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img.webme.com/pic/t/tomb-raider-extreme/trx_header_3.jpg);background-color:#XXXXXX;width;
921; height: 370px;}
-->
</style>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 0px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 467px;
left: 460px;
width:850px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 100px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #;
background-color: #;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFC4; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #;
background-image: url(URL);
color: #; }
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 14px;
display: none;
width: 160px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
border: 1px solid #;
padding-top: 5px;
background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/transparent_button1.png);
background-color: ;
border-top: 0px;
cursor: pointer;
color: #000000; }
//-->
</style>
<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->
<div class="menu">
<li><a href="http://tomb-raider-extreme.de.tl/home.htm">Home</a> </li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Lara Croft</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://tomb-raider-extreme.de.tl/Entstehung.htm">Entstehung</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Biografie.htm">Biografie</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Steckbrief.htm">Steckbrief</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Games</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://tomb-raider-extreme.de.tl/Tomb-Raider-I.htm">Tomb Raider </a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Tomb-Raider-II.htm">Tomb Raider 2</a></li>
<li><a href="Unterlink 3.2">Tomb Raider 3</a></li>
<li><a href="Unterlink 3.2">Tomb Raider 4</a></li>
<li><a href="Unterlink 3.2">Tomb Raider 5</a></li>
<li><a href="Unterlink 3.2">Tomb Raider 6</a></li>
<li><a href="Unterlink 3.2">Legend</a></li>
<li><a href="Unterlink 3.2">Anniversary</a></li>
<li><a href="Unterlink 3.2">Underworld</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/TOMB-RAIDER.htm">TOMB RAIDER</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">TR Universum</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://tomb-raider-extreme.de.tl/Romane.htm">Romane</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/L.oe.sungen.htm">Lösungen</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Filme.htm">Filme</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Wallpaper.htm">Wallpaper</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Models.htm">Models</a></li>
<li><a href="Unterlink 4.2">Sammlungen</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/XNA-Lara.htm">XNA Lara</a></li>
</ul>
</li>
<li><a href="http://tomb-raider-extreme.de.tl/Extras.htm">Extras</a> </li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Community</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://tomb-raider-extreme.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Partner.htm">Partner</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/Awards.htm">Awards</a></li>
<li><a href="http://tomb-raider-extreme.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
</ul>
</li>
</div>
<div align="center">
<style type="text/css">
<!--
td.headline { display: none ; }
-->
</style>
<style type="text/css">
<!--
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_navi_headbg{display:none;}
-->
</style>
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
//-->
</style><table align="center" cellspacing="0" cellpadding="0" border="0" width="60%"><tr><td><div align="center">
<style type="text/css">
<!--
DIV td[width="100%"] {
padding: 15px;
color: #FFFFFF!important;
font-size: 13px;
background-color:#282828;
background-repeat: repeat;
border: 1px solid #969696;
}
-->
</style>
<style type="text/css">
<!--
hr {
background: url(http://img.webme.com/pic/t/tomb-raider-extreme/trennliniex.png) no-repeat;
border: none;
height: 13px;
margin: 10px 50px 50px 190px;}
-->
</style>
Zuletzt bearbeitet von tomb-raider-extreme am 16.02.2011, 18:22, insgesamt einmal bearbeitet
|
|
↑
|
|
|
|
16.02.2011 um 17:45 (UTC) Titel: |
|
|
zum ersten solltest du deine seite sichbar machen. nicht jeder kennt den trick um das zu sehen, was du meinst. für mich sieht es so aus, als wenn du den counter oder die shoutbox in die boxenüberschrift gemacht hast.
zusätzlich, wäre auch eine möglichkeit, hast du eh sachen drin die du nicht brauchst, oder fehler hat.
Code: td.edit_rb_footer{background-image: url(http://img.webme.com/pic/t/tomb-raider-extreme/rechtebox_bg.jpg);}
das kann weg, denn es ist das gleiche bild wie die eigentliche shoutbox.
arbeite lieber mit <br> (auch mehrfach) falls du abstand brauchst.
deine shoutboxen beginnen mit
.shouty, .shouty2, .shouty3, .shouty4, .shouty5
schreib es mal so:
Zitat: td.shouty, .shouty2, .shouty3, .shouty4, .shouty5
bin jetzt nicht alles durchgegangen, aber womöglich liegt es schon daran.
gruss gringo ______________ Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell
|
|
↑
|
|
|
-
tomb-raider-extreme
|
16.02.2011 um 19:59 (UTC) Titel: |
|
|
Hey,
danke nochmal für die Tipps. Ich habe gerade nochmal etwas mit meinen Codes rumgespielt und habe jetzt endlich die Lösung gefunden.
Habe einfach diesen Code eingegeben:
Code:
<style type="text/css">
<!--
.shouty{
background: url(http://img.webme.com/pic/t/tomb-raider-extreme/rechtebox_bg.jpg);}
-->
</style>
Danke nochmal für die Hilfe und Tipps!
Liebe Grüße
Jenny |
|
↑
|
|
|
|