WebPillangó főoldal
Oldalak: 1 ... 6 7 [8]   Le
  Nyomtatás  
Szerző Téma: CSS, avagy hogyan legyen ízléses az oldalad  (Megtekintve 72542 alkalommal)
spier
Tag
**
Nem elérhető Nem elérhető

Hozzászólások: 125


« Válasz #140 Dátum: 2010. 05. 15. - 20:31:53 »

Tupacko-hoz
Köszönöm áttanulmányozom, hátha kisül valami belőle.

lowert-hez
Igen ezt az utólag említett verziót ismerem, egy egységes hátteret kap a left és a right rész is egy "lentebb" lévő - ez esetben - content részben és így ha bármelyik részben növekszik a tartalom végig fog tartani a háttér. Viszont most belefutottam egy oldalba ahol a bal és jobb résznél is többszörösen változó háttér van és egymáshoz képest is eltolva illetve a jobb oldalon még fixnek is kell lennie egy darabig aztán dinamikusan növekszik... úgyhogy áááááá. Mosolyog

Igen a táblázattal lehet odateszek a validitásnak - szép Magyarosan -, de lehet nem lesz más lehetőség.
Naplózva
lowert
Tag
**
Nem elérhető Nem elérhető

Hozzászólások: 111


« Válasz #141 Dátum: 2010. 05. 15. - 21:17:23 »

Erre már csak annyit tudok mondani, hogy próbálkozz JavaScripttel Mosolyog
http://v3.thewatchmakerproject.com/journal/308/equal-height-boxes-with-javascript
Ha értesz a JavaScript-hez, akkor ez egy életképes megoldás... Sok sikert!
Naplózva
Tupacko
WebPillangó

Adminisztrátor
Törzstag
*****
Nem elérhető Nem elérhető

Hozzászólások: 966


WWW
« Válasz #142 Dátum: 2010. 05. 16. - 11:09:42 »

A modeszerek, amiket az altalam belinkelt leirasokban talalsz CSS alapuak es hatterfuggetlenek Kacsint Erdemes elolvasni, komoly oldalon vannak publikalva Mosolyog
Naplózva
liptakrobi
Új tag
*
Nem elérhető Nem elérhető

Hozzászólások: 12


« Válasz #143 Dátum: 2010. 10. 25. - 14:41:54 »

Lenne egy mindig felmerülő problémám, hogyan designoljak formban select mezőt?
mint pl itt
http://www.telenor.hu/uzleti/internet/mobilinternet/akciok/kisvallalkozoknak
Mert mindig ott marad az a windowsos kék négyzet jobboldalt.
Naplózva
spier
Tag
**
Nem elérhető Nem elérhető

Hozzászólások: 125


« Válasz #144 Dátum: 2010. 10. 25. - 19:55:46 »

Csak a mezőt tudod CSS-el formázni magát a "nyilat" már nem. Ehhez javascript kell például.
Itt van egy minta, remélem segít:
http://www.emblematiq.com/lab/niceforms/
Innen letöltheted:
http://www.emblematiq.com/lab/niceforms/download/
Naplózva
liptakrobi
Új tag
*
Nem elérhető Nem elérhető

Hozzászólások: 12


« Válasz #145 Dátum: 2010. 10. 25. - 21:26:21 »

Nincs ennek is valami türkje, mint pl ahogy a logo képet szoktam?
h1.logo a {
   background: url(images/logo.png) no-repeat;
   text-indent: -5000px;
        .....
Naplózva
spier
Tag
**
Nem elérhető Nem elérhető

Hozzászólások: 125


« Válasz #146 Dátum: 2010. 10. 25. - 22:50:36 »

Sok helyen kerestem már anno, de mindenhol a javascript lett a végeredmény ha teljes skinezést akartam és nem valami gányolást. (niceforms vagy valami jQuery-s cucc)
Nem tudok más lehetőséget. Ilyen gyengébb próbálkozások vannak, de valószínűleg ez nem böngésző független és elég puritán megoldás is:

Kód:
<html>
<head>

<style>
.selectContainer { position: relative; }
.selectContainer select { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; }
.selectContainer select option { filter: alpha(opacity=100); opacity: 1;  }
</style>

</head>
<body>

<div class="selectContainer">
  <span class="value">Select</span>
  <select onchange="this.parentNode.firstChild.innerHTML=this.value;">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
</div>

</body>
</html>
« Utoljára szerkesztve: 2010. 10. 25. - 22:52:15 írta spier » Naplózva
liptakrobi
Új tag
*
Nem elérhető Nem elérhető

Hozzászólások: 12


« Válasz #147 Dátum: 2010. 10. 28. - 13:32:25 »

Ez elég jó ötlet, mert a lenyíló lista nem lesz teljesen áttetsző, már csak méretezni kell és a span helyére egy hasonló keretet csinálni egy lefelé nyillal. Szerintem ez tökéletes megoldás erre nem is gondoltam volna Mosolyog , át is írom jqueryre, ami kicseréli az összes ilyen selectet. Kacsint
Naplózva
Tupacko
WebPillangó

Adminisztrátor
Törzstag
*****
Nem elérhető Nem elérhető

Hozzászólások: 966


WWW
« Válasz #148 Dátum: 2010. 11. 06. - 14:41:40 »

Elszomorito, hogy a Telenor oldala JS nelkul hasznalhatatlan: meg a menu sem mukodik ... remes.
Naplózva
pepe0521
Új tag
*
Nem elérhető Nem elérhető

Hozzászólások: 19


« Válasz #149 Dátum: 2010. 11. 14. - 21:28:20 »

Kód:
.menu .home a{
background:url(../images/homeA.png) no-repeat bottom center;
padding:10px 22px 5px;
}

Mért van az ha megadom CSS-ben  homeA.png-t nem jelenik meg de  home.png-re átnevezem viszont igen?

Naplózva
spier
Tag
**
Nem elérhető Nem elérhető

Hozzászólások: 125


« Válasz #150 Dátum: 2010. 11. 16. - 17:17:11 »

Nekem speciel megy akkor is ha nagybetűt használok, nem kötegszik.  He
Naplózva
Tupacko
WebPillangó

Adminisztrátor
Törzstag
*****
Nem elérhető Nem elérhető

Hozzászólások: 966


WWW
« Válasz #151 Dátum: 2010. 11. 18. - 22:25:41 »

Ugyelj arra, hogy a file neve es a hivatkozas neve is ugyan olyan betumerettel legyen irva. Sok bosszusagot tud okozni, ha nem minden karakter kisbetu, mert a windows nem tesz kulonbseget, de a Linux igen. Ennek az a kovetkezmenye, hogy bar lokalisan (a Windowsodon) mukodik a dolog, amikor feltoltod a tarhelyre (esetek tobbsegeben Linux), akkor nem fog mukodni.

Sok sikert!
Naplózva
Oldalak: 1 ... 6 7 [8]   Fel
  Nyomtatás  
 
Ugrás: