Problema de bordes redondeados

itachija · #1

Hola, He agregado una imagen antes del chat y despues del navbar [La barra de herramientas] y simula el efecto de que el borde esta redondeado

Y se ve de la siguiente forma....
Imagen

http://img230.imageshack.us/img230/4430/2245r.jpg
Si se agranda se puede ver que hay una separacion entre la imagen y la barrita... un tanto molesto para lo que despues voy a intentar hacer.... queria saber como eliminar ese pequeño problema...dejo la parte del codigo del overal header que contiene este mini error

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head> 
<!-- INCLUDE sn_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: Supernova
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by: Christian Bullock ( http://www.ChristianBullock.com )

	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.tipsy.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/colour-switcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ui.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/cookie.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/cats.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$('#sn-not-logged-in').mouseenter(function() {
		$('#sn-not-logged-in-hover').fadeIn('medium');
	});
	$('#sn-not-logged-in-hover').mouseleave(function() {
		$('#sn-not-logged-in-hover').fadeOut('medium');
	});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
	$("input:checkbox").each( function() {
		(this.checked) ? $("#fake"+this.id).addClass('fakechecked') : $("#fake"+this.id).removeClass('fakechecked');
	});
	$(".fakecheck").click(function(){
		($(this).hasClass('fakechecked')) ? $(this).removeClass('fakechecked') : $(this).addClass('fakechecked');
		$(this.hash).trigger("click");
		return false;
	});
});
</script>
<!-- IF $SN_TOOLTIP -->
<script type='text/javascript'>
	$(function() {
		$('div.colour-block').tipsy({fade: true, gravity: 's'});
	});
</script>
<!-- ENDIF -->

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- Blank stylesheet connection ** Do not delete ** -->
<link rel="stylesheet" href="{T_THEME_PATH}/colour-switcher.css" type="text/css" class="colour-switcher" />
<!-- End of blank stylesheet -->

<!-- This javascript needs to be after the blank stylesheet for it to work properly -->
<script type="text/javascript">
      if($.cookie("sn_board_style")) {
         $("link.colour-switcher").attr("href",$.cookie("sn_board_style"));
      }
   $(document).ready(function() { 
      $("div.colour-block span a").click(function() { 
         $("link.colour-switcher").attr("href",$(this).attr('rel'));
         $.cookie("sn_board_style",$(this).attr('rel'), {expires: 365, path: '/'});
         return false;
      });
   });
</script>

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie.css" />
<![endif]-->
</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) or U_RESTORE_PERMISSIONS -->
<div class="sn-header-alert">
<!-- IF S_BOARD_DISABLED --><img src="{T_THEME_PATH}/images/exclamation.png" width="16" height="16" alt="" /> {L_INFORMATION}: {L_BOARD_DISABLED}<!-- ENDIF --><!-- IF S_BOARD_DISABLED and U_RESTORE_PERMISSIONS -->&nbsp;&bull;&nbsp;<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --><img src="{T_THEME_PATH}/images/user_go.png" width="16" height="16" alt="" /> <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
</div><!-- /sn-header-alert -->
<!-- ENDIF -->

<div id="sn-header">
<a id="top" name="top" accesskey="t"></a>
<div id="sn-header-content">
<a id="sn-logo" href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo-text-only.png" width="484" height="100" alt="" /></a>

<div id="sn-controlbox">

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div id="sn-not-logged-in"></div>
<div id="sn-not-logged-in-hover">
<div id="sn-nli-content">

<form method="post" action="{S_LOGIN_ACTION}">
<fieldset style="margin-top: -5px;">
<span class="sn-form-label">{L_USERNAME}:</span><br />
<input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
<span class="sn-form-label">{L_PASSWORD}:</span><br />
<input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />

<a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<br /><br />
<!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
<div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
<input type="submit" name="login" value="" id="sn-nli-button" />
</fieldset>
</form>
</div><!-- /sn-nli-content -->
</div><!-- /sn-not-logged-in-hover -->
<!-- ENDIF --><!-- /s-user-not-logged-in -->

<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="mini-profile"><span>
<table cellpadding="0" cellspacing="0" border="0">
	<tr>
    	<td rowspan="2"><div class="member-icon"></div></td>
        <td>
        <a href="{U_PROFILE}" class="sn-mini-profile-username">{S_USERNAME}</a> <a href="{U_LOGIN_LOGOUT}" class="sn-mini-profile-logout">{L_LOGOUT}</a>
        </td>
	</tr>
    <tr>
        <td style="padding-top: 4px;">
        <!-- IF S_DISPLAY_PM --><img src="{T_THEME_PATH}/images/<!-- IF S_USER_NEW_PRIVMSG -->email_error<!-- ELSE -->email<!-- ENDIF -->.png" width="16" height="16" alt="" /><a href="{U_PRIVATEMSGS}" class="sn-mini-profile-link">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH --> &bull; <a href="{U_SEARCH_SELF}" class="sn-mini-profile-link">{L_SEARCH_SELF}</a><!-- ENDIF -->
        </td>
    </tr>
</table>
</span></div> 
<!-- ENDIF --><!-- /s-user-logged-in-->

</div><!-- /sn-controlbox -->
<!-- INCLUDE reproductor.html -->
</div><!-- /sn-header-content -->
</div><!-- /sn-header -->

<div id="sn-navbar">
<div id="sn-navbar-content">

<div style="float: left;">
<img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}">{L_INDEX}</a> &nbsp;
<img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a> &nbsp;
<!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<img src="{T_THEME_PATH}/images/group.png" width="16" height="16" alt="" /><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> &nbsp;
<img src="{T_THEME_PATH}/images/user_edit.png" width="16" height="16" alt="" /><a href="{U_PROFILE}">{L_PROFILE}</a>
<!-- ENDIF -->
</div><!-- /float left -->

<!-- IF $SN_COLOUR_SWITCHER -->
<div class="colour-block" title="{$SN_TOOLTIP_TEXT}">
<span>
<a href="#" rel="{T_THEME_PATH}/colours/red.css"><img src="{T_THEME_PATH}/images/red-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_THEME_PATH}/colours/green.css"><img src="{T_THEME_PATH}/images/green-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_STYLESHEET_LINK}"><img src="{T_THEME_PATH}/images/blue-cube.png" width="12" height="12" alt="" class="colour-block" /></a>

<!-- IF $SN_ANIMATE -->
<script type="text/javascript">
	$('div.colour-block span a').styleSwitcher();
</script>
<!-- ENDIF -->

</span>
</div><!-- /colour-block -->
<!-- ENDIF -->

<div style="float: right;">
<!-- IF S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/disconnect.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGOUT}</a><!-- ENDIF -->
<!-- IF S_REGISTER_ENABLED and not S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" /><a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN -->&nbsp; <img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGIN}</a><!-- ENDIF -->
</div>

</div><!-- /sn-navbar-content -->
</div><!-- /sn-navbar -->

<div id="sn-shadows">

<div class="sn-breadcrumbs">
<img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <img src="{T_THEME_PATH}/images/breadcrumbs.png" width="12" height="16" alt="" /><a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
</div>

<div class="sn-options <!-- IF SCRIPT_NAME eq 'index' or 'viewforum' -->sn-search-links<!-- ENDIF --><!-- IF SCRIPT_NAME eq 'viewtopic' -->sn-restore-link-size<!-- ENDIF -->">
<!-- IF SCRIPT_NAME eq 'index' -->
<!-- IF S_DISPLAY_SEARCH -->
<a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- IF not S_IS_BOT and U_MARK_FORUMS --> &bull; <a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF --><!-- /script-name-eq-index -->

<!-- IF U_EMAIL_TOPIC --><img src="{T_THEME_PATH}/images/email_go.png" width="16" height="16" alt="" /><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a>&nbsp;&nbsp;<!-- ENDIF --><!-- IF U_EMAIL_PM --><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}">{L_EMAIL_PM}</a><!-- ENDIF --><!-- IF U_PRINT_TOPIC --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p">{L_PRINT_TOPIC}</a><!-- ENDIF --><!-- IF U_PRINT_PM --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p">{L_PRINT_PM}</a><!-- ENDIF -->
</div>

<div style="clear: both; height: 1px;" class="annoying-ie-spacing-issue"></div>
<!-- INCLUDE chat.html -->
<a name="start_here"></a>
<div id="page-body">

Lo que quiero es unir la imagen con la barra de herramientas que no halla ningun espacion entre ellos gracias...

URL: http://rukon.hostoi.com/foros
Plantilla(s) usuada(s): Absolution + Supernova
MODs instalados: ninguno
Versión de phpBB: 3.0.1.7
Servidor: 000web host gratuito
Si es una actualización desde otra versión:NO
Si es una conversión desde otro tipo de Foro: NO

leviatan21 · #2

Hola itachija :

¿ Cual es la imagen ? la que dice Rogamos Educación Porfavor ?

itachija · #3

No me refiero a esta imagen
Imagen

http://img641.imageshack.us/img641/1968/encima.png
Que tiene una pequeña separacion que antes se notaba mas... puedes verlo en la anterior imagen que era como una especi de espejo entre el chat... y la barra donde dice panel de usuario y desconectarse...

leviatan21 · #4

Debo estar ciego, no veo esa imagen en tu captura

itachija · #5

Perdon lo que pasa es que cambie la imagen... XD en el site la puede ver te dejare el nuevo codigo... que contiene esa imagen... lo dejo adjuntado

DaVidU · #6

acabo de entrar para ver tu foro y lo veo así:
Imagen

ya lo solucionaste tu solo no?

itachija · #7

A no perdon no existe ninguno codigo malo... la imagen si esta pegada... a la barra de herramientas lo que pasa es que esta tiene un especie de sombra y por lo tanto esa sombrita agarra un poco de espacio y pareciese que estubiese separada perdon por las molestias

digamos que estas solucionado por que ya se como arreglarle...gracias de todas formas... me hicieron dar cuenta donde estaba el error

phpBB España Oficial

Problema de bordes redondeados Tema Solucionado

Problema de bordes redondeados Tema Solucionado

Re: Problema de bordes redondeados

Re: Problema de bordes redondeados

Re: Problema de bordes redondeados

Re: Problema de bordes redondeados

Re: Problema de bordes redondeados

Re: Problema de bordes redondeados