| Autor | Zpráva | ||
|---|---|---|---|
| janharvalik Profil * |
Dobrý den,
dělám svůj pokus o chat ale mám problém s css. chtěl bych aby se mi jednotlivé <div class="note" > poradí te mi ? Odkaz .note{
margin-bottom:15px;
background: rgb(235,235,235);
min-height: 100px;
}
.left_col_info{
position: absolute;
top:0px;
left:0px;
width:100px;
height: 100%;
background: interit;
}
.name{
position: absolute;
top:10px;
left:15px;
font-weight: bold;
}
.time{
position: relative;
top:25px;
left:15px;
}
.text{
position: absolute;
top:15px;
right:15px;
width:340px;
height:inherit;
margin-left:5px;
background: rgb(242,242,242);
}
<div class="note" >
<div class="left_col_info">
<div class="name">jméno</div>
<div class="time" >18:28:23</div>
</div>
<div class="text">text text text text text text text text text text text text text text text text
</div>
</div> |
||
| panther Profil |
#2 · Zasláno: 7. 7. 2010, 18:38:37
janharvalik:
.note {position: relative;}Jinak to HTML je otřesné, je plno krásných značek kromě divů, které je dobře používat. |
||
| Manq Profil |
#3 · Zasláno: 7. 7. 2010, 18:39:54
Tak zaprvé vyhoď všechno jako position:relative/absolute, left, right, top a bottom. Divu .note zadej šířku a prvky uvnitř umistuj pomocí float a clear (dočteš se víc na JPW). A nepoužívej na všechno jen <div>y. Zkus se poohlédnout po <p>, <strong> apod.
|
||
| janharvalik Profil * |
#4 · Zasláno: 7. 7. 2010, 18:42:16
děkuji za pomoc a jinak, jak to myslíte s html?
jak by jste to udělal? |
||
| panther Profil |
#5 · Zasláno: 7. 7. 2010, 18:43:56
janharvalik:
text do odstavce jméno do <b> Aspoň takhle, když nic jiného. |
||
| janharvalik Profil * |
#6 · Zasláno: 7. 7. 2010, 18:43:57
jaký je rozdík když použiji <div> nebo <p>, atd...
|
||
| panther Profil |
#7 · Zasláno: 7. 7. 2010, 18:44:44
janharvalik:
v tom, že div je kontejner a p je odstavec (sémantika). V knížce máš taky odstavce. |
||
| janharvalik Profil * |
#8 · Zasláno: 7. 7. 2010, 18:49:02
panther:
„jméno do <b>“ když to tak udělám a budu to chtít někdy změnit tak to budu muset změnit ve všech příspěvcích ne? „text do odstavce“ jistě to udělám |
||
| panther Profil |
#9 · Zasláno: 7. 7. 2010, 18:52:10 · Upravil/a: panther
janharvalik:
copak vypisuješ příspěvky ručně? Jak ten chat bude potom teda fungovat? Chatující odešle příspěvek a bude čekat, než ho ty přepíšeš do HTML? :-) Ne, příspěvky jsou někde uložené, odkud je vypisuješ. Vypisuješ je cyklem, takže to změníš jen v cyklu, na jednom místě. S tímhle dotazem si myslím, že máš na chat ještě dost času, měl bys začít od základů, co ty na to? Těmi základy myslím nejenom PHP, ale i HTML ([#6]) a CSS [#1]. |
||
| Manq Profil |
#10 · Zasláno: 7. 7. 2010, 18:52:50
janharvalik:
„když to tak udělám a budu to chtít někdy změnit“ A proč bys to měl někdy měnit? :) Celé to je o zvyklostech a funkci HTML tagů. To je jako kdyby si zaměnoval použití záclon a toaletního papíru. |
||
| janharvalik Profil * |
#11 · Zasláno: 7. 7. 2010, 18:59:27
Manq:
„copak vypisuješ příspěvky ručně? Jak ten chat bude potom teda fungovat? Chatující odešle příspěvek a bude čekat, než ho ty přepíšeš do HTML? :-)“ nn ručně ne používám php script. panther: „Těmi základy myslím nejenom PHP, ale i HTML ([#6]) a CSS [#1].“ jistě že vím co znamená <div> a co <p> ale zas tak velký rozdíl v tom není ne? „A proč bys to měl někdy měnit? :)“ nevím ale musím myslet na to co kdyby ne? :) |
||
| panther Profil |
#12 · Zasláno: 7. 7. 2010, 19:02:35
janharvalik:
„jistě že vím co znamená <div> a co <p>“ nevíš, jinak by ses neptal a neřekl konec té věty. „ale zas tak velký rozdíl v tom není ne?“ asi jako mezi tříkolkou a stíhačkou. „nevím ale musím myslet na to co kdyby ne? :)“ ne, stačí si aplikaci pořádně promyslet na začátku a až potom jí začít psát. |
||
| janharvalik Profil * |
#13 · Zasláno: 7. 7. 2010, 19:05:26
panther:
tak jo uznávám jsem začátečník :) „asi jako mezi tříkolkou a stíhačkou.“ vážně dobrý :) jinak děkuji všem za pomoc výsledek [url=www.pokusnak4.wz.cz]Odkaz[/url] |
||
| janharvalik Profil * |
#14 · Zasláno: 7. 7. 2010, 19:20:39
ještě jak mám udělat aby se mi
.text .note |
||
| panther Profil |
#15 · Zasláno: 7. 7. 2010, 19:22:01 · Upravil/a: panther
janharvalik:
nenastavovat výšku, nepozicovat. Opravdu začni od základů včetně HTML a CSS, bude to pro všechny nejlepší. |
||
| janharvalik Profil * |
#16 · Zasláno: 7. 7. 2010, 19:30:34
pomůže te mi ?
|
||
|
Časová prodleva: 14 let
|
|||
0