konverzija sa tabela na CSS pomoc. Hvala.

[ [nq] @ 05.02.2005. 23:04 ] @

Hm imam problem oko CSS - ovanja ovoga. :)

Ja sve to kao sklopim ALI ne radi.

evo sta radim. ( tj. sta sam do sada skontao )

ovako ga povezem:

<link rel="stylesheet" href="stil.css" type="text/css">

ono media:screen sam izbacio, kontam da nije bitno.

e sad:

Sta sam hteo u CSS
hteo sam da n eradim sa tabelama neko sa DIV i da njih formatiram preko CSS

jedino sto radi ( donekle ) je:

a.linkovi:link{ text-decoration:none; color:black; white-space:nowrap; }
a.linkovi:visited{ text-decoration:none; color:black; white-space:nowrap; }

+ hover.

ali posto nisam uspeo Da DIV-ujem to radi polovicno.

A sta bi hteo:

da mi meni bude tekstualan, i da ga kontrolisem CSS posebnim stilom npr.
linkovimeni

i da to sve uradim sa divovima bez tabela.

moze mala pomoc

uzgred jasno je meni kako sa divovima ali sa alightom parametrom ne mogu da se dogovorim

prilozio sam i sliku da vidite kako sam zamislio ( samo sto su tabele u pitanju )
http://www.nqstudio.co.yu/sl.gif

[ Br@nkoR @ 06.02.2005. 09:24 ] @

Daj kod da vidimo gde grešiš.
Kontrolisanje menija nije teško, ne znam u čemu je problem.
Npr.:
_{(kod pišem napamet nisam testirao)}
html:

Code:

<div id="menu">
<ul>
<li><a href="#">pocetna</a></li>
<li><a href="#">usluge</a></li>
<li><a href="#">projekti</a></li>
<li><a href="#">paketi</a></li>
<li><a href="#">klijenti</a></li>
<li><a href="#">kontakt</a></li>
</ul>
</div>

css:

Code:

body {
text-align: center;
}
#menu {
width: 660px;
margin: 0 auto;
text-align: left;
}
#menu ul {
margin: 0;
padding: 0;
}
#menu ul li {
margin: 0;
padding: 0;
display: inline;
float: left;
width: 110px;
}
#menu ul li a {
margin: 0;
padding: 0;
display: block;
color: #000;
text-decoration: none;
}
#menu ul li a:hover {
color: #666;
text-decoration: underline;
}

Jedino ti dodaj kao pozadinu onu strelicu u meniju za "li" elemenat, podesi da se ne ponavlja i postavi je levo, i dodeli pading za "a" elemenat kako tekst linka ne bi došao preko slike.

[ Im_a_Veggie @ 06.02.2005. 18:51 ] @

Br@nkoR zar ne bi moglo za list image (onu strelicu) da se da:

Code:
list-style-position:inside;

za ul li bi onda bilo

Code:
display:block;
float:left;

jel bi onda strelica ostala element <li>-ja? (i bila unutar blocka jer je li display:block)

[ Br@nkoR @ 06.02.2005. 21:39 ] @

Ne ne bi moglo. Barem kod mene. Ne znam da li si to probao. Ali po toj logici u ovom meniju bi bili prikazani oni standardni kružići ispred imena u listi. A ja u kodu nigde nisam naveo list-style-type: none;. Ovde se to gubi upravo zbog float: left;
To bi moglo da je horizontalni meni a ne vertikalni kao u ovom primeru.
Mada možda i grešim neka me neko ispravi ukoliko nisam u pravu.

[ [nq] @ 06.02.2005. 22:43 ] @

Ljudi HVALA!

Mnogo ste mi pomogli, pocinjem pa ni svaka glupost smeta. :)

[ Im_a_Veggie @ 06.02.2005. 23:49 ] @

branko na ovo sam mislio, ne treba nikakav display atribut, samo float left i za ul list-style position:inside.

pogledaj zip fajl n aovom linku:
http://www.semperfi-1982.com/test/test.zip
ili umesto test.zip stavi meny.html
stylesheet se zove teststyle.css

[ Br@nkoR @ 07.02.2005. 08:31 ] @

Da sada vidim da to radi samo u FF-u dok u Operi i IE ne radi. Sinoć sam to isprobavao ali nikako nisam uspevao upravo zbog display: block; u ul elementu koji si bio naveo u tvom prethodnom postu. A i uveče jednostavno slabo funkcionišem i slabo razmišljam :).

Hvala na ispravci. Na greškama se uči.

Pozdrav.

[ Im_a_Veggie @ 07.02.2005. 08:53 ] @

vajstinu ne radi u ie, nisam ni isprobavao uistinu, jer sam kao i ti uradio ovo na frx. ;-)
steta,a jel mislis da moze da se zaobidje?
znaci da ostanu tvoji bulleti ali da ih i ie i opera prikazuju kako treba, a da se pritom ne koriste background image za li?

[ Br@nkoR @ 07.02.2005. 10:08 ] @

U operi bi moglo da se reši pomoću:

Code:

#meny ul li:before {
content: url(bullet.gif);
}

Ali ovde IE ne podržava ni content osobinu ni before pseudo element. Možda bi ovo moglo pomoću IE7 da se reši, nisam probao, ali neverujem da je sa time moguće resiti ovo.
Možda neko drugi ima neko rešenje za ovo.

Pozdrav.

[ Im_a_Veggie @ 07.02.2005. 12:46 ] @

u sustini nije bitno, ja bi se zadovoljio i sa background image, samo sam mislio informativno :-)

aj, uzdravlje