Auf Thema antworten 2026

Beitrag

<blockquote data-quote="chaos_pueppi" data-source="post: 1731770" data-attributes="member: 479243">Huhu,mein Problem ist es, dass ich meinen Menupunkt nach oben verschieben will, jedoch weder mit padding noch margin vorwärts komm. Das Problem ist, dass sobald ich einen der Werte verändere sich der darunter liegende div verschiebt...Hat jemand eine Idee wie man das besser mit jquery bzw. in der css umschreiben kann?Hier man der Code:JavaScript/Html:[CODE]&lt;div id=&quot;menu&quot;&gt;&nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li id=&quot;kontakt&quot;&gt; &lt;a href=&quot;index.php?site=kontakt&quot; title=&quot;Kontakt&quot;&gt; &lt;/a&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(document).ready(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; $(&quot;#kontakt&quot;).hover(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).stop().animate({ paddingTop:&quot;10px&quot;},200);},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).stop().animate({ paddingTop:&quot;15px&quot;});}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; );&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;[/CODE]und das die css:[CODE]#menu{}#menu ul{&nbsp; &nbsp; list-style:none;&nbsp; &nbsp; margin:0;&nbsp; &nbsp; padding: 5px 0 0 0;&nbsp; &nbsp; text-align:center;}#menu li{&nbsp; &nbsp; display:inline-block;&nbsp; &nbsp; padding:15px 0 0 0 ;}#menu a{&nbsp; &nbsp; font-family: &#039;Cabin&#039;, arial, serif; &nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; color:#000;&nbsp; &nbsp; font-size:0.8em;&nbsp; &nbsp; font-weight:bold;&nbsp; &nbsp; padding: 5px;}#kontakt {&nbsp; &nbsp; background-image:url(img/brief.png);&nbsp; &nbsp; background-repeat:no-repeat;&nbsp; &nbsp; min-height:22px;&nbsp; &nbsp; min-width:38px;}[/CODE]Ich bedanke mich schon mal&quot;Lg Kaddi</blockquote>

[QUOTE="chaos_pueppi, post: 1731770, member: 479243"] Huhu, mein Problem ist es, dass ich meinen Menupunkt nach oben verschieben will, jedoch weder mit padding noch margin vorwärts komm. Das Problem ist, dass sobald ich einen der Werte verändere sich der darunter liegende div verschiebt... Hat jemand eine Idee wie man das besser mit jquery bzw. in der css umschreiben kann? Hier man der Code: JavaScript/Html: [CODE]<div id="menu"> <ul> <li id="kontakt"> <a href="index.php?site=kontakt" title="Kontakt"> </a> <script type="text/javascript"> $(document).ready(function(){ $("#kontakt").hover( function(){ $(this).stop().animate({ paddingTop:"10px"},200);}, function() { $(this).stop().animate({ paddingTop:"15px"});} ); }); </script> </li> </ul> </div>[/CODE] und das die css: [CODE] #menu{ } #menu ul{ list-style:none; margin:0; padding: 5px 0 0 0; text-align:center; } #menu li{ display:inline-block; padding:15px 0 0 0 ; } #menu a{ font-family: 'Cabin', arial, serif; text-decoration:none; color:#000; font-size:0.8em; font-weight:bold; padding: 5px; } #kontakt { background-image:url(img/brief.png); background-repeat:no-repeat; min-height:22px; min-width:38px; } [/CODE] Ich bedanke mich schon mal" Lg Kaddi [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?