Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.06.2007 um 18:35 (UTC)    
Titel: Button Text Ist verrutscht

Ich hab nen Button auf der Seite www.vanhellsehn.de.tl mit dem Feature auf eine andere Position gerückt. Und Plötzlich ist der Text von dem Button nicht mehr da wo er vorher war.
Woran kannd as liegen???

Hier ist der Code mit dem ich es gemacht habe :

Zitat:
td#nav_Tst{width:161px;height:33px;position:absolute;left:10px;top:155px;}

______________

Beitrag21.06.2007 um 19:02 (UTC)    
Titel:

Du hast den Button verkleinert. Normalerweise hat der Button eine größe von 185x35 und nicht 161x33.
______________
LG André

GMMTS.de
Beitrag21.06.2007 um 19:09 (UTC)    
Titel:

Das war vorher auch schon und normalerweise ist der Text immer noch in der Mitte.
______________

Beitrag21.06.2007 um 19:10 (UTC)    
Titel:

Erhöhe den Button doch mal bitte wieder auf 35px.
______________
LG André

GMMTS.de
Beitrag21.06.2007 um 19:11 (UTC)    
Titel:

Ok...
______________

Beitrag21.06.2007 um 19:19 (UTC)    
Titel:

Und was ist nun ??? Du hast auch keine Ahnung wo rann das liegen kann oder?
______________

Beitrag21.06.2007 um 19:51 (UTC)    
Titel:

Müsste doch eig. ganz einfach sein oder???
______________

Beitrag21.06.2007 um 20:51 (UTC)    
Titel:




td#nav_Tst{width:161px;height:33px;position:absolute;left:10px;top:155px;text- align: center;vertical-align: middle:}
probier mal so - ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag21.06.2007 um 20:54 (UTC)    
Titel:

Kann ich den nicht auf der größe 185x25 lassen???
Ich möchte da nicht so einen Großen Button.

MFG,
VanHellsehn
______________

Beitrag21.06.2007 um 20:58 (UTC)    
Titel:

probieren - ich hab jetzt dummerweise kein platz, wo ich testen könnte - setz den doch mal so rein mit den textbefehlen - kaputt gehen kann ja nix - ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM


Zuletzt bearbeitet von success4you am 21.06.2007, 21:58, insgesamt einmal bearbeitet
Beitrag21.06.2007 um 21:47 (UTC)    
Titel:

Hmm es klappt nicht hier ist mein CODE

Zitat:
<style type="text/css"><!--
/*CoolMenu*/
tr.checked_menu td{background-image:url(http://img.webme.com/pic/c/cssversuche/button0071.gif);}

/*DropDownMenu*/

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

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.menuscript
{
position: absolute;
z-index: 3;
top: 200px;
left: 550px;
margin-left:-350px;
}
.menuscript li
{
width: 100px;/*Button Länge*/
float: left;
}

.menuscript a
{
border: 1px solid #fff;
background-color: #000;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #ff3300;
}

.menuscript a:hover
{
background-color: #1f1f1f;
color: #ff3300;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 100px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #fff;
font-size:12px;
}

/*Rest*/

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;}
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.headline2{visibility: hidden; width: 0px ;}

td.edit_rechts_cbg{width:100%;}
td.nav{background-image: url(http://img.webme.com/pic/v/vanhellsehn/navblack.gif);}
td.nav:hover{background-image: url(http://img.webme.com/pic/c/cssversuche/button0071.gif);}
td.nav_heading{background-image: url(http://img.webme.com/pic/v/vanhellsehn/navazzurrodown321424234.gif);}
td.sidebar_heading{background-image: url(http://img.webme.com/pic/v/vanhellsehn/navazzurrodown321424234wqw.gif);}
td.edit_content_top{background-image: url(http://img.webme.com/pic/v/vanhellsehn/navfixaxre3.gif);}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/v/vanhellsehn/navfixaxre3.gif);}
td.edit_rb_footer{background-image: url(url);}
td.edit_below_nav{visibility: hidden; width: 0px ;}

td.edit_navi_headbg{background-image: url(http://img.webme.com/pic/c/cssversuche/navi_ende2.gif);}

td.edit_rechts_sbg{visibility: hidden; width: 0px ;}

td.edit_rechts_cbg{background-image: url();background-color: #000000;}

td.edit_rechts_bottom{background-image: url(http://img.webme.com/pic/c/cssversuche/navi_endec2r.gif);}

body{background-color:#000000;}
td.shouty{color:#ff0000;background-image: url(URL);background-color: #ffffff;border: 3px solid #c6c5c5;}

td.shouty2{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;}

td.shouty3{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;}

td.shouty4{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;}

td.shouty5{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;}
td.edit_content{background-position:center;background-image: url(http://img.webme.com/pic/v/vanhellsehn/cont2_bgwdsd.gif);}
td.edit_content_bottom{background-image: url(http://img.webme.com/pic/v/vanhellsehn/cont2_bgwdsd.gif);}




td.edit_header_full{background-position:center;background-repeat:no-repeat;background-image: url(http://img.webme.com/pic/v/vanhellsehn/adsd.gif);}
td#nav_AboutMe{position: absolute;left: 270px;top: 120px;width: 60px;height: 15px;background-image: url(http://img.webme.com/pic/v/vanhellsehn/uah.png);}
td#nav_AboutMe:hover{position: absolute;left: 270px;top: 120px;width: 60px;height: 15px;background-image: url(http://img.webme.com/pic/v/vanhellsehn/uahhover.png);}

td#nav_Privat{background-image: url(http://img.webme.com/pic/c/cssversuche/navmetaldown.gif);}
td#nav_Fun{background-image: url(http://img.webme.com/pic/c/cssversuche/navmetaldown.gif);}
td#nav_Sonstiges{background-image: url(http://img.webme.com/pic/c/cssversuche/navmetaldown.gif);}
td#nav_lol{background-image: url();visibility: hidden; width: 0px ;}
td#nav_lol2{background-image: url();visibility: hidden; width: 0px ;}
td#nav_lol1{background-image: url();visibility: hidden; width: 0px ;}
td#nav_:hover{background-image: url(http://img.webme.com/pic/v/vanhellsehn/navblack.gif);}
td#nav_Tst{background-image: url(http://img.webme.com/pic/v/vanhellsehn/headerbutton.png);width:161px;height:25px;position:absolute;left:10px;top:163px;background-repeat:no-repeat;text- align: center;vertical-align: middle:}
td#nav_Tst:hover{background-image: url(http://img.webme.com/pic/v/vanhellsehn/headerbuttonhover.png);width:161px;height:25px;position:absolute;left:10px;top:163px;background-repeat:no-repeat;text- align: center;vertical-align: middle:}

--></style>
<div align="center">
<table border="0" width="100%" id="table2">
<tr>
<td height="10" valign="top">
<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>

</head>
<body bgcolor="#1D4B62">
<div class="menuscript" align="center">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Kollegen</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://vanhellsehn.de.tl/Stefan.htm">Stefan</a></li>
<li><a href="http://vanhellsehn.de.tl/Aci.htm">Aci</a></li>
<li><a href="http://vanhellsehn.de.tl/Dicke.htm">Dicke</a></li>
<li><a href="http://vanhellsehn.de.tl/Tobias.htm">Tobias</a></li>
<li><a href="http://vanhellsehn.de.tl/Robin.htm">Robin</a></li>
<li><a href="http://vanhellsehn.de.tl/Benjamin.htm">Benjamin</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Kolleginen</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://vanhellsehn.de.tl/Nora.htm">Nora</a></li>
<li><a href="http://vanhellsehn.de.tl/Angela.htm">Angela</a></li>
<li><a href="http://vanhellsehn.de.tl/Alina.htm">Alina</a></li>
<li><a href="http://vanhellsehn.de.tl/Julia-D-.-.htm">Julia D.</a></li>
<li><a href="http://vanhellsehn.de.tl/Beccie.htm">Beccie</a></li>
<li><a href="http://vanhellsehn.de.tl/Mara.htm">Mara</a></li>
<li><a href="http://vanhellsehn.de.tl/Kim.htm">Kim</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
HP´s Kollegen</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://vanhellsehn.de.tl/?goto=8">Nathalie</a></li>
<li><a href="http://vanhellsehn.de.tl/?goto=4">Rebbeca</a></li>
<li><a href="http://vanhellsehn.de.tl/?goto=2">Dicke</a></li>
<li><a href="http://vanhellsehn.de.tl/?goto=1">Tobias</a></li>
<li><a href="http://vanhellsehn.de.tl/?goto=5">Angela</a></li>
<li><a href="http://vanhellsehn.de.tl/?goto=6">Kim</a></li>
<li><a href="http://vanhellsehn.de.tl/?goto=7">Ramona</a></li>
<li><a href="http://vanhellsehn.de.tl/?goto=3">Mara</a></li>
<li><a href="http://vanhellsehn.de.tl/?goto=9">Stefan</a></li>
</ul>
</li>


</ul>
</div>

</td>
</tr>

</table>
</div>
<style type="text/css"><!--
/*CoolMenu*/
tr.checked_menu td{background-image:url(http://img.webme.com/pic/c/cssversuche/button0071.gif);}

/*DropDownMenu*/

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

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.menuscript
{
position: absolute;
z-index: 3;
top: 200px;
left: 550px;
margin-left:-350px;
}
.menuscript li
{
width: 100px;/*Button Länge*/
float: left;
}

.menuscript a
{
border: 1px solid #fff;
background-color: #000;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #ff3300;
}

.menuscript a:hover
{
background-color: #1f1f1f;
color: #ff3300;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 100px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
color: #fff;
font-size:12px;
}


______________



Zuletzt bearbeitet von vanhellsehn am 22.06.2007, 10:45, insgesamt 2-mal bearbeitet
Beitrag22.06.2007 um 09:39 (UTC)    
Titel:

Gibt es keine Klasse für den Text???
Weil wenn ja dann könnte ich sie ja einfach damit dahin setzen wo ich sie haben möchte...
______________

Beitrag22.06.2007 um 10:49 (UTC)    
Titel:

nein - eine direkte klasse nicht
zb textfarbe:
Zitat:
<style type="text/css">
<!--
td{color:#ffffff;}
-->
</style>


dann ist auf der gesamtenen hompage der text weiß
und das :
Zitat:
td#nav_Tst{width:161px;height:33px;position:absolute;left:10px;top:155px;text- align: center;vertical-align: middle:}


text-align: ist der horizontale text-ausrichtungsbefehl entweder fight left oder center und vertical-align - wie der name schon sagt vertikale ausrichtung: middle - er soll in die mitte - aber er hört nicht auf meine befehle
da hilft nur noch eins schreib coolplace eine pn -mit dem thread hier - der schaut sich das dann heute nacht an - ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag22.06.2007 um 20:43 (UTC)    
Titel:

Versuch mal so:

Zitat:
td#nav_Tst{padding-top: 6px;background-image: url(http://img.webme.com/pic/v/vanhellsehn/headerbutton.png);width:161px;height:25px;position:absolute;left:10px;top:163px;background-repeat:no-repeat;text- align: center;vertical-align: middle:}
Beitrag22.06.2007 um 21:16 (UTC)    
Titel:

DANKE ! ! !
Es hat geklappt... Du scheinst echt CSS gut zu können ^^
Na dann schönen Abend noch.

MGF,
VanHellsehn

PS: Danke für alle die sich hier beteiligt haben.
______________

Beiträge der letzten Zeit anzeigen:   


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