CSS Lists - Seznami

Imam 2 neurejena (ul) seznama v html pa sem s pomočjo CSS ustvaril sledeče:


Pri prvem sem bil primoran izklopit list-style-type sedaj pri drugem pa bi to rad imel nazaj pa nevem zakaj mi ne gre namreč pri prvem sem uporabil:

ul {
list-style-type:none;
}

pri drugem pa

#test ul li ul {
list-style-type:circle;
}

A ne bi moralo biti tako, da je notranji razred več vreden kot osnovni ?


Aja pa zgoraj pri prvem seznamu sem slike dodal kot ozadje pri drugem pa kot list-style-image pa me zanima kaj je bolje oz. kaj se uporablja v katerem primeru ?

Hvala
lp

Jap to sem mel zato, ker je bil tak id pa ni šlo pa tudi, če dam test stran ne dela.

sem zrihtu thx ;)


Samo zanima me kam se daje accesskey, če maš npr:

<label for="email">Email:</label><input type="text" name="email" id="email" maxlength="50" size="30" tabindex="1" accesskey="3" /> <br />

Al se, da h label al k input oboje dela pa me tako zanima ?
Čeprov nevem v Operi to ne dela alt+akey.

Thx

Aja, ker v IE sem testiru pa, če daš alt+ak ti vedno focusira tekstbox oz. input element, ker label tud nima smisla ?

Drugač pa hvala.


Edino kar me še zanima v knjigi iz leta 06' piše, da bi tale koda:

<form action="" method="post" id="enquiryform"><input type="text" name="name" id="name" /></form>

#enquiryform input {
	width:100%;
}

#name {
	width:200px;
}

Da bi tole mogl prikazat 200px širok textbox ne pa 100% ? vsaj v knjigi tako kaže pa nevem kaj delam narobe al so se standardi spremenil ?

Že samo ni mi logično v knjigi piše nekaj v resnici gre pa drugače se prav je glih obratno.

div p { color: red; }
p { color: blue; }

Primer si dal dober ne rečm samo še vedno mi ni jasno oz. ne dela, v tem primeru, ko je odstavek v divu je rdeč, če pa ne pa moder. Ja nevem tale je neki čudn spisan v knjigi prvo class pol pa input nevem tole mi ni jasno :S

Zakaj se potem enako ne dogaja s formi ?

Aha hvala bom pregledal ;)

Pa hvala za inspect tudi opera ga ima in je lahko zelo uporabno orodje.


Samo še tole po knjigi nekaj delam sedaj sem pri formih pa sem šel delat nek svoj form, da vidim če kaj znam pa me zanima kako se pri CSS rešuje zavite robove tako, da daš sličice v vsak rob ali je še kaka druga rešitev ?

lp

@gandalfar...a prevoz.org ti urejas?
sploh nisem videl, da so ga posodobli (dizajn)

Lion29 je 24. avg 2010 ob 13:42 izjavil:

@gandalfar...a prevoz.org ti urejas?
sploh nisem videl, da so ga posodobli (dizajn)

ja. feedback welcome (je par tem o strani na s-tju)

moras resevat s slikco ali pa kaksnim transformatinom. Slikce so fugly.

Praviš, da slikce niso ql kaj pa transformation ?


Nekaj sem se igral s formi pa mi ne rata zamaknit notranjega fieldseta od zunanjega diva, rad bi ga pomaknil malo nižje pa nevem povsod sem že poizkušal z margin-top pa ne gre:

<div id="container">
<form action="" method="post">
	<fieldset>
    	<table align="center">
        	<tr>
            	<td><label for="email">Vaš email:</label></td>
                <td><input type="text" name="email" id="email" tabindex="1" /></td>
            </tr>
            <tr>
            	<td><label for="zadeva">Zadeva:</label></td>
                <td><input type="text" name="zadeva" id="zadeva" tabindex="2" /></td>
            </tr>
            <tr>
            	<td valign="top"><label for="sporocilo">Sporočilo:</label></td>
                <td><textarea name="sporocilo" id="sporocilo"  rows="10" cols="30" tabindex="3"></textarea></td>
            </tr>
            <tr>
            	<td colspan="2" align="center"><input type="submit" name="submit" id="submit" />
                	<input type="reset" name="reset" id="reset" /></td>
            </tr>  
        </table>
    </fieldset>
</form>
</div>

CSS
-------
body {
	background:#1a1a1a;
	margin:0;
	padding:0;
}

#container {
	width:737px;
	height:510px;
	margin:250px auto;
	background:url(images/container.png) no-repeat;
}

fieldset {
	width:566px;
	height:372px;
	padding:20px 0 0 0;
	background:#666 url(images/back.png) repeat-x;
	border-radius: 8px;
	border:2px solid#FFF;
	margin:69px auto 69px auto;
}

fieldset label {
	color:#FFF;
}

#submit {
	background:url(images/poslji.png) no-repeat;
	height:33px;
	width:74px;
	font-size:0px;
}

#reset {
	background:url(images/reset.png) no-repeat;
	height:33px;
	width:74px;
	font-size:0px;
}

fieldset input {
	background:url(images/tekstbox.png) no-repeat;
	height:27px;
	width:442px;
	border:0;
}

fieldset textarea {
	background:url(images/box.png) no-repeat;
	height:169px;
	width:443px;
	border:0;
}

fieldset textarea, input {
	font-size:14px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:2px;
}

ps: zdej mi je uspel rešit z:
position:relative;
top:50px;

pa nevem al je še kakšna druga varianta ali zakaj ne gre nikamor z margin?

Odrežeš do tam, kjer je povsod enaka črna barva. Narediš nekako take lastnosti:
background-color: #000000;
background-image: url('ozadje.jpg');
background-position: top center;