Minimalna sirka

tatysp · Napísal **tatysp**: 20.09.2008 12:55

Ako môžem v CSS nastaviť nejaké štýlovanie pre obrázky, ktorých šírka je určitá hodnota (a vyššia). Napríklad systém mi vygeneruje HTML kód, kde sú obrázky ako normálne, tak aj smajlíky. No a ja by som chcel nastaviť štýly práve pre tie normálne, dajme tomu, že majú šírku 25px a viac, no smajlíky, teda obrázky, ktoré majú menšiu šírku by to nechalo tak. Ako to by to bolo možné?

neutronmind · Napísal **neutronmind**: 20.09.2008 13:27

No tak by som pouzil triedy, napr.

Kód:

<img src="smajlik1.gif" alt="" class="smajlik" />
<img src="obrazok.jpg" alt="" class="obrazok" />

a kazdemu z nich by sa nastavil ine styly. :rolleyes:

//teda neviem, ci som to celkom spravne pochopil... :oops:

tatysp · Napísal autor témy **tatysp**: 20.09.2008 13:31

jj dalo by so tak použiť, len ja nechcem to robiť upravovaním HTML, ale cez CSS

don jebot · Napísal **don jebot**: 20.09.2008 13:38

ved prave preto tam davas to class... uz si to iba naformatujes v CSS

tatysp · Napísal autor témy **tatysp**: 20.09.2008 13:41

Ved ja viem, čo myslíte. Ale ako máte napríklad selektor

Kód:

input[type="text"]

pre naformátovane input polí iba typu text, tak či nie je možné nejako naformátovať iba obrázky, ktorých šírka je väčšia ako 25px....

don jebot · Napísal **don jebot**: 20.09.2008 13:44

mozes si dat obrazky do jedneho priecnika velke a do druheho male ...a potom pomocou funkcie php ic zo suboru vycucas a pridelis im nejake class malim ine a velkym v inom subore ine a uz iba naformatujes..

neutronmind · Napísal **neutronmind**: 20.09.2008 13:46

Hm, tak to uz by som radsej riesil pomocou PHP... Ak je sirka obrazku vacsia ako 25px, tak bude mat class="obrazok"... Ine riesenie ma nenapada.

tatysp · Napísal autor témy **tatysp**: 20.09.2008 13:46

Ale vy tu iba hľadáte riešenia, ako to urobiť cez PHP/HTML, nie pomocou CSS. Pričom viem, že sa to dá - raz som to niekde videl, no neviem kde a teraz to nemôžem už ani vygoogliť...

don jebot · Napísal **don jebot**: 20.09.2008 13:51

ale to uz by muselo mat logicky ciklus a to css nedokaza kedze to nie je programovaci jazyk ale mozem sa mylit (o com pochybujem lebo tazko v CSS zada nieco ako if).........

tatysp · Napísal autor témy **tatysp**: 20.09.2008 13:59

no niečo ako IF nie, ale niečo podobné tomuto Attribute Selectors sa mi zdá, že je...

Blackshadow · Napísal **Blackshadow**: 20.09.2008 14:03

podla mna cez CSS sirku obrazku nezistis, takze to inak ako cez PHP nespravis.. mozno sa mylim...

tatysp · Napísal autor témy **tatysp**: 20.09.2008 14:13

Nechajte to tak, som to vyriešil inak, práve cez výber selektorov vyššie...

Kód:

.post img, .post a img {
   float:left;
   border:1px solid #888;
   margin:0 5px 5px 0;
   padding:5px;
   background:white;
   border-radius:7px;
   -moz-border-radius:7px;
   -webkit-border-radius:7px;
}
.post img[src*="codes/texyla/emeticons"] {
   float:none;
   border:none;
   margin:0 1px -3px 1px;
   padding:0;
   background:transparent;
   border-radius:0;
   -moz-border-radius:0;
   -webkit-border-radius:0;
}

Inak povedané, ak adresa obrázka obsahuje reťazec "codes/texyla/emoticons", tak formátovanie obrázku bude iné.

Edit: ale aj tak ak tam budú nejaké malé obrázky okrem smajlíkov, tak to formátovanie sa na nich použije, no aspoň zatiaľ stačí toto riešenie

Minimalna sirka

Podobné témy