← HTML + CSS

Pequena ajuda com css!

Lida 4959 vezes

Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

O problema é o seguinte, o elemento que é uma publicidade está do lado esquerdo do blog e na minha resolução aparece bem, mas ao baixar a resolução ou encolher a janela este sobrepõe o texto. O que eu queria era tornar a unidade fixa, isto é ficar sempre lá independentemente da resolução! O código é:

#adtop {
               display:block;'); if ($this->opts['bg'] == "trans") echo ('background:transparent;'); else echo ('background:#'.$bg.';'); if ($this->opts['pos'] == "Top") echo ('position:absolute; width:100%; top:'.$this->opts['vermar'].'px; left:0; right:0; margin:0px ; text-align:left;'); if ($this->opts['pos'] == "Bottom") echo ('margin:0px auto; text-align:left;'); if ($this->opts['pos'] == "Right") echo ('position:absolute; top:'.$this->opts['vermar'].'px; right:'.$this->opts['hormar'].'px;'); if ($this->opts['pos'] == "Left") echo ('position:absolute; top:'.$this->opts['vermar'].'px; left:'.$this->opts['hormar'].'px;'); echo ('      
               }
            </style>

Precisava mesmo de ajuda :S
Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Ninguém consegue mesmo ajudar? Isto é um fragmento do código do plugin adsense on top que me permite por publicidade fora da margem já que não o sei fazer manualmente.
Offline

Nazgulled 
Membro
Mensagens 552 Gostos 0
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

1º) Coloca o código legível e usa o GeSHi e depois talvez tenhas mais respostas...

2º) Apresenta imagens dos vários resultados que tens e como gostavas de ter porque não percebi bem o problema.
Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

1º) Coloca o código legível e usa o GeSHi e depois talvez tenhas mais respostas...

2º) Apresenta imagens dos vários resultados que tens e como gostavas de ter porque não percebi bem o problema.

http://sentimentocalmo.com/ vê através do site. Coloquei uma publicidade do lado esquerdo do blog fora do conteúdo. Se diminuíres a janela do browser o que acontece é que essa mesma publicidade vai sobrepor o texto. O que eu procurava era como poder a tornar fixa! De modo a não impedir a leitura do texto por parte de visitantes com resoluções de ecrã inferiores.
Offline

Vitor Teixeira 
Membro
Mensagens 1527 Gostos 9
Feedback +21

Troféus totais: 29
Trófeus: (Ver todos)
Tenth year Anniversary Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Aqui o banner sobrepõe...
Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Aqui o banner sobrepõe...

Exactamente vou ter de retirar.
Eu gostava era uma maneira de o colocar sem plugin e de modo a que isto não acontecesse.
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

não vejo publicidade nenhuma, talvez se colocasses lá mal ou bem a gente podia analisar melhor e te ajudar

de qualquer das formas experimenta colocar a div da pub antes da div do wrapper

Código: (css) [Seleccione]
<div id="pub">
publicidade
</div>
<div id="wrapper">


a div da pub deve ser algo do género

Código: (css) [Seleccione]
.pub {
float:left;
margin-top:20px;
margin-right:10px;
}



é bem provável que não funcione, mas tens uma ideia do que precisas
Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

não vejo publicidade nenhuma, talvez se colocasses lá mal ou bem a gente podia analisar melhor e te ajudar

de qualquer das formas experimenta colocar a div da pub antes da div do wrapper

Código: (css) [Seleccione]
<div id="pub">
publicidade
</div>
<div id="wrapper">



a div da pub deve ser algo do género

Código: (css) [Seleccione]
.pub {
float:left;
margin-top:20px;
margin-right:10px;
}



é bem provável que não funcione, mas tens uma ideia do que precisas

Coloquei lá a publicidade para veres o que acontece. Para a colocar lá utilizei o plugin adsense on top. Pelo que parece através da edição do plugin não dá para tornar a publicidade fixa. Por isso gostava de saber se alguém sabe inserir naquela posição a publicidade através do css do blog?
Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts



Deixo uma imagem para perceberem onde queria colocar a publicidade.
Offline

Luís Salvador 
Membro
Mensagens 2068 Gostos 37
Feedback +4

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

E querias que a publicidade andasse para baixo conforme fazes scroll na página?

Podes facilmente criar isso em CSS, uma div com "position: fixed;"

Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

E querias que a publicidade andasse para baixo conforme fazes scroll na página?

Podes facilmente criar isso em CSS, uma div com "position: fixed;"



Não nada disso, até porque acho que isso é proibido pelo google.

O que eu queria  é colocar a publicidade fixa sem se mexer, naquela posição ou neste caso um bocadito mais acima alinhado com o inicio do conteúdo. Mas não sei fazer isso, se alguém me conseguisse fazer :S
Offline

diogoosorio 
Membro
Mensagens 134 Gostos 1
Feedback +1

Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Queres a imagem sempre na mesma posição? E fixar a div numa posição absoluta?

Código: (html4strict) [Seleccione]
<body class="home blog">
<div id="publicidade">
   [...]
</div>

Código: (css) [Seleccione]
#publicidade {
   position: absolute;
   left: 0;
   top: 100px;
   width: 150px;
   height: 200px;
   overfow: hidden;
}

Edit - Os valores de largura\altura não estão correctos, é só para exemplificar.
Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Diogo, mandei mp.