Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jcao

[Resolvido] Alinhamento de logo no header

Por , em Desenvolvimento frontend

Recommended Posts

jcao    0

jcao
Postado

Estou com um problema de alinhamento no header do site

Estou utilizando o Drupal, e quero colocar um logo, que na realidade vai ocupar todo o topo do site.

Acontece que ele não alinha o logo com a margem esquerda, fica um espaço entre a margem e o logo.

O código HTML é o seguinte:

 

<?php
// $Id: page.tpl.php,v 1.1.6.3 2007/06/23 00:48:49 taherk Exp $

$color = 'black'; //set to blue, black, green, orange, purple, or red
global $base_url;

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <title><?php print $head_title ?></title>
  <?php print $head ?>
  <?php print $styles ?>
  <?php print $scripts ?>
  <style type="text/css" media="all">@import "<?php print $base_url . '/' . $directory . '/colorcss/' . $color ?>.css";</style>
  <script type="text/javascript"><?php /* Needed to avoid Flash of Unstyle Content in IE */ ?> </script>
</head>

<body>
  <div id="container">
	<div id="sitename">
	  <?php if ($logo) { ?><a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" id="logo" alt="<?php print t('Home') ?>" /></a><?php } ?>
	  <?php if ($site_name) { ?><h1><a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a></h1><?php } ?>
	  <?php if ($site_slogan) { ?><h2><?php print $site_slogan ?></h2><?php } ?>
	</div>
	<div id="mainmenu">
	  <?php if (isset($primary_links)) { ?><?php print theme('links', $primary_links, array('class' =>'primary_links')) ?><?php } ?>
	</div>

e o código CSS é o seguinte:

 

/* $Id: style.css,v 1.1.6.3 2007/06/23 00:48:49 taherk Exp $ */

 

body {

background:#8b8b8b;

color:#303030;

font:76% Verdana,Tahoma,Arial,sans-serif;

margin:0;

padding:0;

text-align:center;

}

 

 

a {

color:#808040;

font-weight:bold;

text-decoration:none;

padding: 5px 0 5px 0;

}

 

a:hover {

color: #666;

font-weight:bold;

text-decoration:underline;

}

 

/*** Main container ***/

 

#container {

/*background:#f0f0f0 url(img/bodybg.jpg) repeat-x;*/

background-image: url("MyDrupal_Impact_logo.jpg");

color:#303030;

margin:0;

min-width:880px;

padding:0;

text-align:left;

width:100%;

}

 

/*** Header section ***/

 

#logo {

 

float: left;

 

}

 

#sitename {

color:#ffffff;

height:92px;

margin:0 20px 10px;

text-align:left;

}

o que devo fazer para que o logo fique alinhado com a margem esquerda sem deixar espaço?

 

Agradeço a ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

<!--Editado-->

Desculpa, agora que vi que você já tinha zerado o CSS.

<!--Editado-->

 

Aqui a imagem não apareceu, eu encontrei esse "gato" no código dela:

<a href="/" title="Home"><img src="//sites/all/themes/MyDrupal_Impact/MyDrupal_Impact_logo.jpg" id="logo" alt="Home" /></a>

Tem 2 barras ali depois do "src="

Tenta colocar isso:

{
position: absolute;
top:0px;
left:0px;
}

<!--Editado-->

Ah.. e por ela ser uma imagem com um link, vão aparecer bordas.. zera elas tb:

border-style: none;
<!--Editado-->

 

Na ID dela.

Compartilhar este post

Link para o post
Compartilhar em outros sites

jcao    0

jcao
Postado

Coloquei o código que vocês enviaram e funcionou beleza.

Testei em localhost.

O site estava sem o logo, estava com o caminho errado, vou arrumar e fazer o upload

Muito obrigado pela ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito