• 9 odgovora
  • 3.960 pregleda
konverzija sa tabela na CSS pomoc. Hvala. 05.02.2005. u 23:04 · pre 264 meseci #1
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
Re: konverzija sa tabela na CSS pomoc. Hvala. 06.02.2005. u 09:24 · pre 264 meseci #2
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.

Potpis
Banned - Not available
Re: konverzija sa tabela na CSS pomoc. Hvala. 06.02.2005. u 18:51 · pre 264 meseci #3
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)
Potpis
***
Dnevnik eklektika | Veg/indie/DIY dnevni zin
Re: konverzija sa tabela na CSS pomoc. Hvala. 06.02.2005. u 21:39 · pre 264 meseci #4
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.
Potpis
Banned - Not available
Re: konverzija sa tabela na CSS pomoc. Hvala. 06.02.2005. u 23:49 · pre 264 meseci #6
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
Potpis
***
Dnevnik eklektika | Veg/indie/DIY dnevni zin
Re: konverzija sa tabela na CSS pomoc. Hvala. 07.02.2005. u 08:31 · pre 264 meseci #7
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.
Potpis
Banned - Not available
Re: konverzija sa tabela na CSS pomoc. Hvala. 07.02.2005. u 08:53 · pre 264 meseci #8
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?
Potpis
***
Dnevnik eklektika | Veg/indie/DIY dnevni zin
Re: konverzija sa tabela na CSS pomoc. Hvala. 07.02.2005. u 10:08 · pre 264 meseci #9
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.
Potpis
Banned - Not available
Prijavite se da biste odgovorili u ovoj temi.PrijavaRegistracija

Premeštanje teme