Flyd ind over tekst

Mon, 16 Apr 2012 14:22:08 GMT

Hej udviklere!

Jeg er ved at lave en hjemmeside, hvor vi skal have en kontakt boks der dukker op n�r man klikker p� et link. Det har jeg gjort med f�lgende kode, i jQuery:

JScript kode

 $(document).ready(function(){
  
         $(".show_hide").show();
         $(".contact_form").hide();
  
     $('.show_hide').click(function(){
     $(".contact_form").slideToggle();
     });
  
 });

Problemet ligger i at dette (selvf�lgelig) skubber indholdet, som normalt st�r der, ned. Den eneste l�sning jeg umiddelbart kan komme i tanke om er at bruge z-index, men ville h�re om der var nogen af jer der har en id� til en anden l�sning i Javascript, YUI eller Dojo?

P� forh�nd tak!

Problemer med f�rdigt script...

Tue, 06 Sep 2011 07:46:06 GMT

Hej
Jeg har siddet og l�st de her koder igennem fra ende til anden, og kan f#�%"#� ikke finde ud af hvordan jeg �ndrer h�jde, bredde og position p� boksen?
F�rst noget HTML:

HTML kode

 <div class="root" id="root0">
             <div class="scrollContainer" id="scroll0Container">
             <div class="scrollContent" id="scroll0Content">
             <!--<div id="right">-->
                 <img src="img/pic1.jpg" alt="photo" title="photos" />
                 <h3 class="underpic">indentity</h3>
                 <p class="underpic">My ni**as from Paris payed their first.</p>
                 
                 <img src="img/pic2.jpg" alt="indetity" title="photos" />
                 <h3 class="underpic">photography</h3>
                 <p class="underpic">My ni**as from Paris payed their first visit to the heart of Denmark, Copenhagen.</p>
                 
                 <img src="img/pic3.jpg" alt="indetity" title="photos" />
                 <h3 class="underpic">design/layout</h3>
                 <p class="underpic">He's coming out of Columbia, now he's out of Denmark - let me introduce you to Ruben. </p>
                
             
                 <img src="img/pic4.jpg" alt="indetity" title="photos" />
                 <h3 class="underpic">illustration</h3>
                 <p class="underpic">My ni**as from Paris payed their first. My ni**as from Paris payed their first.</p>
                 
                 <img src="img/pic2.jpg" alt="indetity" title="photos" />
                 <h3 class="underpic">photography</h3>
                 <p class="underpic">My ni**as from Paris payed their first visit to the heart of Denmark, Copenhagen.</p>
                 
                 <img src="img/pic3.jpg" alt="indetity" title="photos" />
                 <h3 class="underpic">design/layou</h3>
                 <p class="underpic">He's coming out of Columbia, now he's out of Denmark - let me </p>
                 
             </div>
             </div>
             </div>

CSS:

CSS kode

 /*********************** SCROLLERS ***********************/
 .root         {
         position:relative;
         height:            500px;
         width:            489px;
         margin:             0px 0px 8px 7px;        
         }
 .root p     {
         margin:            10px 10px 5px 10px;
         }
 .thumb         {
         position:            absolute;
         height:            9px;
         width:            150px;
         left:             100px;
         }
 .up, .dn     {
         position:            absolute;
         left:             10px;
         }
 .up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
         border:            0;
         }
 .scrollContainer { 
         position:            absolute; 
         left:            202px; 
         top:            19px; 
         width:            490px; 
         height:            635px; 
         clip:            rect(0 467 200 0); 
         overflow:            auto; 
         border-top:        2px solid #000000;
         border-left:        2px solid #000000;
         border-right:        2px solid #686262;
         border-bottom:        2px solid #686262;
         background:        #fff;
         }
 .scrollContent { 
         position:            absolute; 
         left:            0px; 
         top:            0px; 
         width:            100px; 
         }

Har pr�vet de forskellige steder hvor der st�r hegiht og width.. Der sker ca ingenting..

Sitet kan ses her: howfast.dk/andre

Udvikleren.dk - Seneste [javasript] forum tr�de

Flyd ind over tekst

Problemer med f�rdigt script...