CSS izbornik pomoć (Razvoj web-stranica) @ Bug.hr Forum

Top Bugovac

15 godina

offline

pet 8.7.2011 14:10

Odgovori Citiraj

CSS izbornik pomoć

Evo trebam pomoć..

Kako napraviti ovu crticu razmaka u izborniku kao na slici.. i kako napraviti taku gornju crticu kao na slici?

Kraj razgovora s Kobeom kaže novinar: Možda ipak nije kao Dražen Petrović ali ipak igra kao super zvijezda! (Success is my only motherfucking option, failure's not)

Poruka je uređivana zadnji put pet 8.7.2011 14:12 (Top Bugovac).

Moj PC

trajni link

0 0 hvala 0

alankish

15 godina

odjavljen

offline

pet 8.7.2011 14:26

Odgovori Citiraj

Re: CSS izbornik pomoć

Top Bugovac kaže...

Evo trebam pomoć..

Kako napraviti ovu crticu razmaka u izborniku kao na slici.. i kako napraviti taku gornju crticu kao na slici?

1. Alt + W, s time dobiješ ovo |.

2.Znam da CSS ima svojstvo text-effect: underline, ako se ne varam, neznam sad napamet, takav efekt možeš postići s pozadinom na kojoj imas crtu gore.

trajni link nadporuka

0 0 hvala 1

k1c0

16 godina

neaktivan

offline

pet 8.7.2011 15:27

Odgovori Citiraj

CSS izbornik pomoć

CSS:

li {

border-top:1px solid #fff;

}

http://bit.ly/fEJAtE

Moj PC

trajni link

4 0 hvala 2

tnakir

17 godina

offline

pet 8.7.2011 15:31

Odgovori Citiraj

CSS izbornik pomoć

text-decoration:overline

Do kada vi to meni mislite tolerirat?

trajni link

5 0 hvala 2

Top Bugovac

15 godina

offline

sub 9.7.2011 14:40

Odgovori Citiraj

CSS izbornik pomoć

Gledajte.. imam sljedeće:

ul#menu

{

list-style-type:none;

width:auto;

display:block;

height:36px;

font-size:12px;

font-weight:bold;

text-transform:lowercase;

font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;

border-bottom:1px solid #FFF;

margin-right:300px;

border-top:1px solid #000000;

background-color:#000;

}

ul#menu li

{

display:block;

float:left;

margin:0;

pading:0;

}

ul#menu li a

{

display:block;

float:left;

color:#999999;

text-decoration:none;

font-weight:bold;

padding:12px 20px 0 20px;

height:24px;

}

ul#menu li a:hover

{

color:#FFFFFF;

text-decoration:overline;

}

I dobio sam običan izbornik s onom crticom (Hvala Tnakir).. i kako da ja sad između svake kartice Home Portfolio itd.. bude ova crtica... a da ne koristim znak "|"..
(Ovaj izbornik sam skinuo s neta...)

edit:// rješio..

dodao class .crtica

i onda stavio:

između svakog taba a class .crtica ide ovako:
color:#999;

padding:12px 0px 0px 0px;

Hvala svima :D

Kraj razgovora s Kobeom kaže novinar: Možda ipak nije kao Dražen Petrović ali ipak igra kao super zvijezda! (Success is my only motherfucking option, failure's not)

Poruka je uređivana zadnji put sub 9.7.2011 14:52 (Top Bugovac).

Moj PC

trajni link

1 0 hvala 0

k1c0

16 godina

neaktivan

offline

sub 9.7.2011 20:27

Odgovori Citiraj

CSS izbornik pomoć

Mogao si samo ovo dodati na ul#menu li :

border-right:1px solid #fff;

I dodati iza toga još ovo:

ul#menu li:last-of-type {border-right:0;}

http://bit.ly/fEJAtE

Moj PC

trajni link

2 0 hvala 1

perosima91

16 godina

neaktivan

offline

sub 9.7.2011 20:30

Odgovori Citiraj

Re: CSS izbornik pomoć

k1c0 kaže...

Mogao si samo ovo dodati na ul#menu li :

border-right:1px solid #fff;

I dodati iza toga još ovo:

ul#menu li:last-of-type {border-right:0;}

ili

ul#menu li:last-child {border-right:0 none}

All great things require great dedication. - Chuck Norris

Moj PC

trajni link nadporuka

1 0 hvala 1

Top Bugovac

15 godina

offline

ned 10.7.2011 1:28

Odgovori Citiraj

Re: CSS izbornik pomoć

k1c0 kaže...

Mogao si samo ovo dodati na ul#menu li :

border-right:1px solid #fff;

I dodati iza toga još ovo:

ul#menu li:last-of-type {border-right:0;}

perosima91 kaže...

k1c0 kaže...

Mogao si samo ovo dodati na ul#menu li :

border-right:1px solid #fff;

I dodati iza toga još ovo:

ul#menu li:last-of-type {border-right:0;}

ili

ul#menu li:last-child {border-right:0 none}

Hvala, nisam ni znao da se mogu takve opcije dodavat :D

Kraj razgovora s Kobeom kaže novinar: Možda ipak nije kao Dražen Petrović ali ipak igra kao super zvijezda! (Success is my only motherfucking option, failure's not)

Moj PC

trajni link nadporuka

0 0 hvala 0

k1c0

16 godina

neaktivan

offline

ned 10.7.2011 13:47

Odgovori Citiraj

Re: CSS izbornik pomoć

perosima91 kaže...

ul#menu li:last-child {border-right:0 none}

Zar ovdje :last-child ne odabire zadnji element koji se nalazi untar<li></li> bloka?

http://bit.ly/fEJAtE

Poruka je uređivana zadnji put ned 10.7.2011 13:47 (k1c0).

Moj PC

trajni link nadporuka

0 0 hvala 1

alankish

15 godina

odjavljen

offline

pon 11.7.2011 10:39

Odgovori Citiraj

CSS izbornik pomoć

U footeru stranice na navigaciji u HTML markupu koristim znak |(Alt Gr + W) , dok recimo za ovaj primjer na slici sam to napravio ovako:

div#menu li { background: url(../images/main-delimiter.png) 98% 4px no-repeat; }
a za zadnji <li> ovako div#menu li.last { background: none; }

Poruka je uređivana zadnji put pon 11.7.2011 10:47 (alankish).

trajni link

0 0 hvala 0

tnakir

17 godina

offline

pon 11.7.2011 10:44

Odgovori Citiraj

Re: CSS izbornik pomoć

alankish kaže...

U footeru stranice na navigaciji u HTML markupu koristim znak |(Alt Gr + W) , dok recimo za ovaj primjer na slici sam to napravio ovako:

div#menu li { background: url(../images/main-delimiter.png) 98% 4px no-repeat; }
a za zadnji <li> ovako div#menu li.last { background: none; }

Ruzno je koristiti | jer sporkajes kód bezveze. To se elegantnije i ljepse rijesi sa css-om.

Do kada vi to meni mislite tolerirat?

trajni link nadporuka

2 0 hvala 2

alankish

15 godina

odjavljen

offline

pon 11.7.2011 10:49

Odgovori Citiraj

Re: CSS izbornik pomoć

tnakir kaže...

alankish kaže...

U footeru stranice na navigaciji u HTML markupu koristim znak |(Alt Gr + W) , dok recimo za ovaj primjer na slici sam to napravio ovako:

div#menu li { background: url(../images/main-delimiter.png) 98% 4px no-repeat; }
a za zadnji <li> ovako div#menu li.last { background: none; }

Ruzno je koristiti | jer sporkajes kód bezveze. To se elegantnije i ljepse rijesi sa css-om.

Mislin na ono tipa : O nama | Usluge | Nešto | Nešto u navigaciji u footeru.Idem napravit sa CSS-om isto, da vidim.

trajni link nadporuka

0 0 hvala 0

k1c0

16 godina

neaktivan

offline

uto 12.7.2011 17:42

Odgovori Citiraj

CSS izbornik pomoć

@alankish

Samo dodaj rub (border) na lijevu stranu kao što sam napisao u prethodnim postovima. :)

http://bit.ly/fEJAtE

Moj PC

trajni link

1 0 hvala 1