Website para plataformas

[mistear123]

Eu estou em estagio, e foi me pedido para fazer o website da empresa, onde utilizei como aprendi html, php, js, css, e no windows e android esta tudo bem, mas quando se abre o website no windows 8.1 no smartphone, ha divs que ficam com border azul, mas eu nao pus qualquer border

se me pudessem ajudar, agradeço desde ja

 

[nfk]

Esses divs têm imagens com links? Era um problema clássico no Internet Explorer, não sei se ainda ocorre. Se for isso tens de tirar a border dos links para imagem.

http://stackoverflow.com/questions/2922858/img-inside-a-gets-blue-border

 

[Cfreitas]

O IE é um bocado esquisito com a declaração do ficheiro.
Fizeste isso?
http://www.w3schools.com/tags/tag_doctype.asp

 

[mistear123]

Sim, eu usei o tag a na imagem
Basta por o css?
a img {
border:none;
}

 

[nfk]

Sim, eu usei o tag a na imagem
Basta por o css?
a img {
border:none;
}

Em princípio sim, experimenta.

 

[mistear123]

tenho outro problema nas divs

em diferentes resoluçoes de ecra a seta move-se
como e que eu meto a seta sempre no mesmo sitio dentro da div de dentro, como na primeira imagem??

 

[nfk]

tenho outro problema nas divs

em diferentes resoluçoes de ecra a seta move-se
como e que eu meto a seta sempre no mesmo sitio dentro da div de dentro, como na primeira imagem??

Sem ver como foi feito é difícil comentar. Uma solução até poderia ser pôr a imagem como background desse div, mas depende do objetivo.

 

[mistear123]

neste momento esta como background de outro div o css esta:

#div_seta_esq{
background:url("image/website/seta_esquerda.png") no-repeat;
z-index:30;
width:53px;
position:relative;
top:130px;
margin-left:10px;
opacity:0;
}

#div_seta_esq:hover{
background:url("image/website/seta_esquerda.png") no-repeat;
z-index:30;
width:53px;
position:relative;
top:130px;
margin-left:10px;

opacity:1;
}


#div_seta_dir{
background:url("image/website/seta_direita.png") no-repeat;
z-index:30;
width:53px;
position:relative;
top:130px;
right:10px;
opacity:0;
}

#div_seta_dir:hover{
background:url("image/website/seta_direita.png") no-repeat;
z-index:30;
width:53px;
position:relative;
top:130px;
right:10px;
opacity:1;
}

 

[nfk]

Parece estranho o background sair do div, mas não tenho assim tanta experiência com isso. Vê se isto ajuda (o :after ou a técnica de especificar a posição do background, na segunda resposta):

http://stackoverflow.com/questions/4486335/aligning-background-image-to-right

 

[mistear123]

nao esta dentro do div grande, a propria seta e um div a parte

 

[nfk]

nao esta dentro do div grande, a propria seta e um div a parte

Ah, ok, isso explica. Não sei se é a técnica mais apropriada, mas experimenta usar "position: relative" no div exterior e "position: absolute" no interior. Depois deve ser mais fácil posicionar esses divs interiores. Vê aqui:

http://stackoverflow.com/questions/15068624/how-to-place-div-inside-another-div-to-absolute-position

Há um aviso sobre a utilização de posicionamento para fazer o layout, mas suspeito que para seguir esse conselho terias de alterar bastante a maneira como o site está feito.