Cómo quitar cuadro naranja alrededor del logo en navegadores

  • Autor Autor edwardmspc
  • Fecha de inicio Fecha de inicio
E

edwardmspc

Préstamo
Gamma
Hola amigos, sin mucho rodeo, tengo no logro hacer que se quiete ese feo cuadro naranja que rodea mi logo.. Alguien me hecha un manito?...
Lo extraño es que en chrome se ve bien pero en otros navegadores no se ve aso...
Enlace eliminado​

Blog: Enlace eliminado
 
busca en el css la etiqueta del logo y hay busca border: color;
 
haber..... deja que veo si encuentro que es... tienes razón, en Chrome no se ve o_Ó
 
xnco77 dijo:
busca en el css la etiqueta del logo y hay busca border: color;
Hacer clic para expandir...

no logo conseguir ya he tratdo :S la verdad no se mucho...
Insertar CODE, HTML o PHP: 
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageName == &quot;&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Emperors
Designer: wpthemedesigner
Converter: Anshul Dudeja
URL:      www.anshuldudeja.com
Date:     12 Jan 2010
----------------------------------------------- */
/* Use this with templates/template-twocol.html */
body {
background: #F7F6F6 url(http://4.bp.blogspot.com/_j82W7u9kZbs/S28qqa1RpaI/AAAAAAAABJo/AcdcFAqiKPA/s1600/background.gif) repeat-x 0 0;
color: #000000;
font: 12px Verdana;
margin:0;
text-align:center;
}
a {
color: #CA5518;
outline:0;
}
a:hover {
text-decoration: none;
color: #ff0000;
}

/* Header
-----------------------------------------------
 */
#navbar-iframe { 
display:none; 
}

#header-wrapper {
height:180px;
margin:0 auto;
width:970px;
}

#header {
color:#FFFFFF;
text-align:left;
width:750px;
float:left;
height:105px;
overflow:hidden;
}
#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  font-size:2.8em;
}

#header a {
  text-decoration:none;
  }

#header .description {
  margin:0 5px 5px;
  line-height: 1.4em;
  color: #777777;
 font-size: 1.4em;
  text-transform: uppercase;
 }
#header img {
margin-left:auto;
margin-right:auto;
}

/* Top Banner
-----------------------------------------------
 */
.ad {
margin:0;
padding:0;
text-align:center;
}
#top-widget {
float:right;
margin-top:30px;
width:500px;
}

/* Menu Links
-----------------------------------------------
 */
.navcontainer {
margin-top:-70px;
width:970px;
float:left;
}
#nav {
list-style-type:none;
margin:0;
padding:0;
height: 35px;
overflow: hidden;
}
#nav ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#nav li {
float:left;
list-style-type:none;
margin:0;
padding-right: 2px;
background: url(http://2.bp.blogspot.com/_j82W7u9kZbs/S28nNtyOhiI/AAAAAAAABJY/NAItyDP_kSc/s1600/divider.gif) no-repeat right 0;
}
#nav ul li {
list-style-type:none;
margin:0;
padding:0;
}
#nav li a:link, #nav li a:visited {
color: #777777;
text-decoration: none;
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
display: block;
padding: 11px 14px;			
}
#nav li a:hover {
color: #CA5518;
text-decoration:none;
}

.navcontainer1 {
height:35px;
margin-top:-33px;
width:970px;
float:left;
}
#nav1 {
height:30px;
}
#nav1, #nav1 ul {
line-height:1;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
}
#nav1 ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#nav1 li {
float:left;
font-size: 0.9em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
#nav1 ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#nav1 li a {
color: #ffffff;
text-decoration: none;
display: block;
padding: 10px 14px;
}
#nav1 li a:hover {
text-decoration: underline;
}
#nav1 li:hover, #nav1 li.sfhover {
position:static;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 970px;
  margin: 0 auto;
  text-align:left;
}
#cwrapper {
  width: 970px;
  margin-top:10px;
}

#main-wrapper {
width: 640px;
float: left;
word-wrap: break-word; 
overflow: hidden; 
  }

#sidebar-wrapper {
width: 330px;
float: right;
word-wrap: break-word; 
overflow: hidden;
}

/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  display:none;
  }

.post {
width: 288px;
height:270px;
float: left;
padding:  8px 8px ;
border: 1px solid #bbbbbb;
background: #F0F0F0 url(http://3.bp.blogspot.com/_j82W7u9kZbs/S28nM4-mtBI/AAAAAAAABJA/bTdMcOHQkUs/s800/post.gif) repeat-x 0 bottom;
margin-bottom: 10px;
margin-right:10px;
}

.post h3 {
 margin-top:0px;
 margin-bottom: 10px;
 font-size: 1.2em;
 text-align:center;
 border-bottom: 1px solid #ccc;
 padding-bottom:10px;
 overflow:hidden;
 height:10px;
}

.post h3 a {
color: #000000;
text-decoration: none;
}

.post img {
padding:3px;
border: 1px solid #C9C299;
}

.post-body {
  font-size: 0px;
  overflow:hidden;
  height:198px;
  }

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
line-height: 1.4em;
font-size: 0.9em;
margin:12px;
border-top:1px solid #bbb;
}


.post blockquote {
  margin:1em 20px;
  }
.bottom {
 margin-top:10px;
}
.category {
			clear: both;
			font-weight: bold;
			float: left;
			font-size: 0.9em;
			padding-top: 10px;
}
.coomments {
			font-weight: bold;
			float: right;
			font-size: 0.9em;
			padding-top: 10px;
}

/* Comments
----------------------------------------------- */
#comments {
background: #ffffff url(http://2.bp.blogspot.com/_j82W7u9kZbs/S28n4yYZg0I/AAAAAAAABJg/oN8plO-G7_w/s800/featured.gif) repeat-x 0 0;
margin-right:10px;
padding: 12px;
border: 1px solid #bbbbbb;
margin-bottom: 10px;
}
#comments a {
text-decoration: none;
	}
#comments h4 {
font-size: 0.9em;
text-transform: uppercase;
margin-top: 0px;
clear: both;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
/* Avatar */
.avatar-image-container img {
background:url(http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=35);
width:35px;
height:35px;
}
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager
{
padding: 0 20px;
height: 25px;
line-height: 25px;
text-align: center;
}


.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  color: #000;
  line-height: 1.5em;
  font-size:12px;
 }

.sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.sidebar li {
background:transparent url(http://4.bp.blogspot.com/_Zt-MFCckzsc/Ss4pD13oYzI/AAAAAAAACg0/a7dQufFXQsE/s400/bulled.png) no-repeat scroll left center;
line-height:1.5em;
margin:0;
padding:0 0 0.25em 8px;
}
.sidebar ul li a {
color:#CA5518;
text-decoration: none;
}
.sidebar ul li a:hover {
color: #CA5518;
text-decoration: underline;
}
.sidebar .widget { 
  border: 1px solid #bbbbbb;
  background-color: #ffffff;
  margin-bottom: 10px;
 }
.sidebar .widget-content { 
 padding:5px 15px 5px 15px; 
 }
.sidebar h2 {
background: url(http://3.bp.blogspot.com/_j82W7u9kZbs/S28nNewY7tI/AAAAAAAABJQ/s1vlYA859Jk/s800/sidehead.gif) repeat-x 0 0;
padding: 11px 10px;
margin:0;
font-size: 12px;
color:#000000;
font-weight:bold;
text-transform: uppercase;
}
.main .Blog { 
  border-bottom-width: 0;
}

/* sponsors
-----------------------------------------------
 */
.box {
 border: 1px solid #bbbbbb;
 background-color: #ffffff;
 margin-bottom: 10px;
	}
.box h2 {
background: url(http://3.bp.blogspot.com/_j82W7u9kZbs/S28nNewY7tI/AAAAAAAABJQ/s1vlYA859Jk/s800/sidehead.gif) repeat-x 0 0;
padding: 11px 10px;
margin:0;
font-size: 12px;
color:#000000;
font-weight:bold;
text-transform: uppercase;
}
.box .sponsors {
text-align: center;
padding: 7px;
}
.sponsors img {
margin: 7px;
}

/* Search
-----------------------------------------------
 */
.search {
height: 42px;
background: url(http://3.bp.blogspot.com/_j82W7u9kZbs/S28nNGJZ-NI/AAAAAAAABJI/cRBal71eVR8/s800/search.gif) no-repeat 0 0;
margin-bottom: 10px;
}
.search input {
float: left;
border: 0;
width: 250px;
margin: 12px 10px;
}
.search button {
width: 60px; height: 42px;
float: right;
text-indent: -9999px;
border: 0;
background-color: transparent;
}
/* Footer
----------------------------------------------- */
#footer {
	clear: both;
	background-color: #6A6A6A;
	padding: 20px 0;
	height: 15px;
	font-size: 0.9em;
}
#footer .wrapper {
	width: 970px;
	margin: auto auto;
	text-align: left;
        color: #ffffff;
	}
#footer p {
	color: #ffffff;
	}
#footer a {
	color: #ffffff;
	}
#footer p.l {
	float: left;
	}
#footer p.r {
        float: right;
	}

</html>
 
Plantilla de Blogger 1 - Cyber 0 🙂 jajajajajaja que demonios será, no entiendo las cosas raras que veo. La plantilla hace que el firebug me funcione mal. Ahora instale la plantilla en un blog, pero no encuentro la línea que marca los 2px :$

Seguiré peleando 😛

Este es el link de la plantilla por si alguien se suma emperors.zip - File Shared from Box.net - Free Online File Storage
 
Prueba con #header-inner img { border:0 }
 
Mario dijo:
Prueba con #header-inner img { border:0 }
Hacer clic para expandir...

FUNCIONA!!!!!!!!!!!!!!!

cierren el tema... jajajaja no mentira...... ahora ¿me explicas así aprendemos un poquito? gracias!!

Un abrazo!!

edito: no entiendo porque ademas ese borde aparecía en las imágenes de sponsors, 125x125 , en la sidebar, y ahora tb desaparecieron allí. o_Ó
 
Cyber dijo:
cierren el tema... jajajaja no mentira...... ahora ¿me explicas así aprendemos un poquito? gracias!!
Hacer clic para expandir...

Algunas veces los navegadores agregan un borde a las imágenes, especialmente si estas son un enlace (como en este caso), al dar la orden de que no muestre borde a la imagen desaparecerá, por eso siempre es bueno utilizar un código para reiniciar el css 😉.

Saludos...
 
Mario dijo:
Algunas veces los navegadores agregan un borde a las imágenes, especialmente si estas son un enlace (como en este caso), al dar la orden de que no muestre borde a la imagen desaparecerá, por eso siempre es bueno utilizar un código para reiniciar el css 😉.

Saludos...
Hacer clic para expandir...

Gracias maestro! Excelente! Dedo verde!

Un abrazo!!
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

C
¿Cómo quitar cuadro de autor en post? Ayuda, por favor
Respuestas
5
Visitas
226
OdeLia
O
E
¿Cómo quitar cuadro extraño en buscador Google en Wordpress?
Respuestas
17
Visitas
899
estebanape
E
mapo0003
Cómo quitar cuadro de AdSense al final de comentarios en Blogger
Respuestas
0
Visitas
502
mapo0003
mapo0003
Atrás
Arriba