[es] - konverzija sa tabela na CSS pomoc. Hvala.

[nq]

Član broj: 31959
Poruke: 221
*.170.eunet.yu.

Profil

konverzija sa tabela na CSS pomoc. Hvala.

^{05.02.2005. u 23:04 - pre 233 meseci}

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

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{06.02.2005. u 09:24 - pre 233 meseci}

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.

^{Banned - Not available}

Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.www.dial-up.TeamNET.ws.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com

Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{06.02.2005. u 18:51 - pre 233 meseci}

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)

***
Dnevnik eklektika | Veg/indie/DIY dnevni zin

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{06.02.2005. u 21:39 - pre 233 meseci}

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.

^{Banned - Not available}

Odgovor na temu

[nq]

Član broj: 31959
Poruke: 221
*.104.EUnet.yu.

Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{06.02.2005. u 22:43 - pre 233 meseci}

Ljudi HVALA!

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

Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.neobee.net.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com

Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{06.02.2005. u 23:49 - pre 233 meseci}

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

***
Dnevnik eklektika | Veg/indie/DIY dnevni zin

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{07.02.2005. u 08:31 - pre 233 meseci}

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.

^{Banned - Not available}

Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.www.dial-up.TeamNET.ws.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com

Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{07.02.2005. u 08:53 - pre 233 meseci}

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?

***
Dnevnik eklektika | Veg/indie/DIY dnevni zin

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{07.02.2005. u 10:08 - pre 233 meseci}

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.

^{Banned - Not available}

Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.www.dial-up.TeamNET.ws.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com

Profil

Re: konverzija sa tabela na CSS pomoc. Hvala.

^{07.02.2005. u 12:46 - pre 233 meseci}

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

aj, uzdravlje

***
Dnevnik eklektika | Veg/indie/DIY dnevni zin

Odgovor na temu