|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
Rozjeżdżające się divy
|
Liczba postów: 2
Liczba wątków: 1
Dołączył: 06-05-2010
Reputacja:
0
06-05-2010, 02:01
(Ten post był ostatnio modyfikowany: 06-05-2010, 02:18 przez krokodajl.)
Witam,
mam problem z rozjeżdżającymi się divami. Muszę stworzyć mini projekt jednak utknąłem na tworzeniu diva, na którym będę wyświetlać informacje o produkcie. Div taki ma wyglądać następująco:
![[Obrazek: div.png]](http://krokodajl.drivehq.com/div.png)
Muszę to zrobić koniecznie na divach i css, ale zawsze jest coś nie tak.
Poproszę o wskazówki...
pozdrawiam
Liczba postów: 91
Liczba wątków: 5
Dołączył: 02-11-2009
Reputacja:
5
Poczytaj sobie troszkę o float w CSS  Całość można by zamknąć w jednym divie obejmującym wszystko i nadać pływanie dla elementów, a szerokość ustawiać procentowo 
Pozdrawiam
![[Obrazek: beznazwy1hf.png]](http://img251.imageshack.us/img251/2663/beznazwy1hf.png)
Roll or die!
Liczba postów: 2
Liczba wątków: 1
Dołączył: 06-05-2010
Reputacja:
0
06-05-2010, 03:47
(Ten post był ostatnio modyfikowany: 06-05-2010, 03:47 przez krokodajl.)
(06-05-2010, 03:40)razorskate napisał(a): Poczytaj sobie troszkę o float w CSS Całość można by zamknąć w jednym divie obejmującym wszystko i nadać pływanie dla elementów, a szerokość ustawiać procentowo
Kod: <html>
<head><title>tst</title></head>
<body>
<div style="min-width: 400px; background-color:lime;">
<div style="width: 30%; background-color:red; float:left;">
img
</div>
<div style="width:70%px; background-color: gray; float:right;">
<div style="width:100%; background-color:brown;">
tytuł
</div>
<div style="width:100%; background-color:brown;">
opis
</div>
<div style="width:100%; background-color:brown;">
<div style="float:left; width: 50%; background-color: blue;">
cena
</div>
<div style="float: right; width:50%; background-color: aqua;">
cos tam
</div>
</div>
</div>
</div>
</body>
</html>
niestety, ciągle się rozjeżdża
Liczba postów: 112
Liczba wątków: 20
Dołączył: 07-02-2010
Reputacja:
0
A nie mogłaś zrobić osobnego .cssa ? A nie robić w taki sposób ? No ale każdy robi jak chce . Dla mnie sprawa prosta ino nie mam jak Ci tego zrobić. Ale ja bym to zrobił tak
Jeden duży <div> w nim <div left> i <div right>. W <div left> dać obrazek a w div right 4 divy w tym <div ilość z położeniem na lewo> a <div coś tam z położeniem na prawo> No i będzie wszystko ok.
Tylko nie pisz tak jak ja <div left> itd  .
Pozdrawiam
Liczba postów: 91
Liczba wątków: 5
Dołączył: 02-11-2009
Reputacja:
5
Proszę, powinno działać
Kod: <html>
<head><title>tst</title>
<style type="text/css">
/* <![CDATA[ */
* { margin: 5px; text-align:center;}
.cena_costam {width:100%; background-color:brown;}
.cena_costam div {display:inline;}
/* ]]> */
</style>
</head>
<body>
<div style="min-width: 400px; width:100% background-color:lime;">
<div style="width: 30%; height:116px; background-color:red; float:left;">
img
</div>
<div style="width:70%px; background-color: gray; float:right;">
<div style="width:100%; background-color:brown;">
nazwa
</div>
<div style="width:100%; background-color:brown;">
opis
</div>
<div class="cena_costam">
<div style="float:left; width: 49%; background-color: blue;">
cena
</div>
<div style="float: right; width:49%; background-color: aqua;">
cos tam
</div>
</div>
</div>
</div>
</body>
</html>
Roll or die!
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
| |
Dynamiczny podział na dwa divy - drukowanie |
tunio |
0 |
1,971 |
13-04-2012, 21:22
Ostatni post: tunio
|
|
[Początkujący] Nakładające się divy - problem. |
przemek89k |
6 |
5,761 |
02-09-2011, 20:51
Ostatni post: hieroshima
|
| |
Rozjezdzanie sie pod IE - reszta OK. Divy |
sebastian.rz |
9 |
6,521 |
15-04-2011, 02:47
Ostatni post: Kartofelek
|
| |
Rozjeżdżające się menu+ogólna ocena kodu |
swing |
3 |
3,438 |
04-04-2011, 20:21
Ostatni post: Kartofelek
|
| |
[html] [css] zmiana strony z tabelek na divy |
@astronom |
5 |
5,186 |
16-03-2011, 15:54
Ostatni post: Pedro84
|
Użytkownicy przeglądający ten wątek:
|
|
|
Sponsorzy i przyjaciele
|
|
|
