| Autor | Zpráva | ||
|---|---|---|---|
| vajco Profil |
Zdravím, potřeboval bych dostat text, vedle několika svisle poskládaných za sebou obrázků. Takto vypadá obrázek:
<a href="odkazy.html"> <img id="odkazy"> </a> <BR> </div> Text bych potřeboval dostat vedle něj a to na levou stranu. Vím, že se to dělá příkazem float: left, jenže jsem nepřišel na použití. Zde je html kód třídy vytvořené pro formátování textu: div.text {
margin-left: 200px;
margin-top: 150px;
width: 300px;
height: 500px;
} Má přijít float:left sem? Mockrát děkuji. |
||
| panther Profil |
#2 · Zasláno: 9. 12. 2011, 10:05:05 · Upravil/a: panther
vajco:
můžeš floatovat jak obrázek (resp. odkaz), tak text. Za nimi nezapomeň na clear. Ještě doplním http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082, který by tě k problematice čističe mohl zajímat. |
||
| vajco Profil |
#3 · Zasláno: 9. 12. 2011, 12:29:18
Nějak mi to pořád nefunguje, zkoušel jsem to strčit snad všude. Já mám vytvořené Menu pomocí obrázků. Když na tyto obrázky kliknu, mají vlastnost odkazu, takže mě to přehodí na další část projektu.
Menu ---- text Menu ---- text Menu ---- text Menu ---- text Takto bych to potřeboval. Jenže mě to dělá toto: Menu Menu Menu Menu -------------Text -------------Text Když hodím float s clearem za např. první položku Menu, vypadá to takto: Menu--Menu Menu Menu -------------Text -------------Text Prostě to nikdy nemělo vliv na text, uprovalval jsem tím pouze pozici Menu. Zde je jedna z položek menu(portfolio) v CSS souboru (přebarvuje se, proto hover): #portfolio{ width: 200px; height: 100px; background-image: url('./pict/portfolio.png') ; margin: left; margin-top:60px;} #portfolio:hover{ width: 200px; height: 100px; background-image: url('./pict/portfolio2.png') ; margin: left; margin-top:60px; } Zde je zápis v Portfoliu v souboru html: <h3><div class="text"> text </div> </h3> Výsledek: Menu Menu Menu Menu ------------------Text |
||
| panther Profil |
#4 · Zasláno: 9. 12. 2011, 14:54:14
vajco:
jestli chceš poradit konkrétné, tak místo kilometrového příspěvku dodej odkaz na stránku. Číst a představovat si, jako by to celé mohlo asi tak vypadat, nebudu. |
||
| vajco Profil |
#5 · Zasláno: 9. 12. 2011, 16:47:12
Už jsem to vyřešil jinak, menu jsem dal do tabulky a dal jsme ho vodorovně.
|
||
|
Časová prodleva: 6 dní
|
|||
| peta Profil |
#6 · Zasláno: 15. 12. 2011, 07:56:16 · Upravil/a: peta
Kdyz mas uceleny blok informaci, tak je dobre ho obklopit divem.
<div class="menu"> <a href="odkaz1.html" class="n1"><img></a> <a href="odkaz2.html" class="n2"><img></a> <a href="odkaz3.html" class="n3"><img></a> </div> .menu {position:relative; width:800px;height:100px;}
.menu a {width:180px;height:100px; border:1px solid #f00;}
.menu .n1 {position:absolute;left:0px;}
.menu .n2 {position:absolute;left:200px;}
.menu .n3 {position:absolute;left:400px;} |
||
|
Časová prodleva: 13 let
|
|||
0