Web 1 0 Denunciar post Postado Julho 25, 2011 Pessoal seguinte estou tendo problemas com uma div, quando clica na parte abaixo dela para inserir tabela a mesma acaba selecionando os objetos que possuim dentro delas, com isso nao estou conseguindo trabalhar com as divs e tabelas, como faço para bloquea-las enquando trabalho via dreamweaver para que eu possa inserir conteudo normalmente depois das divs? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Portfolio Image Rotator by Soh Tanaka</title> <style type="text/css"> *{outline: none;} img {border: 0;} .container { width: 790px; padding: 0; margin: 0 auto; } .folio_block { position: absolute; left: 50%; top: 50%; margin: -140px 0 0 -395px; } /*--Main Container--*/ .main_view { float: left; position: relative; } /*--Window/Masking Styles--*/ .window { height:286px; width: 790px; overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; } .image_reel { position: absolute; top: 0; left: 0; } .image_reel img {float: left;} /*--Paging Styles--*/ .paging { font: normal 10px Verdana, Arial, Helvetica, sans-serif; position: absolute; bottom: 40px; right: -7px; width: 178px; height:47px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 40px; background: url(paging_bg2.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/ } .paging a { padding: 5px; text-decoration: none; color: #fff; } .paging a.active { font-weight: bold; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging a:hover {font-weight: bold;} </style> </head> <body> <div class="container"> <div class="folio_block"> <div class="main_view"> <div class="window"> <div class="image_reel"> <a href="http://www.designbombs.com/tag/slider/"><img src="reel_1.jpg" alt="" /></a> <a href="http://www.designbombs.com/tag/slider/"><img src="reel_2.jpg" alt="" /></a> <a href="http://www.designbombs.com/tag/slider/"><img src="reel_3.jpg" alt="" /></a> <a href="http://www.designbombs.com/tag/slider/"><img src="reel_4.jpg" alt="" /></a> </div> </div> <div class="paging"> <a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> </div> </div> </div> </div> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { //Set Default State of each portfolio piece $(".paging").show(); $(".paging a:first").addClass("active"); //Get size of images, how many there are, then determin the size of the image reel. var imageWidth = $(".window").width(); var imageSum = $(".image_reel img").size(); var imageReelWidth = imageWidth * imageSum; //Adjust the image reel to its new size $(".image_reel").css({'width' : imageReelWidth}); //Paging + Slider Function rotate = function(){ var triggerID = $active.attr("rel") - 1; //Get number of times to slide var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide $(".paging a").removeClass('active'); //Remove all active class $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function) //Slider Animation $(".image_reel").animate({ left: -image_reelPosition }, 500 ); }; //Rotation + Timing Event rotateSwitch = function(){ play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds $active = $('.paging a.active').next(); if ( $active.length === 0) { //If paging reaches the end... $active = $('.paging a:first'); //go back to first } rotate(); //Trigger the paging and slider function }, 7000); //Timer speed in milliseconds (3 seconds) }; rotateSwitch(); //Run function on launch //On Hover $(".image_reel a").hover(function() { clearInterval(play); //Stop the rotation }, function() { rotateSwitch(); //Resume rotation }); //On Click $(".paging a").click(function() { $active = $(this); //Activate the clicked paging //Reset Timer clearInterval(play); //Stop the rotation rotate(); //Trigger rotation immediately rotateSwitch(); // Resume rotation return false; //Prevent browser jump to link anchor }); }); </script> </body> </html> Compartilhar este post Link para o post Compartilhar em outros sites
Ted k' 126 Denunciar post Postado Julho 25, 2011 você não precisa bloquear, só selecionar ela e usar "seta para baixo" que ela sai da seleção e fica abaixo, assim pode inserir a tabela Compartilhar este post Link para o post Compartilhar em outros sites
Web 1 0 Denunciar post Postado Julho 25, 2011 Questão é que quando uso uma pagina padrao no dream ele seleciona as imagens quando clico numa tabela logo abaixo dela devido as imagens Compartilhar este post Link para o post Compartilhar em outros sites
Ted k' 126 Denunciar post Postado Julho 25, 2011 Poxa, fiquei confuso, pode reformular o post anterior? Compartilhar este post Link para o post Compartilhar em outros sites
Web 1 0 Denunciar post Postado Julho 25, 2011 Eu tenho esse código acima que peguei na net, porem, estou usando ele como cabeçalho como página padrao do Dreamweaver, quando abro uma pagina para editar nao consigo selecionar as tabelas abaixo das divs porque pegam as imagens que estao relacionadas nelas, gostaria de saber se ha possibilidade de ocultar ou bloquear a div pra q isso nao ocorra e eu possa manipular normalmente as tabelas que estao abaixo das divs. Compartilhar este post Link para o post Compartilhar em outros sites
Ted k' 126 Denunciar post Postado Julho 26, 2011 bem, você pode ocultar ela no modo CODE do DW... <!--<div>.... ... </div>--> Comenta manualmente! Compartilhar este post Link para o post Compartilhar em outros sites
