pub integrer <div> decale autre css

Version imprimable

bon, finalement je n'ai pas réussi a me rappeler des modification, qui on résolut mon problème>

l'hébergeur met >

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<body><style type='text/css'>
.hy-lista a,.hy-lista a,.hy-lista a:link,.hy-lista a:visited {font-size: 9pt;margin: 0;color: #000 !important;background: #fff !important;text-decoration: underline !important; padding: 0}
.hy-lista a:hover {text-decoration: none !important;}
</style>
<div style='display:block !important;visibility:visible !important;overflow:hidden;position: absolute;top:0px;left:0px;height:25px;z-index:1;width:100%'>
<div class='hy-lista' style='float: none !important;display:block !important;visibility:visible !important;font-family:arial;font-size:12px;padding-top:1px;text-align:center !important;height:25px;color:#000 !important;background-color:#fff !important;z-index:1;'>
<script src='http://www.adclick.cz/lista.js?id=138&amp;limit=7&amp;adclick_color=%23000&amp;link_color=%23000&amp;bgcolor=%23fff&amp;color=%23000' type='text/javascript' charset='utf-8'>
</script>
</div>
</div>
 
<noscript>
<div style='display:block !important;visibility:visible !important;overflow:hidden;position: absolute;top:0px;left:0px;height:25px;z-index:1;width:100%'>
<div class='hy-lista' style='float: none !important;display:block !important;visibility:visible !important;font-family:arial;font-size:12px;padding-top:4px;text-align:center !important;height:25px;color:#000 !important;background-color:#fff !important;z-index:1;'>
<a href='http://hy.cz/' title='Hy.cz freehosting'>Tahle stranka hostuje ZDARMA na Hy.cz</a> |
<a href='http://g-hosting.cz/cz/price-list/php/' title='G-Hosting.cz'>CZ domena zdarma</a> |
<a href='http://vsevjednom.cz' title='Sluzby pro Vas web'>Sluzby pro Vas web</a> |
<a href='http://subreg.cz/' title='Subreg.cz'>Nejvetsi nabidka domen na trhu</a> |
<a href='http://mereni-rychlosti.vsevjednom.cz' title='Mereni rychlosti Vaseho pripojeni'>Mereni rychlosti</a> |
<a href='http://italo.cz' title='Vse o italske tanecni muzice'>Italo.cz</a> |
<a href='http://g-hosting.cz/cz/price-list/ftp-email/' title='G-Hosting.cz'>60 GB FTP hosting</a> |
<a href='http://megaupload.cz' title='Megaupload.cz'>Snadne sdileni souboru</a>
</div>
</div>
</noscript>
<div style='height:25px;display:block !important;visibility:visible !important; width:25px'></div>

juste apres le head, et mes style css.
résultat ca fout tous positionnement en l'aire, et je ne sais pas comment faire prendre en compte la pub.

un exemple simple:

code source exactement recopier (sans mess style), que j'ai placer surmon serveur:

http://essay.hy.cz/tstmenu.php

donc évidement ce sont les deux barre de navigation en plus que je trouve un peu lourde.

je serrai tresreconaissant de toute aide, merci

31/10/2008, 12h43
devyan

salut,

le bandeau ajouté est en "position:absolute" d'après le code que tu fournis.
Il faut donc prévoir une marge de taille suffisante dans ta présentation pour éviter le recouvrement.

(la hauteur du add dans padding-top de ton body par exemple)
31/10/2008, 15h33
neismarspra

Citation:

(la hauteur du add dans padding-top de ton body par exemple)

Tu peux développer stp ?
Merci.

Comme cela, par exemple:

Code:

<style type='text/css'> padding-top : 20px; </style>

?
En haut de chaque page ?
31/10/2008, 18h12
neismarspra

hmm,
padding-top ne resou pas le probleme, ca me décale le texte mais pas la <div>
01/11/2008, 17h10
devyan

Citation:

Envoyé par neismarspra

hmm,
padding-top ne resou pas le probleme, ca me décale le texte mais pas la <div>

D'après ce que tu demandes j'ai compris que tu voulais régler le problème de recouvrement du texte par le cadre ajouté par ton hébergeur.

De quel DIV parles-tu ?
02/11/2008, 11h37
neismarspra

non, cf: http://essay.hy.cz/tstmenu.php
il y a deux scrool-bar sur la droite, une qui sert a la div contenu, car elle a
100% en hauteur, et pas 100% - 25px du banner.

donc je pourrait faire par exemple une marge du texte, un z-index=0,
et ca devrai marcher aussi.
Mais j'aimerai connaitre la methode "d'apres les regle du jeux"

merci

une soluc.

ben voila une solution, mais il faut fixer la taille du menu.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#contenu {
position: relative;
z-index = 0;
height: 100%;
margin-left: 200px;
 
overflow: auto;
background-color:#9999CC;
}
#menu {
position: absolute;
left:0;
background-color: #99CCCC;
width: 200px;
height: 400px;
z-index = 0;
}