| Autor | Zpráva | ||
|---|---|---|---|
| šulo Profil * |
#1 · Zasláno: 5. 1. 2010, 19:46:53
Zdravím,
mám problém s jedným obrázkom... DIV-u som nastavil float:right, avšak obrázok sa zobrazuje oveľa nižšie, ako som chcel. Tu je obrázok, ako by to malo vyzerať: http://img709.imageshack.us/img709/5981/beznzvuj.jpg a tu je odkaz na stránku: http://www.testujemsvojestranky.xf.cz |
||
| Railbot Profil |
#2 · Zasláno: 5. 1. 2010, 19:53:31
.kontajner {
margin:0 auto;
text-align:left;
width:900px;
background:url(logotype.jpg) no-repeat 100% 0;a div #obrazok můžeš se vším všudy odstranit. |
||
| šulo Profil * |
#3 · Zasláno: 5. 1. 2010, 20:30:11
Railbot:
Dakujem, ale ja budem ešte s triedou kontajner pracovať, a to by my furt ukazovalo ten obrázok, takže to nie je dobré riešenie... Skúsil som to vyriešiť pomocou záporných marginov, avšak to podľa mna tiež nie je dobré riešenie... Nedalo by sa to vyriešiť nejak inak? Dakujem |
||
| Railbot Profil |
#4 · Zasláno: 5. 1. 2010, 20:36:24
šulo:
.kontajneru přidej float:left a nějakou šířku. aby se vedle vešel #obrazok |
||
| šulo Profil * |
#5 · Zasláno: 5. 1. 2010, 20:48:14
Railbot:
ale keď dám .kontajneru float:left, tak my to zarovná stránku dolava, avšak ja potrebujem aby bola stránka zarovnaná na stred... |
||
| pavuk Profil * |
#6 · Zasláno: 5. 1. 2010, 21:26:59
První <div> .kontajner nech tak jak je, a ten druhej .kontajner přejmenuj třeba na class=kontajner2" a tomu dej v css float: left podle [#5]
|
||
| zvěřiňák Profil |
#7 · Zasláno: 5. 1. 2010, 21:48:44 · Upravil/a: zvěřiňák
<div class="kontajner"> <div style="float: left;"> <h2> Welcome to <i>Web Aplication</i> </h2> <p>Lorem ipsum dolor sit amet consectetuer felisDui consequat nunc wisi Lorem scelerisque quis vel lobortis.</p> <p>Lorem ipsum dolor sit amet consectetuer felis nunc convallis nibh lorem. Donec justo Suspendisse nunc Pellentesque velit et Donec id Lorem. Libero Curabitur et consequat sed Suspendisse pellentesque lacus fringilla turpis habitant. Dui consequat nunc wisi Lorem scelerisque quis vel lobortis.</p> </div> <div id="obrazok"> </div> </div> A "#obrazok" přidej "margin-top: 16px". #obrazok {
background-image:url(logotype.jpg);
background-repeat:no-repeat;
float:right;
height:237px;
margin-top:16px;
width:388px;
}A nebo to jde udělat jednodušeji. Změníš v <div class="kontajner"> pořadí prvků. Zase musíš přidat do css pro "#obrazok" margin-top: 16px. <div class="kontajner"> <div id="obrazok"> </div> <h2> Welcome to <i>Web Aplication</i> </h2> <p>Lorem ipsum dolor sit amet consectetuer felisDui consequat nunc wisi Lorem scelerisque quis vel lobortis.</p> <p>Lorem ipsum dolor sit amet consectetuer felis nunc convallis nibh lorem. Donec justo Suspendisse nunc Pellentesque velit et Donec id Lorem. Libero Curabitur et consequat sed Suspendisse pellentesque lacus fringilla turpis habitant. Dui consequat nunc wisi Lorem scelerisque quis vel lobortis.</p> </div> |
||
| šulo Profil * |
#8 · Zasláno: 6. 1. 2010, 21:19:54
Dakujem
|
||
|
Časová prodleva: 14 let
|
|||
0