| Autor | Zpráva | ||
|---|---|---|---|
| Monča Profil * |
#1 · Zasláno: 19. 8. 2010, 16:59:33
Ahoj, podívejte se tady na ten obrázek. Jsou tam odkazy, ale nejde mi do hlavy jak je tam udělat.
http://tinypic.com/r/348mt5j/4 Začínám ve photoshopu a řekl bych, že původně byl modrý obrázek (pozadí). Pak na to pozadí přibyly ty dva obrázky vlevo. A ten samotný text je tam taky přidaný ve photoshopu? A ty odkazy se tam udělají jak na tom obrázku? Je jich tam šest. Nedokážu na to přijít jak to autor udělal. Chtěl bych udělat něco podobného, ale nevím jak. Poradí mi někdo? Dík |
||
| Bubák Profil |
#2 · Zasláno: 19. 8. 2010, 17:15:09
Pozadí jde udělat pomocí CSS vlastnosti background-color. Horní pruh jde udělat pomocí CSS vlastnosti border-top.
Obrázek jde vložit jako obrázek tagem IMG může být obtékán třebas nadpisem, odstavcem, seznamem. Obtékání je nutné ukončit, Jak funguje „float“ a „clear“ |
||
| Monča Profil * |
#3 · Zasláno: 19. 8. 2010, 18:19:20
A jak to lze udělat jen pomocí html? CSS neznám
|
||
| jenikkozak Profil |
#4 · Zasláno: 19. 8. 2010, 18:40:30
Uvedený problém se v samotném HTML vyřešit nedá. CSS není na pochopení složité, to zvládneš za dnešní večer. Začni v úvodu. A pak si přečti ty stránky, na které tě Bubák odkázal. Samozřejmě bych ti mohl tu část kódu napsat, ale tím se nic nenaučíš.
|
||
| Monča Profil * |
#5 · Zasláno: 19. 8. 2010, 18:57:58
napiš pls, stejně to budu muset pochopit i tak
|
||
| jenikkozak Profil |
#6 · Zasláno: 19. 8. 2010, 20:19:12 · Upravil/a: jenikkozak
Monča:
Promiň, že jsem tě nechal tak dlouho čekat. Do HTML bych to napsal nějak takto: <div style="background-color: #E6F3FC; border-top: 14px solid #D1E0ED; float:left">
<img src="adresa_obrazku.jpg" alt="Alternativní text" style="float: left; width: 24%;">
<img src="adresa_obrazku.jpg" alt="Alternativní text" style="float: left; width: 24%; clear:left">
<div style="float: right; width: 75%; color: #52567A; font-family: Arial">
<h2>Načúvajte Vašim želaniam!</h2>
<p>Ponúkame Vám široký sortiment produktov, ktoré spájajú dve vlastnosti: Kreativita a Design. Všeky produkty pochádzajú z dielní renomovaných zahraničných návrhárskych firiem, preto ak hľadáte bežné doplnky s nudným provedením, tie u nás určitě nenájdete. Každý jeden produkt je niečim nápaditý a špecifický. Vyberte si z našej ponuky na Lastúra.sk</p>
<h2>Výber zauímavých produktov:</h2>
<ul>
<li>Kuchynský riad v 8 dekorov</li>
<li>Uteráky rady Le Patissier na zjedenie</li>
<li>Designové farebné čižmy</li>
<li>Grow it</li>
</ul>
</div>
</div>Použil jsem inline zápis stylů, tak se ti to třeba bude chápat snáz, než kdybych používal třídy. Co se týče nastavených šířek, ty nemusejí být v procentech (a už vůbec nejsou důležité ty hodnoty, které jsem tam zadal já), záleží na zbytku stránky. A samozřejmě to mé řešení není jediné, dá se to udělat i jinými způsoby. |
||
|
Časová prodleva: 14 let
|
|||
0