Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Div zawartość na dole
Forum PHP.pl > Forum > Przedszkole
Wieczny
Witam chciałbym aby zawartość diva znajdowała się domyślnie na dole bez użycia margin i padding
  1. <div style="height: 43px;">
  2. <div style="float: left; vertical-align: middle; vertical-align: bottom;margin-top: 2px; padding-left: 100px;"><img src="images/21.jpg" style="cursor: pointer;" id="n1" onclick="this.src='images/21.jpg'; document.getElementById('n1').src='images/21.jpg'; document.getElementById('n2').src='images/23.jpg';"></div>
  3. <div style="float: left; vertical-align: middle; vertical-align: bottom;margin-top: 2px; padding-left: 10px;"><img src="images/23.jpg" style="cursor: pointer;" id="n2" onclick="this.src='images/23.jpg'; document.getElementById('n2').src='images/22.jpg'; document.getElementById('n1').src='images/24.jpg';"></div>
  4. </div>
dufia
a da sie tak? guitar.gif

ja nie umiem, zrob sobie kilka divow
Wieczny
tak się nie da ...

POMOŻE KTOŚ?;/ sciana.gif
trucksweb
nie bardzo wiem co chcesz osiagnac, ale moze to pomoze:

-przyklad jak ja to zrobilem na ankieteronline.pl

  1. div#dol{
  2. border-top:1px solid #CCCCCC;
  3. bottom:0;
  4. left:0;
  5. padding:10px 0;
  6. position:fixed;
  7. width:100%;
  8. }


  1. <div id="dol">twoj div</div>

Pawel_W
  1. display: table-cell;
  2. vertical-align: bottom;

myślę, że o to chodzi
modern-web
Podpowiem ci... Skorzystaj z CSS ustanawiajac tam klasę dla tego własnie div-a. W html użyj
  1. <div class="tutaj_nazwa">...</div>

Jest to proste i nowoczesne rozwiazanie smile.gif
Wieczny
Cytat(modern-web @ 25.03.2010, 15:12:35 ) *
Podpowiem ci... Skorzystaj z CSS ustanawiajac tam klasę dla tego własnie div-a. W html użyj
  1. <div class="tutaj_nazwa">...</div>

Jest to proste i nowoczesne rozwiazanie smile.gif


nie rozumiem twojej podpowiedzi za bardzo czyżbym robił inaczej ? chodzi mi o konkretną komendę
trucksweb
to przeciez masz odpowiedz w moim poscie, juz sie czytac nie chcialo ?
Wieczny
Cytat(trucksweb @ 25.03.2010, 13:28:30 ) *
nie bardzo wiem co chcesz osiagnac, ale moze to pomoze:

-przyklad jak ja to zrobilem na ankieteronline.pl

  1. div#dol{
  2. border-top:1px solid #CCCCCC;
  3. bottom:0;
  4. left:0;
  5. padding:10px 0;
  6. position:fixed;
  7. width:100%;
  8. }


  1. <div id="dol">twoj div</div>


ciężko zrozumieć że padding nie jest tutaj odpowiedni ? tu są 2 obrazki które zmieniają swoją wielkość i nawet position nic nie pomaga
trucksweb
Cytat(Wieczny @ 25.03.2010, 17:01:12 ) *
ciężko zrozumieć że padding nie jest tutaj odpowiedni ? tu są 2 obrazki które zmieniają swoją wielkość i nawet position nic nie pomaga

ciezko to sie czyta co piszesz.

Napisalem ze jest to przyklad z mojej strony. myslenie nie boli dry.gif
Div powinien byc na dole strony. Chyba ze robisz cos zle
Wieczny
omg ! SKOŃCZ naucz się czytać to po pierwsze po drugie twój sposób jest dla mnie zły jeśli tego nie chwytasz to się [zmoderowane] ! TAK BIEGNIJ DO MODERNATORA offtopic.gif
trucksweb
no comments.

wystarczylo usunac padding, ale po co ruszac mózgownica...

Wieczny
Cytat(trucksweb @ 25.03.2010, 16:09:30 ) *
no comments.

wystarczylo usunac padding, ale po co ruszac mózgownica...


nie działa dalej masz zamiar mędrkować ?blinksmiley.gif
nospor
Cytat
nie działa dalej masz zamiar mędrkować
Nie bedzie mial juz okazji, a na pewno nie w tym temacie.
Nie jest to Twoj taki pierwszy występek
ostrzezenie, moderka postów na dwa tygodnie, zamknięcie tematu.
Jak odrobisz lekcje z kultury wypowiedzi to zapraszamy ponownie.
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.