teresalabrincha Posted March 11, 2014 at 10:14 AM Report #548176 Posted March 11, 2014 at 10:14 AM Bom dia Como eu faço para criar css para diferentes navegadores fiz assim para os css., é uma pagina com vídeos #videosie11{ width:200px; height:150px; padding-left:15px; padding-right:15px; padding-top:40px; float:left; } #videosf27{ width:200px; height:150px; padding-left:80px; padding-right:15px; padding-top:40px; float:left; } na pagina dos vídeos <div id="videosie11"> <iframe frameborder="0" width="200" height="150" src="http://www.dailymotion.com/embed/video/x1f8v10" allowfullscreen></iframe><br /><a href="http://www.dailymotion.com/video/x1f8v10_2%C2%AA-aula-html_tech" target="_blank">2ª_Aula_Html</a> <i> <a href="http://www.dailymotion.com/EnsinoOnline" target="_blank"></a></i> <br /> <a href=?pg=vdhtml&funcao=detalhes"" style="color:#FFF"><strong>Aumentar</strong></a> a minha questão é a seguinte na div vídeos da pagina vídeos defini para o ie da seguinte forma <div id="videosie11"> mas para dar bem no firefox se mudar para <div id="videosif27"> depois não se ve bem no ie Como faço para que fica bem nos dois navegadores Obrigado a todos
I-NOZex Posted March 11, 2014 at 12:08 PM Report #548194 Posted March 11, 2014 at 12:08 PM começa por meter o codigo com as tags CODE <> depois, deixa ai um print que nao entendi o que aparece no IE e o que aparece no FF B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
teresalabrincha Posted March 11, 2014 at 01:32 PM Author Report #548212 Posted March 11, 2014 at 01:32 PM url do site http://infordicas.pt/ Veja nos vídeo internet que são 3 no firefox e no ie As margens do lado direito não ficam iguais A outra questão é quando minimizo a janela os quadrados das dicas sobrepõe ao conteúdo os vídeos estão dentro de um contudo Código do ie vídeos #videosie11{ width:200px; height:150px; padding-left:15px; padding-right:15px; padding-top:40px; float:left; } código de vídeos firefox #videosf27{ width:200px; height:150px; padding-left:80px; padding-right:15px; padding-top:40px; float:left; } código do conteúdo #conteudo{ width: 40%; height:600px; background:#CCC; overflow:auto; margin-left:auto; margin-right:auto; } Ver bem nos dois navegadores a minha questão é como no código dos vídeos consigo colocar duas divs para diferentes navegadores obrigado
I-NOZex Posted March 11, 2014 at 04:01 PM Report #548234 Posted March 11, 2014 at 04:01 PM (edited) volto a repetir, mete o html entre tags code, exemplo: [ code] <p>fdgjfdkjg</p> [ /code] (sem os espaços) anyway, a mim aparece igual em todos os browsers, ou seja, mal a unica diferença é que no IE aquele fundo cinza fica prai uns 20px ou assim a mais para a direita... Edited March 11, 2014 at 04:02 PM by I-NOZex B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
teresalabrincha Posted March 11, 2014 at 04:33 PM Author Report #548240 Posted March 11, 2014 at 04:33 PM Ola Queres que me o <div id="videosie11"> <iframe frameborder="0" width="200" height="150" src="http://www.dailymotion.com/embed/video/x1f8v64" allowfullscreen></iframe><br /><a href="http://www.dailymotion.com/video/x1f8v64_1%C2%AA-aula-internet_tech" target="_blank">1ª_Aula_Internet</a> <i> <a href="http://www.dailymotion.com/EnsinoOnline" target="_blank"></a></i> <br /></div> ou na div dos videos
I-NOZex Posted March 11, 2014 at 07:20 PM Report #548266 Posted March 11, 2014 at 07:20 PM não entendi nada pfv reformule a pergunta B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
Rui Carlos Posted March 11, 2014 at 07:41 PM Report #548271 Posted March 11, 2014 at 07:41 PM Para definires uma stylesheet específica para o IE e outra para os restantes, normalmente usa-se algo como: <!--[if IE]> <link rel='stylesheet' href='...' type='text/css' /> <![endif]--> <!--[if !IE]><!--> <link rel='stylesheet' href='...' type='text/css' /> <!--<![endif]--> O primeiro link irá definir a stylesheet para o IE, e o segundo a stylesheet para os restantes. Depois há variações deste método para especificares versões específicas do IE. Rui Carlos Gonçalves
I-NOZex Posted March 12, 2014 at 11:48 AM Report #548378 Posted March 12, 2014 at 11:48 AM eu não acredito que a solução vá por ai @rui sim, soluciona provavelmente, mas o problema é a forma como aquele html e css está estruturado, cheira-me... B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
teresalabrincha Posted March 12, 2014 at 02:36 PM Author Report #548398 Posted March 12, 2014 at 02:36 PM Olá Isso eu já percebi no código css se tiver a div <div id="vídeosie"</div> - para o ie e depois para o firefox como coloco no código HTML se mudar o nome da div tiro a do ie <div id="vídeosif"</div> Se coloco duas divs diferentes para o mesmo vídeo vai dar vídeos repetidos certo? Olá Dá um exemplo em css e HTML sfv obrigado
I-NOZex Posted March 12, 2014 at 08:47 PM Report #548439 Posted March 12, 2014 at 08:47 PM (edited) tipo, o que tu tens de fazer, é ter uma div para o video, e arranjar forma de funcionar em todos os browsers com o mesmo css! se puderes, deixa o html da pagina bem como o css, mas PORFAVOR, mete as tags code! [ code=html] <p>aqui vem o html</p> [/ code] (tens de tirar os espaços na primeira tag code e na ultima) e depois fica a mostrar desta forma o codigo: <p>aqui vem o html</p> Edited March 12, 2014 at 08:48 PM by I-NOZex B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
emanuelx Posted March 13, 2014 at 02:50 PM Report #548495 Posted March 13, 2014 at 02:50 PM e se alinha-ses o conteudo a esquerda tipo 70% aqueles quadrados ao lado a 30%. depois dentro do conteudo centras o que está lá dentro. com calma e sem stresses
teresalabrincha Posted March 18, 2014 at 01:15 PM Author Report #548973 Posted March 18, 2014 at 01:15 PM Boa tarde Coloquei a tag code nos vídeos <code><div id="videos"> 567 </div></code> <code><div id="videos"> 567 </div></code> <code><div id="videos"> 567 </div></code> <code><div id="videos"> 567 </div></code> depois crie dois css de vídeos diferentes VIDEOS firefox *****************************/ #videos{ width:200px; height:150px; margin-left:12px; float:left; background-color:#F00; margin-top:20px; } /***************************** VIDEOS internet *****************************/ #videos{ width:200px; height:150px; margin-left:20px; float:left; background-color:#F00; margin-top:20px; } O que se passa é se altero os css muda nos dois navegadores em vez de mudar só num navegador como eu faço para mudar num navegador sem alterar o outro Obrigado
I-NOZex Posted March 18, 2014 at 01:48 PM Report #548979 Posted March 18, 2014 at 01:48 PM por amor de deus, EXPLICA-ME porque precisas de um css para cada browser? ya o IE tem montes de manhas, mas nao creio que nesta situação seja problema por causa dele dai repito, deixa o html e css completo... btw, começa a validar esse html, tens montes de erros B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
teresalabrincha Posted March 18, 2014 at 05:23 PM Author Report #549008 Posted March 18, 2014 at 05:23 PM Olá O site tem um ficheiro com css e as paginas estão em php e no firefox tudo funciona bem, o problema e no ie
Rui Carlos Posted March 18, 2014 at 05:33 PM Report #549012 Posted March 18, 2014 at 05:33 PM Olá O site tem um ficheiro com css e as paginas estão em php e no firefox tudo funciona bem, o problema e no ie O facto de funcionar bem no Firefox não quer dizer que a página esteja direita. Em que versão do IE é que estás a ter problemas? Eu posso-te dizer que também tenho problemas no Chrome a abrir o URL que indicaste anteriormente. Ou seja, o problema não está no IE, o problema está no teu CSS. E já agora, nuns posts atrás já te indiquei como definir ficheiros CSS diferentes para o IE. No entanto, o teu problema não deve ser a necessidade de CSS diferente. Rui Carlos Gonçalves
teresalabrincha Posted March 18, 2014 at 06:34 PM Author Report #549024 Posted March 18, 2014 at 06:34 PM Olá Pois deve estar nos css , já estou farta de andar a roda e não consigo dar como o erro a minha versão do ie é o 11 Esta difícil És de Lisboa? se calhar podias dar uma ajuda pessoalmente ou por assistência remota o que achas?
I-NOZex Posted March 18, 2014 at 07:08 PM Report #549027 Posted March 18, 2014 at 07:08 PM eu so sei que testei no firefox 27, ie 10 ou 11, e chrome canadary (idk the version) e eu vejo o site desconfigurado, como ja apresentei... e eu ainda nem entendi onde está esse misterioso video que nao me aparece em lado algum... :| B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
teresalabrincha Posted March 18, 2014 at 07:16 PM Author Report #549029 Posted March 18, 2014 at 07:16 PM Olá vai ao separador internet no firefox dabem e ni ie não mas isto so me acontece no portátil se for no desktop vejo bem não estou a ver como posso fazer obrigado
I-NOZex Posted March 18, 2014 at 09:19 PM Report #549035 Posted March 18, 2014 at 09:19 PM (edited) já vi acho que tens outros problemas a corrigir primeiro, novamente como ja disse, aquela div de fundo cinzento... (id #conteudo) Edited March 18, 2014 at 09:23 PM by I-NOZex B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
Rui Carlos Posted March 18, 2014 at 10:02 PM Report #549049 Posted March 18, 2014 at 10:02 PM não estou a ver como posso fazer Tal como te foi sugerido anteriormente, começa por corrigir o HTML. Tens uma lista de problemas na seguinte página: http://validator.w3.org/check?uri=http%3A%2F%2Finfordicas.pt%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 Rui Carlos Gonçalves
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now