Stránka: 1 z 1
| [ Príspevkov: 12 ] | |
Autor | Správa |
---|
Registrovaný: 01.09.07 Prihlásený: 18.05.11 Príspevky: 141 Témy: 36 | 36 Bydlisko: 127.0.0.1 |
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é?
_________________ It easier to run away |
|
Registrovaný: 30.04.08 Prihlásený: 15.05.15 Príspevky: 884 Témy: 3 | 3 |
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.
//teda neviem, ci som to celkom spravne pochopil...
_________________ Empty your memory, with a free()… like a pointer! If you cast a pointer to an integer, it becomes the integer, if you cast a pointer to a struct, it becomes the struct… The pointer can crash…, and can overflow… Be a pointer my friend… |
|
Registrovaný: 01.09.07 Prihlásený: 18.05.11 Príspevky: 141 Témy: 36 | 36 Bydlisko: 127.0.0.1 |
jj dalo by so tak použiť, len ja nechcem to robiť upravovaním HTML, ale cez CSS
_________________ It easier to run away |
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 | 37 Bydlisko: Trnava |
ved prave preto tam davas to class... uz si to iba naformatujes v CSS
_________________ Hmmm .... Hrošíček ... [Homer] |
|
Registrovaný: 01.09.07 Prihlásený: 18.05.11 Príspevky: 141 Témy: 36 | 36 Bydlisko: 127.0.0.1 |
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....
_________________ It easier to run away |
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 | 37 Bydlisko: Trnava |
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..
_________________ Hmmm .... Hrošíček ... [Homer] |
|
Registrovaný: 30.04.08 Prihlásený: 15.05.15 Príspevky: 884 Témy: 3 | 3 |
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.
_________________ Empty your memory, with a free()… like a pointer! If you cast a pointer to an integer, it becomes the integer, if you cast a pointer to a struct, it becomes the struct… The pointer can crash…, and can overflow… Be a pointer my friend… |
|
Registrovaný: 01.09.07 Prihlásený: 18.05.11 Príspevky: 141 Témy: 36 | 36 Bydlisko: 127.0.0.1 |
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ť...
_________________ It easier to run away |
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 | 37 Bydlisko: Trnava |
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).........
_________________ Hmmm .... Hrošíček ... [Homer] |
|
Registrovaný: 01.09.07 Prihlásený: 18.05.11 Príspevky: 141 Témy: 36 | 36 Bydlisko: 127.0.0.1 |
no niečo ako IF nie, ale niečo podobné tomuto Attribute Selectors sa mi zdá, že je...
_________________ It easier to run away |
|
Registrovaný: 09.09.07 Prihlásený: 07.11.16 Príspevky: 3114 Témy: 233 | 233 Bydlisko: Nové Zámky |
podla mna cez CSS sirku obrazku nezistis, takze to inak ako cez PHP nespravis.. mozno sa mylim...
_________________ "It took a lot of work, but this latest Linux patch enables support for machines with 4096 CPUs, up from the old limit of 1024." "Do you have support for smooth full-screen flash video yet?" "No, but who uses that?"
- ak dlho neodpisujem do témy, zabudol som na ňu, takže ma upozornite SS, ak chcete moju odpoveď |
|
Registrovaný: 01.09.07 Prihlásený: 18.05.11 Príspevky: 141 Témy: 36 | 36 Bydlisko: 127.0.0.1 |
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
_________________ It easier to run away |
|
Stránka: 1 z 1
| [ Príspevkov: 12 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| v HTML, XHTML, XML, CSS | 3 | 498 | 13.05.2009 18:06 incredible | | v PC zostavy | 6 | 422 | 14.12.2007 17:26 Pedro109 | | v Predám | 8 | 1407 | 25.07.2015 20:11 maRT | | v Webdesign | 6 | 803 | 15.06.2009 15:38 Svolo | | v HTML, XHTML, XML, CSS | 0 | 595 | 01.03.2009 15:36 incredible | | v JavaScript, VBScript, Ajax | 3 | 594 | 20.06.2009 19:33 1daemon1 | | v Sieťové a internetové programy | 1 | 784 | 24.07.2011 19:42 shiro | | v Monitory, televízory a projektory | 2 | 625 | 31.10.2008 8:48 lubo555 | | v Redakčné systémy | 1 | 781 | 22.02.2010 23:36 pepete | | v HTML, XHTML, XML, CSS | 9 | 948 | 14.10.2007 11:51 Bananslovak | | v HTML, XHTML, XML, CSS | 2 | 470 | 20.11.2009 19:45 neopagan | | v JavaScript, VBScript, Ajax | 2 | 551 | 20.06.2009 13:38 1daemon1 | | v HTML, XHTML, XML, CSS | 1 | 402 | 20.04.2009 15:47 emer | | v HTML, XHTML, XML, CSS | 2 | 395 | 27.04.2010 15:03 Ďuri | | v Monitory, televízory a projektory | 3 | 780 | 20.10.2007 18:47 kubitov | | v PHP, ASP | 1 | 466 | 14.06.2009 10:22 BBUlet |
|