Forum PHP.pl

Siemka!
Borykam się z problemem, pewnie banalnym.
Otóż próbuję wyśrodkować DIV'a z obrazkiem i nanieść na niego DIV'y z tekstem.
Jednak czego nie zrobiłbym, zawsze tekst ląduje niżej niż obrazek, lub gdy ustawię pozycję absolutną - jest okej tylko gdy wpiszę określone pixele, a to sztuczne wyśrodkowanie, gdyż wystarczy inna rozdzielczość monitora i jest kicha...

Jeden z div'ów z tekstem(inne są analogiczne):

[PHP] pobierz, plaintext 
#ry {
position: absolute;
padding-top: 150px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 925px;
width: 50px;
height: 50px;
}
[PHP] pobierz, plaintext 

DIV na logo:

[PHP] pobierz, plaintext 
#div_position {
position: relative;
display:table;
margin: 0 auto;
}
 
#container {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
[PHP] pobierz, plaintext 

Użyte jest to w kodzie:

[PHP] pobierz, plaintext 
<div id="div_position">
<div id="container">
<center><img src="theme/<?echo $theme;?>/gfx/logo.png" usemap="#mapa2"></center>
<map name="mapa2">
<area shape=rect coords="850,260,1150,350" href="plan.php">
<area shape=rect coords="850,370,1150,450" href="zapisy.php">
<area shape=rect coords="850,470,1150,550" href="samouczek.php">
</map>
</div>
</div>
<div id="gy">
<font size="6"><center><?echo $gy;?></font>
</div>
[PHP] pobierz, plaintext 

http://jsfiddle.net/yhgvbagq/

Klase image przypisz do znacznika img i usuń width i height ze stylu.

Powinieneś też użyć w css z-index żeby ustalić warstwy div'ów

ciekawe ciekawe... jednak nic nie działa. Nadal tekst jest niżej niż obrazek...

jeśli dobrze ciebie zrozumiałem to chciałeś taki efekt zrobić
http://jsfiddle.net/yhgvbagq/2/

Ten post edytował jaca121212 5.02.2015, 21:07:04