Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Pozycjonowanie DIV
Forum PHP.pl > Forum > Przedszkole
kamilos809
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):
  1. #ry {
  2. position: absolute;
  3. padding-top: 150px;
  4. padding-right: 0px;
  5. padding-bottom: 0px;
  6. padding-left: 925px;
  7. width: 50px;
  8. height: 50px;
  9. }


DIV na logo:
  1. #div_position {
  2. position: relative;
  3. display:table;
  4. margin: 0 auto;
  5. }
  6.  
  7. #container {
  8. padding-top: 0px;
  9. padding-right: 0px;
  10. padding-bottom: 0px;
  11. padding-left: 0px;
  12. }


Użyte jest to w kodzie:

  1. <div id="div_position">
  2. <div id="container">
  3. <center><img src="theme/<?echo $theme;?>/gfx/logo.png" usemap="#mapa2"></center>
  4. <map name="mapa2">
  5. <area shape=rect coords="850,260,1150,350" href="plan.php">
  6. <area shape=rect coords="850,370,1150,450" href="zapisy.php">
  7. <area shape=rect coords="850,470,1150,550" href="samouczek.php">
  8. </map>
  9. </div>
  10. </div>
  11. <div id="gy">
  12. <font size="6"><center><?echo $gy;?></font>
  13. </div>
NickOver
http://jsfiddle.net/yhgvbagq/

Klase image przypisz do znacznika img i usuń width i height ze stylu.
dysgraphic
Powinieneś też użyć w css z-index żeby ustalić warstwy div'ów
kamilos809
ciekawe ciekawe... jednak nic nie działa. Nadal tekst jest niżej niż obrazek...
jaca121212
jeśli dobrze ciebie zrozumiałem to chciałeś taki efekt zrobić
http://jsfiddle.net/yhgvbagq/2/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.