Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.04.2009 um 17:54 (UTC)    
Titel: CSS Code probleme

Hi ich hab in meinem css code über dem design mehrere probleme:
1.in meinem code ist viel was doppeöt ist kann mir das bitte raus machen ohne das sich mein code ändert? Question
2über der werbung ist zuviel platz ..wie geht das wida weg???. Question
3.von dem coolmenü da sollte kein platz sein zwischen den buttens und wie ändere ich die schrift größen im coolmenü?? Question
4.bei meinem design haben die boxen eine umrabdung die weg soll sodass aber die sidebar_heading noch da ist nur die umrandung muss weg.?? Question

Das waren jetz mal ein haufen fragen hoffe auf antworten Very Happy

mein code:

<style type="text/css">
<!--
td.edit_content_top{background-image:url(
http://i85.servimg.com/u/f85/13/55/90/68/busine10.jpg); background-color:#XXXXXX;}
-->
</style>


<style type="text/css">
<!--
td.edit_navi_headbg{display:none;}
-->
</style>






<style type="text/css">
<!--
td.nav{text-decoration: none; color:#000000; width: 185px;height: 35px;background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/navfir10.gif);}
td.nav:hover{text-decoration: none;color: #000000; width: 185px;height: 35px;background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/realfl10.gif);}
-->
</style>





<style type="text/css">
<!--
td.headline{visibility: hidden;}
-->
</style>



<style type="text/css">
<!--
body{background-image:url(<img src="http://img.webme.com/pic/r/rt-eliteclan/black.png" alt="" />
);});}
-->
</style>


<marquee direction="right" bgcolor="#000000"><font size="5" face="Arial" color="#FF0000"><br />
<br /></marquee>



<style type="text/css">
<!--
/*Rechte Boxen unsichtbar*/
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{background-image: url(http://img.webme.com/pic/t/testing4you/shouthead2.jpg);}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image:url();background-color:transparent;border:0px dotted black;}
td.shouty2{;}
td.shouty3{;}
td.shouty4{;}
td.shouty5{;}
--></style>






<style type="text/css">
<!--
td.nav a{font-family: schräg;font-size: 14px;color: #FFFFFF;}
td.nav a:hover{font-family: schräg;font-size: 18px;color: #FFFFFF;}
body{background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/black12.png);}
td.edit_header_full{background-image:url(http://img.webme.com/pic/r/rt-eliteclan/kkkkkk.jpg);}
td.edit_content_bottom2{background-image:url(Url);}
td.edit_below_nav{visibility: hidden;}
td.headline2{visibility: hidden;}
td.headline{visibility: hidden;}
td.edit_navi_headbg{background-image:url(Url);}
td.edit_below_nav img{display:none;}
td.edit_rb_footer{background-image:url(Url);}
td.edit_rechts_bottom{background-image:url(Url);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(Url);}
-->
</style>





<style type="text/css">
<!--
td.shouty{color:#4e4ef3;}
td.shouty2{color:#4e4ef3;}
td.shouty3{color:#4e4ef3;}
td.shouty4{color:#4e4ef3;}
td.shouty5{color:#4e4ef3;}
td.shouty a, td.shouty2 a, td.shouty3 a, td.shouty4 a, td.shouty5 a{color: #4e4ef3;}
td.shouty td, td.shouty2 td, td.shouty3 td, td.shouty4 td, td.shouty5 td{color: #4e4ef3;}
td.shouty table, td.shouty2 table, td.shouty3 table, td.shouty4 table, td.shouty5 table{color: #4e4ef3;}
-->
</style>















<style type="text/css">
<!--
td.nav a{font-family: schräg;font-size: 14px;color: #FFFFFF;}
td.nav a:hover{font-family: schräg;font-size: 18px;color: #FFFFFF;}
td.nav{text-decoration: none; color:#000000; width: 185px;height: 35px;background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/navfir10.gif);}
td.nav:hover{text-decoration: none;color: #000000; width: 185px;height: 35px;background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/realfl10.gif);}
body{background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/black12.png);}
td.edit_header_full{background-image:url(http://img.webme.com/pic/r/rt-eliteclan/kkkkkk.jpg);}
td.edit_content_bottom2{background-image:url(Url);}
td.edit_below_nav{visibility: hidden;}
td.headline2{visibility: hidden;}
td.headline{visibility: hidden;}
td.edit_navi_headbg{background-image:url(Url);}
td.edit_below_nav img{display:none;}
td.edit_rb_footer{background-image:url(Url);}
td.edit_rechts_bottom{background-image:url(Url);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(Url);}
-->
</style>
<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 10px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 233px;
left: 50%;
margin-left:-492px;
width:900px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 200px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(http://i85.servimg.com/u/f85/13/55/90/68/blackb10.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 8px;
display: block;
height: 24px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://i85.servimg.com/u/f85/13/55/90/68/blackb10.jpg);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2,#smenu3,#smenu4,#smenu5,
{
font-size: 5px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 8px;
border-top: 0px;
cursor: pointer;
color: #7F9FFF;
}
//-->

</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>


<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Clan Homes</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www.rt-eliteclan.de.tl">Home</a></li>
<li><a href=" http://www.rt-gamers.de.tl ">RC</a></li>
<li><a href="http://www.rt-CS.de.tl">CS</a></li>
<li><a href="http://rt-bf.de.tl/">BF</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Forum</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://rt-eliteclan.forumieren.de/ ">Forum</a></li>
<li><a href="http://rt-eliteclan.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Der Clan</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://rt-eliteclan.de.tl/Link-us.htm">Link us</a></li>
<li><a href="http://rt-eliteclan.de.tl/Clanwar.htm">Clanwar</a></li>
<li><a href="http://rt-eliteclan.de.tl/Downloads.htm">Downloads</a><li>
<li><a href="Seiten Link">Bilder/Filme</a><li>
<li><a href="http://www.meinetopliste.de/toplist.php?toplistid=2669/">Toplist</a><li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Fun</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://rt-eliteclan.de.tl/Games.htm">Games</a></li>
<li><a href="http://rt-eliteclan.de.tl/Chat.htm">Chat</a></li>
<li><a href="http://rt-eliteclan.de.tl/Witze.htm">Witze</a></li>
</ul>
</li>
</div>
</td>
</tr>
</table>









<style type="text/css">
<!--
/* Diesen Teil nicht rauslöschen*/
/* copyright by rt eliteclan*/
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
<style type="text/css">
<!--
td.sidebar_heading{background-image: url((http://img.webme.com/pic/t/testing4you/shouthead2.jpg);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
td.nav_heading{background-image: url(http://img.webme.com/pic/r/rt-eliteclan/black.png);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image:url(http://img.webme.com/pic/t/testing4you/businessbutton-2.jpg);}
td.nav:hover{background-image:url(http://img.webme.com/pic/t/testing4you/businessbuttondown-2.jpg);}
td.edit_below_nav{visibility: hidden;}
td.edit_content{background-image: url(http://i85.servimg.com/u/f85/13/55/90/68/ttdetr10.png);width: 0px;}
td.edit_rechts_cbg{background-image: url();}
td.nav a{color: #545755;font-size: 12px;font-weight: bold;text-align: center;}
body {background-image:url(http://img.webme.com/pic/r/rt-eliteclan/black.png);background-repeat: repeat;}
td.edit_navi_headbg{background-image: url(url);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.edit_rechts_bottom{background-image: url(url);}
td.shouty{color:#c6c5c5;background-image: url(http://img.webme.com/pic/r/rt-eliteclan/black.png);background-color: #999999;border: 3px solid #c6c5c5;}
td.shouty2{color:#c6c5c5;background-image: url(URL);background-color: #999999;border: 3px solid #c6c5c5;}
td.shouty3{color:#c6c5c5;background-image: url(http://img.webme.com/pic/r/rt-eliteclan/black.png);background-color: #999999;border: 3px solid #c6c5c5;}
td.shouty4{color:#c6c5c5;background-image: url(http://img.webme.com/pic/r/rt-eliteclan/black.png);background-color: #9999990;border: 3px solid #c6c5c5;}
td.shouty5{color:#c6c5c5;background-image: url(http://img.webme.com/pic/r/rt-eliteclan/black.png);background-color: #999999;border: 3px solid #c6c5c5;}
td.edit_rb_footer{visibility: hidden; width: 0px ;}
td.edit_content_top{background-image: url(http://img.webme.com/pic/c/creative-design4you/businessconttop2.jpg);}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/t/testing4you/businesscontfooter-1.jpg);}
td.edit_content_bottom2{background-image: url();}
td.edit_content_bottom{visibility: hidden;width: 0px;}
td.edit_header_full{background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/kkkkkk10.jpg);}
-->
</style>
______________



Zuletzt bearbeitet von rt-eliteclan am 01.04.2009, 18:55, insgesamt einmal bearbeitet
Beitrag02.04.2009 um 12:32 (UTC)    
Titel:

So, hab dir jetzt den Code ein wenig gekürzt und hoffe,
dass so alles inordnung ist (Die Probleme habe ich auch verbessert):
Zitat:
<style type="text/css">
<!--
body{background-image:url(http://img.webme.com/pic/r/rt-eliteclan/black.png);}
td.edit_header_full{background-image:url(http://img.webme.com/pic/r/rt-eliteclan/kkkkkk.jpg);}
td.edit_content_top{background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/busine10.jpg); background-color:#transparent;}
td.edit_content{background-image: url(http://i85.servimg.com/u/f85/13/55/90/68/ttdetr10.png);width: 0px;}
td.edit_content_bottom2{background-image:url(Url);}
td.edit_navi_headbg{display:none;}
td.edit_below_nav{visibility: hidden;}
td.edit_below_nav img{display:none;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.headline{visibility: hidden;}
td.headline2{visibility: hidden;}
td.nav_heading{background-image: url(http://img.webme.com/pic/r/rt-eliteclan/black.png);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.sidebar_heading{background-image: url(http://img.webme.com/pic/t/testing4you/shouthead2.jpg);14px;font-weight: bold;text-align: center;}
td.edit_rb_footer{visibility:hidden;}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5{background-image: url(http://img.webme.com/pic/r/rt-eliteclan/black.png);color:#c6c5c5;}


table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>


<div align="center">
<table border="0" width="75%">
<tr>
<td>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 10px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 10px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 233px;
left: 50%;
margin-left:-492px;
width:900px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 200px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(http://i85.servimg.com/u/f85/13/55/90/68/blackb10.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 24px;
color: #ffffff;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://i85.servimg.com/u/f85/13/55/90/68/blackb10.jpg);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2,#smenu3,#smenu4,#smenu5,
{
font-size: 5px;
display: none;
width: 175px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 8px;
border-top: 0px;
cursor: pointer;
color: #7F9FFF;
}
//-->

</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>


<div class="menu">
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Clan Homes</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://www.rt-eliteclan.de.tl">Home</a></li>
<li><a href=" http://www.rt-gamers.de.tl ">RC</a></li>
<li><a href="http://www.rt-CS.de.tl">CS</a></li>
<li><a href="http://rt-bf.de.tl/">BF</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Forum</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://rt-eliteclan.forumieren.de/ ">Forum</a></li>
<li><a href="http://rt-eliteclan.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Der Clan</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://rt-eliteclan.de.tl/Link-us.htm">Link us</a></li>
<li><a href="http://rt-eliteclan.de.tl/Clanwar.htm">Clanwar</a></li>
<li><a href="http://rt-eliteclan.de.tl/Downloads.htm">Downloads</a><li>
<li><a href="Seiten Link">Bilder/Filme</a><li>
<li><a href="http://www.meinetopliste.de/toplist.php?toplistid=2669/">Toplist</a><li>
</ul>
</li>
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Fun</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://rt-eliteclan.de.tl/Games.htm">Games</a></li>
<li><a href="http://rt-eliteclan.de.tl/Chat.htm">Chat</a></li>
<li><a href="http://rt-eliteclan.de.tl/Witze.htm">Witze</a></li>
</ul>
</li>
</div>
</td>
</tr>
</table>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag02.04.2009 um 19:01 (UTC)    
Titel:

I thank you so much Very Happy
hat alles perfekt geklatt
du bist der der mir am meisten hilft Very Happy
______________

Beitrag02.04.2009 um 19:15 (UTC)    
Titel:

rt-eliteclan hat Folgendes geschrieben:
I thank you so much Very Happy
hat alles perfekt geklatt
du bist der der mir am meisten hilft Very Happy

Wenn du willst, kann ich dir den Java-Code ein wenig kompaker, sprich weniger Zeilen, machen.
Beitrag03.04.2009 um 08:58 (UTC)    
Titel:

??wie meinste dat?? Question
Kürzen?
unötiges raus?
aber darf sich halt nix verändern
wär net von dir Very Happy
______________

Beitrag03.04.2009 um 11:43 (UTC)    
Titel:

rt-eliteclan hat Folgendes geschrieben:
??wie meinste dat?? Question
Kürzen?
unötiges raus?
aber darf sich halt nix verändern
wär net von dir Very Happy
Den Code, den ich dir oben geschickt habe,
könnte man noch weiter kürzen, nur wollte ich das noch übersichtlicher halten.

So könntest du noch z.B. weiter kürzen:
Zitat:
td.edit_navi_headbg{display:none;}
td.edit_below_nav{visibility: hidden;}
td.edit_below_nav img{display:none;}
td.edit_rechts_sbg{visibility:hidden;}

=

td.edit_navi_headbg, td.edit_below_nav img{display:none;}
td.edit_below_nav, td.edit_rechts_sbg{visibility: hidden;}
Es ist nur wichtig, dass die hintere Befehle gleich sind und
das die Klassen mit einem Komma getrennt werden...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de