fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Meg lehet oldani, hogy az...

Meg lehet oldani, hogy az egész oldalamat, mindennel együtt az eredeti 90%-ára csökkentsem?

Figyelt kérdés

#oldal #kicsinyítés
2013. jan. 18. 13:46
❮ 1 2 3 ❯
 11/22 anonim ***** válasza:

Ezt nagyon egyszerű megcsinálni CSS3-mal. valóban két div kell, mindkettőnek egy színátmenetes hátteret kell adni. A képeden a "divek" alsó és felső határainál érvényes színek lesznek azok, amiket a CSS-ben meg kell adni mint "-tól, -ig" értéket. A divek közé kell egy kis margó, és a bordert le kell kerekíteni, illetve vastagságot kell neki adni.


A színátmenetes háttérhez:

[link]


A többi egyszerű margin, border és border-radius.

2013. jan. 18. 15:10
Hasznos számodra ez a válasz?
 12/22 anonim ***** válasza:
88%

border-radius és CSS3 nagyon jó, csak nem kompatibilis régi böngészőkkel. Ha ez nem gond, csináld úgy, különben van más megoldás:


Felveszel 3 div-et egymás mellé.

Az elsőbe berakod a háttérképed első részét (kb 15px széles, teljes magasság).

A másodikba háttérnek berakod a kép közepéből kivágott 1px széles függőleges csíkot, majd background-repeat: repeat-x CSS-el "kiszélesíted".

A harmadik meg az első divnek megfelelő szélességű lesz, csak ez a jobb oldali részét tartalmazza a háttérnek.


Értelemszerűen a középső elembe rakod be a többi tartalmat, a két szélső csak a grafika miatt kellett.


Egy problémád lesz: Mivel függőlegesen fix a háttér, a tartalom magasságát limitálni kell, vagy ki fog csúszni. Erre fix magasságú DIV használható.

2013. jan. 18. 16:28
Hasznos számodra ez a válasz?
 13/22 anonim ***** válasza:
Igen, ezt javasoltam volna én is fallback opcióként, de azért most már nem túl releváns olyan böngészőre figyelni amelyik nem ismeri a border-radiust, a CSS3 gradient pedig egyelőre úgyis böngészőspecifikus prefixekkel működik, szóval ott meg automatikusan teszel róla, hogy legyen kompatibilitás. És ami megoldható generálva, CSS-sel és HTML-lel, arra soha nem érdemes pixelgrafikus képet használni. Semmilyen előnye nincs, hátránya viszont több is.
2013. jan. 18. 16:44
Hasznos számodra ez a válasz?
 14/22 Drone007 ***** válasza:
100%

A border-radius-t csak az IE8 vagy gyengébb böngésző nem támogatja. (ez érint minden winXp vagy régebbi win oprendszert)

Viszont egy ilyen óriási képet betenni nagyon rossz megoldás. Gif formátumban duplán rossz megoldás (fájlméret). Vagy szedd darabokra a képet (#12-es megoldása), vagy használd a border-radius, gradient background, box-shadow css formázókat. Ha mindenképpen fontos a régi böngészők támogatása használj kevert formázást, és külön css-t a css3-mal nem kompatibilis böngészőkhöz.

A betöltődési sebesség sokkal fontosabb mint a látvány. Ilyen esetben kompromisszumokat kell kötni, és az optimális megoldást kell választani.

2013. jan. 18. 17:40
Hasznos számodra ez a válasz?
 15/22 anonim ***** válasza:

#13 bárcsak így lenne mindenki számára. Én munkámban gyógyszercégeknek fejlesztünk és ők IE6 vagy IE7-t használnak csak.

Ez alapján a "kép szétvágásos" megoldást kell használnom, pedig szívesen elfelejteném :)

2013. jan. 18. 18:11
Hasznos számodra ez a válasz?
 16/22 anonim ***** válasza:
15: Sajni. ;D Szar lehet. De a kérdés valószínűleg egy iskolai feladat miatt született, vagy valami hasonló üzleti jelentőséggel bíró projekt. Egyébként IE8 alá optimalizálni már a legnagyobb szájtokat sem igen szokás, és elég nagy gond lehet a cégkultúrával eleve valahol, ahol nem értik, hogy kőkorszaki technológiára dolgozni távol áll a profitmaximalizálástól. Az ügyfelet érdemes oktatni, finoman és kicsi lépésekben, ha muszáj. Nem az ő dolguk, hogy eldöntsék, mi a legjobb techikai megoldás valamire, vagy hogy tudják, hogy amit igényelnek, az rossz. A fejlesztő fél feladata konzultálni és rávezetni őket, hogy baromságért fizetnek. De ez már nagyon off.
2013. jan. 18. 18:24
Hasznos számodra ez a válasz?
 17/22 anonim ***** válasza:

[link]


ie 7 alá soha nem kellett menjek, hálisten

2013. jan. 18. 18:37
Hasznos számodra ez a válasz?
 18/22 A kérdező kommentje:

Koszonom mindenkinek a segítseget.

15ös a kérdés nem iskolai feladat miatt született, még ha amatőrnek is tűnik a feladat, természetesen még tudtam volna oldani több-kevesebb idő befektetéssel. A hnlap egy vállalkozás számára készül ami saját ugye és nem akartam pénzt bele ölni ( a vállalkozás jellege és sajátosságai miatt nem feltétlenül kell profi lap) , és én is tanulom most autodidakta módon a honlap szerkesztest ezért gondoltam megcsinalom én :)

Mégegyszer köszönöm mindenkinek a segítséget :)

2013. jan. 19. 00:59
 19/22 A kérdező kommentje:

Közben elindult az oldal, w w w.agardibicikli.hu

ha esetleg így tud valaki mondani vmi egyszerű megoldást, hogy látja is miről van szó megköszönöm. átvariálni az egészet nincs kedvem, maradhat is így is, csak az én gépemen pl a footer része kilóg a képből és az lett volna a cél, hogy ne nagyon kelljen görgetni.

és nem kérek kritikákat, tisztában vagyok mindennel :)

2013. febr. 18. 11:00
 20/22 anonim ***** válasza:
Meglestem. 1280×800-as felbontással (ami a legelterjedtebb felbontás), Chrome-ban egyáltalán nem kell görgetni, belefér minden kapásból a képbe.
2013. febr. 20. 00:38
Hasznos számodra ez a válasz?
❮ 1 2 3 ❯

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »



Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!