Jump to content

Search the Community

Showing results for tags 'responsiva'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 3 results

  1. Olá! Bom dia! Tenho uma imagem que fica responsiva na maioria dos navegadores, porém no internet explore ela não fica responsiva. No iexplore ela tbm sai da posição correta, então fiz um codigo especifico para o iexplore (o posicionamento ficou correto, porém a imagem não esta responsiva) Teria alguma forma de corrigir isso? O codigo esta assim: <div class="conteudo"> <div id="cabeçalho"> <div class="logotipo"> <img src="arquivo/img/logotipo.png"> </div> </div> </div> O CSS: .cabeçalho{width:90%;margin-left:auto;margin-right:auto;} .logotipo {width:100%;max-width:1000px;}} .logotipo img{width:100%!important;height:auto;max-width:180px;} Obrigada
  2. guirufino

    Tentando deixar galeria responsiva

    Então estou tentando deixa um galeria q achei na net responsiva, só que não intendo nada de javascript, acho que é aqui que esta o problema mais n tenho certeza. segue código: HTML: <div id="games"> <!--Link para Imaguem--> <a href="noticia4.html"> <!--Aqui colocar a imaguem 900x500--> <img src="img/Imaguemsparadownload/NeedForSpeedPayback.png" width="900" height="500" alt="Need For Speed Payback" /> <!--Colocar o Texto!--> <span> <b><font face="Arial">Need For Speed Payback</font></b><br /> <i>Saiu analize de Need For Speed Payback, clique e confira.</i> </span> </a> </div> <!--Aqui para configurar o tamanho e os efeitos Galeria--> <script> $('#games').coinslider({ width : 900 , height: 500 , navigation : false , delay : 5000 , navigation: true , effect: 'rain' } ) ; </script> Entao nessa parte do script que começa a zuera.... se eu muda o "width:100%" ate funciona mais e como se ele n existi-se não consigo clikar na imagem, se eu colocar "height:100%" não funciona a imagem some.... vo coloca parte do codigo da galeira que eu acho que seja relevante: Javascript: (function($) { var params = new Array; var order = new Array; var images = new Array; var links = new Array; var linksTarget = new Array; var titles = new Array; var interval = new Array; var imagePos = new Array; var appInterval = new Array; var squarePos = new Array; var reverse = new Array; $.fn.coinslider= $.fn.CoinSlider = function(options){ init = function(el){ order[el.id] = new Array(); // order of square appereance images[el.id] = new Array(); links[el.id] = new Array(); linksTarget[el.id] = new Array(); titles[el.id] = new Array(); imagePos[el.id] = 0; squarePos[el.id] = 0; reverse[el.id] = 1; params[el.id] = $.extend({}, $.fn.coinslider.defaults, options); // create images, links and titles arrays $.each($('#'+el.id+' img'), function(i,item){ images[el.id] = $(item).attr('src'); links[el.id] = $(item).parent().is('a') ? $(item).parent().attr('href') : ''; linksTarget[el.id] = $(item).parent().is('a') ? $(item).parent().attr('target') : ''; titles[el.id] = $(item).next().is('span') ? $(item).next().html() : ''; $(item).hide(); $(item).next().hide(); }); // set panel $(el).css({ 'background-image':'url('+images[el.id][0]+')', 'width': params[el.id].width, 'height': params[el.id].height, 'position': 'relative', 'background-position': 'top left' }).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />"); // create title bar $('#'+el.id).append("<div class='cs-title' id='cs-title-"+el.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'></div>"); $.setFields(el); if(params[el.id].navigation) $.setNavigation(el); $.transition(el,0); $.transitionCall(el); } // squares positions $.setFields = function(el){ tWidth = sWidth = parseInt(params[el.id].width/params[el.id].spw); tHeight = sHeight = parseInt(params[el.id].height/params[el.id].sph); counter = sLeft = sTop = 0; tgapx = gapx = params[el.id].width - params[el.id].spw*sWidth; tgapy = gapy = params[el.id].height - params[el.id].sph*sHeight; for(i=1;i <= params[el.id].sph;i++){ gapx = tgapx; if(gapy > 0){ gapy--; sHeight = tHeight+1; } else { sHeight = tHeight; } for(j=1; j <= params[el.id].spw; j++){ if(gapx > 0){ gapx--; sWidth = tWidth+1; } else { sWidth = tWidth; } order[el.id][counter] = i+''+j; counter++; if(params[el.id].links) $('#'+el.id).append("<a href='"+links[el.id][0]+"' class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></a>"); else $('#'+el.id).append("<div class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></div>"); // positioning squares $("#cs-"+el.id+i+j).css({ 'background-position': -sLeft +'px '+(-sTop+'px'), 'left' : sLeft , 'top': sTop }); sLeft += sWidth; } sTop += sHeight; sLeft = 0; } $('.cs-'+el.id).mouseover(function(){ $('#cs-navigation-'+el.id).show(); }); $('.cs-'+el.id).mouseout(function(){ $('#cs-navigation-'+el.id).hide(); }); $('#cs-title-'+el.id).mouseover(function(){ $('#cs-navigation-'+el.id).show(); }); $('#cs-title-'+el.id).mouseout(function(){ $('#cs-navigation-'+el.id).hide(); }); if(params[el.id].hoverPause){ $('.cs-'+el.id).mouseover(function(){ params[el.id].pause = true; }); $('.cs-'+el.id).mouseout(function(){ params[el.id].pause = false; }); $('#cs-title-'+el.id).mouseover(function(){ params[el.id].pause = true; }); $('#cs-title-'+el.id).mouseout(function(){ params[el.id].pause = false; }); } };
  3. Alvaro Pacífico Serpa

    DIV RESPONSIVA

    Olá pessoal sou novo no CSS e estou com um pequeno problema, deve ser fácil de resolver mas sou novato nessa área. Tenho uma div sidebar com float: rigth e width:300px fixo e tenho uma div responsivo com float:left e width:100%, o que eu preciso é que a div responsivo fique com 100% do lado da sidebar ocupando o máximo que puder, tipo como na imagem. Qual comando posso usar?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.