Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: Caobiita! en 28 de Junio de 2012, 16:28:22 pm
-
He creado un bocadillo de texto mediante este generador http://cssarrowplease.com/ (http://cssarrowplease.com/) y ha generado el css, que yo le he añadido los bordes redondos y le he puesto un ancho, que es el siguiente código:
.arrow_box {
margin: 15px;
position: relative;
background: #ffffff;
border: 1px solid #7a7a7a;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
width: 200px;
}
.arrow_box:after, .arrow_box:before {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-right-color: #ffffff;
border-width: 10px;
top: 50%;
margin-top: -10px;
}
.arrow_box:before {
border-right-color: #7A7A7A;
border-width: 11px;
top: 50%;
margin-top: -11px;
}
Para usarlo pues pongo
<div class="arrow_box">CONTENIDO</div>
Lo que sucede es que, yo tengo 2 archivos, index.php y prueba.php, y en prueba.php es donde pongo el div para usar el bocadillo de texto css, y en index.php hago un include a prueba.php, bien, el problema es que si me voy a web.com/index.php, el bocadillo se ve mal, se ve así:
(https://dl.dropbox.com/u/47756208/1.png)
y si voy directamente a web.com/prueba.php, se ve bien:
(https://dl.dropbox.com/u/47756208/2.png)
¿Porqué ocurre esto? le he dado muchas vueltas y no sé porqué pasa..
Un saludo.
-
¿Nadie sabe nada? .. :S
-
Debes ponerle fondo al bocadillo.
-
Prueba a poner:
<div class="arrow_box" style="background-color: #FFFFFF;">CONTENIDO<>
-
Prueba a poner:
<div class="arrow_box" style="background-color: #FFFFFF;">CONTENIDO</div>
PD: He intentado poner el código de mil maneras y no me deja cerrar el DIV, revisen sistema de comentarios del foro...
-
¿Estas seguro de que no tienes un código css en el index que te haga interferencia?
Lo digo por que si se ve bien en prueba.php, se tiene que ver igual en index.php.
Saludos.
-
¿Estas seguro de que no tienes un código css en el index que te haga interferencia?
Lo digo por que si se ve bien en prueba.php, se tiene que ver igual en index.php.
Saludos.
Efectivamente, era un codigo css en el index que hacia interferencia.. ya lo he solucionado, gracias :D