pomoc Nespojitosť

[ali007 1]

Ahoj , robim si svoj prvy web a mam problem snažim sa spraviť miesto na novinky ale tie obrazky su rozseknute teda aspoň v google chrome , opere, Firefoxe.. v IE to je normal neviem čim to je .. tu je link ak chcete vidieť ako to vyzera http://wow.inferos.eu/

 

CSS:

 

.new_top                  {
                         height: 56px;
                         width: 600px;
                         background-repeat: no-repeat;
                         background-image: url(img/news/top.png);
                          margin-left: -7px;                         
                         position: relative;
                         }

.new_body                 {
                         width: 600px;
                         background-image: url(img/news/middle.png);
                         margin-left: -7px;
                         position: relative;
                         }


.new_bottom               {
                         height: 51px;
                         width: 600px;
                         background-repeat: no-repeat;
                         background-image: url(img/news/bottom.png);
                         margin-left: -7px;
                         position: relative;
                         margin-bottom: 5px;
                         } 

[Guest]

Zkus u těch prvků nastavit nulový padding

[ali007 1]

stale to iste

[Guest]

Kams to dal? na webu v cssku není

[Guest]

.new_top                  {
                         height: 56px;
                         width: 600px;
                         background-repeat: no-repeat;
                         background-image: url(img/news/top.png);
                          margin-left: -7px;                         
                         position: relative;
                         top: 16px;
                         }

.new_body                 {
                         width: 600px;
                         background-image: url(img/news/middle.png);
                         margin-left: -7px;
                         position: relative;
                         }


.new_bottom               {
                         height: 51px;
                         width: 600px;
                         background-repeat: no-repeat;
                         background-image: url(img/news/bottom.png);
                         margin-left: -7px;
                         position: relative;
                         bottom: 16px;
                         margin-bottom: 5px;
                         }

[ali007 1]

keď som to nastavil ako si napisal tak teraz v IE vidno prechody obrazkov... a v chrome trochu tiež...

[Guest]

Tak zkoušej zadávat různé vzdálenosti u bottom a top a nějak si to nastav.

[ali007 1]

no ako fajn .. ale keď to vidno dobre v IE tak zas nevidno dobre v inych prehliadačoch a keď je v inych dobre tak v IE je zle...

[Guest]

Dotaz... Proč to neuděláš jen na 1 kus? Nebo max. na 2? Proč to děláš na 3??

 

.new_top                  {
                         height: 56px;
                         width: 600px;
                         background-repeat: no-repeat;
                         background-image: url(img/news/top.png);
                          margin-left: -7px;                         

                         }

.new_body                 {
                         width: 600px;
                         background-image: url(img/news/middle.png);
                         margin-left: -7px;
                         padding-bottom: 2px;
                         padding-top: 5px;
                         height: 50px;
                         }


.new_bottom               {
                         height: 51px;
                         width: 600px;
                         background-repeat: no-repeat;
                         background-image: url(img/news/bottom.png);
                         margin-left: -7px;

                         margin-bottom: 5px;
                         }

[ali007 1]

dal som to na 3 chcel som aby sa veľkosť novinky nastavila podľa textu ...

[Guest]

dal som to na 3 chcel som aby sa veľkosť novinky nastavila podľa textu ...

Lepší by bylo, kdyby si v css3 udělal v té barvě přechod a bylo by to.. Jinak já už ti s tímto nepomůžu, ale asi se mi to zdá, ale vypadá to, jako když ty obrázky do sebe nezapadají a nikdy nezapadali, ale asi to vidím jen já.

[ali007 1]

no ako tie obrazky .. to je pravda.. to ešte by som upravil .. hlavne ide o to zobrazovanie .. v IE aj napr. v PSpade to ukazuje normal ale v inych ne...

[Daffy 8]

.new_body                 {
                         width: 600px;
                         background-image: url(img/news/middle.png);
                         margin-left: -7px;
                         overflow:hidden;
                         }

[ali007 1]

Vďaka Daffy aj ostatný