Diskusijų forumai
Diskusijų forumai     Kompiuterinė grafika, dizainas     Tinklalapių dizainas     Kaizeris klausimai


Kaizeris klausimai

Kaizeris
Bendruomenės narys

 
Tema paskelbta: 2009-07-12 15:54:52
Man reikia sudeti 5 nuotraukas vienoje linijoje. Paziurejes tutorial bandziau naudoti toki scripta:

<div id="mainfoto">
    <ul>
       <li><img src="foto/Picture1.jpg"></li>
       <li><img src="foto/Picture2.jpg"></li>
       <li><img src="foto/Picture3.jpg"></li>
       <li><img src="foto/Picture4.jpg"></li>
       <li><img src="foto/Picture5.jpg"></li>
    </ul>
</div>


#mainfoto ul{list-style-type:none}

#mainfoto img{min-height:100px; min-width:76px; width:297px:; height:227px;}

#mainfoto li{display:inline-block;}


Bet tos nuotraukoskai langas mazas issidesto i  kelias atskiras eilutes. O as nzn kaip padaryti ,kad butu vienoje eiluteje ir dydis priklausytu nuo lango didzio.
Bandziau pritaikyti CSS ,kad butu vienodo didzio ,bet nesigauna ir tai.
Todel gal galit padet ir paaiskint kas blogai?
P.S:As naujokas dar su HTML ir CSS todel dar laukia daug klausimu :O
Paskutinį kartą temą redagavo Kaizeris (2009-07-12 18:25:01), redaguota kartų: 2
 
Puslapiai:



Atsakymai į temą

Edmundas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2009-07-12 17:42:21 [#148] Atsakymo ID: 148 Ilgalaikė nuoroda į atsakymą #1
Paprasčiausias variantas width (ilgį) nurodyti ne fiksuotais vienetais, o procentais (%).
Taigi paskaičiuok, kiek vienoje eilėje nori matyti nuotraukų ir padalink 100 iš to skaičiaus. Pavyzdžiui, nusprendei, kad vienoje eilėje turi būti 5 nuotraukos.
Tada: 100/5 = 20, o tai reiškia, kad width reikia nurodyti 20%.

#mainfoto img { width: 20%; }

Žinoma, dar gali pridėti papildomas CSS savybes, jei reikia: min-width, max-width, min-height, max-height ir t. t.

P.S. Ne klausymas, o klausimas (klausimai). wink
Kaizeris
Bendruomenės narys

 
Atsakymas parašytas: 2009-07-13 14:28:35 [#149] Atsakymo ID: 149 Ilgalaikė nuoroda į atsakymą #2
Ar imanoma pakeisti listo tasku spalva?
Ir ka reiskia kai leidzia pasirink inherit?
Pask. redagavo Kaizeris (2009-07-13 15:08:10), redaguota kartų: 1

Imago
Bendruomenės narys

 
Atsakymas parašytas: 2009-07-13 15:50:33 [#150] Atsakymo ID: 150 Ilgalaikė nuoroda į atsakymą #3
Na, pirmiausia, tai jei supranti anglų, visiem siūlau http://www.w3schools.com/ .O šiaip - tai eina ne tik spalvą keisti, bet gali ir ženkliukus pats sukurti, gali ir išvis juos panaikinti.
Kaizeris
Bendruomenės narys

 
Atsakymas parašytas: 2009-07-15 21:04:20 [#157] Atsakymo ID: 157 Ilgalaikė nuoroda į atsakymą #4
As uzdejau backgoruend foto kuris tamseja iki tam tikros spalvos. Bet kai patrauki puslapi ziuret zemai matos background foto galas ir poto balta spalva. Kaip padaryt ,kad po foto eitu vien tik ta spalva backgrounde?
Valuediz
Bendruomenės narys

 
Atsakymas parašytas: 2009-07-15 22:20:17 [#158] Atsakymo ID: 158 Ilgalaikė nuoroda į atsakymą #5
Atsidaryk tą background image, pažiūrėk žemiausio taško spalvą ir jos kodą nukopijuok į css. Tarkim:

.background { background:#5a5a5a url(../images/bg.gif) repeat-x; }
Pask. redagavo Valuediz (2009-07-15 22:21:00), redaguota kartų: 1

Kaizeris
Bendruomenės narys

 
Atsakymas parašytas: 2009-07-28 11:33:09 [#180] Atsakymo ID: 180 Ilgalaikė nuoroda į atsakymą #6
Koki koda reikia naodot ,kad ga;etum pakeisti list'o apskritimo spalva?
Kodel man nerodo teksto kitos spalvos nersykleje?
Naudojau sita koda:
#info2 {font-family:Tahoma; font-size:20px; height:150px; width:320px; float:right; color:#00ff00;}
#info2 yel {color:ffff00;}

tekstas <yel>zodis</yel> tekstas

Dreamweaver rodo gerai o narzykles nerodo spalvos.
Pask. redagavo Kaizeris (2009-07-28 12:51:38), redaguota kartų: 1

Edmundas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2009-07-28 14:37:15 [#181] Atsakymo ID: 181 Ilgalaikė nuoroda į atsakymą #7
Nesuprantu, iš kur tu ištraukei <yel></yel>? lol

Jeigu nori keisti sąrašo punkto žymeklį (angl. bullet), tai paprasčiausiai nurodyk li elementams teksto spalvą. 

<ul>
    <li>pirmas</li>
    <li>antras</li>
    <li>trečias</li>
</ul>


ul { list-style-type: disc; }
ul li { color: #FFFF00; }


Pagal pateiktą pamatysi, kad sąrašo kiekvieno elemento žymeklio spalva bus tokia pat kaip ir teksto spalva (šiuo atveju geltona).
Kaizeris
Bendruomenės narys

 
Atsakymas parašytas: 2009-07-28 15:31:27 [#182] Atsakymo ID: 182 Ilgalaikė nuoroda į atsakymą #8
Jau suradau klaida. Buvau nepadejes # ir todel nerode spalvos. yel sugalvojau kaip css styliu. Aciu uz list. Dabar zinosiu.

EDIT: Gal as cia ka blogai suprantu ,bet kai padarau tai man pasikeicia ir tekstas o reikia ,kad pasikeistu tik list'o apskirtimu spalva ,o ne teksto spalva.
Pask. redagavo Kaizeris (2009-07-28 15:40:54), redaguota kartų: 1

Irmantas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2009-07-28 16:13:18 [#183] Atsakymo ID: 183 Ilgalaikė nuoroda į atsakymą #9
<yel></yel> tu sugalvojai ne css stilių, o HTML žymes, negalima išsigalvot savo žymių.
Turi naudot taip:
<span class="yel">Tekstas</span>


Na jei skaitei straipsnius mūsų, tai turėtum žinoti kaip panaudot, apie tai buvo rašytą "Pažintis su CSS" straipsnyje.

Dėl sąrašo apskritimų spalvos, tai berods nėra css savybės, kuri keičia spalvą, tam reikia naudoti paveiksliuką ir list-style-image savybę.
Kaizeris
Bendruomenės narys

 
Atsakymas parašytas: 2009-08-13 23:20:37 [#206] Atsakymo ID: 206 Ilgalaikė nuoroda į atsakymą #10
Sveiki, reikai pagalbos. Pagal tutorial sukuriau meniu ir idejau i weba. Ziurint per IE6 meniu taip iskraipomas. Kaip tai pataisyti?
http://api.browsershots.org/png/original/a5/a51fc890d4216c81f06c32e5f98c102e.png

Puslapiai: