Definisanje linkova u CSS-u

Dirty Kichen Eternity · 08.06.2012. u 12:20

Ne rade mi linkovi za meni u CSS-u.
Tacnije, iskucala sam kod i umesto da mi se pojave normalna slova i boja kad se klikne misem na njih, ostala su plava i podvucena.
Iskopiracu ovde kod, molim vas da mi neko pomogne. Proveravala sam sto puta greske u kodu i nisam ih nasla. Da li neko zna sta moze jos da bude problem?

.meni {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000;
text-decoration: none;
}

a.meni:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000;
text-decoration: none;
}

a.meni:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F00;
text-decoration: none;
}

a.meni:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #6F0;
text-decoration: none;
}

a.meni:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #C3C;
text-decoration: none;
}

Dirty Kichen Eternity · 08.06.2012. u 12:23

Naravno meni planiram da uradim drugacije, ovo mi samo sluzi da naucim CSS.

Гост форума · 08.06.2012. u 12:39

Ово делује добро.

Вероватно си направила грешку при позивању тих стилова.

Окачи овде пример како си повезала тај ЦСС мени у ХТМЛ.

Dirty Kichen Eternity · 08.06.2012. u 13:13

E pa to se i meni cini kao greska. Ali posto sam radila prvi put, preko tutoriala nisam vise ni ja sigurna. Zapisivala sam u svesci korake, pa ako se negde nalupam ovde, nadam se da ces razumeti.

Radim u dreamweaveru.

Iz HTML koda sam cutovala ceo kod (.style3...) i prebacila ga u CSS. Tacnije, otvorila sam novi dokument CSS, u koji sam prebacila to iz HTML koda.
css.css. sam povezala tako sto sam isla na Atach External Style Sheet, pa File/URL - css.css, add as link.
Tagove za paragraf i body sam bukvalno prekucala u CSS. (tu sam vec pocela da se saplicem)
Ostale, ukljucujuci i meni u New CSS Rule, Selector tipe - Class (can aply to any HTML element).

Linkove sam pravila ovako:
New CSS Rule - Class - name:link
Div tag - properties - class - izabrala link

Pravljenje privremenih linkova:

Selektovala rec - properties - link i ukucala u prozor #

I onda sam u CSS-u sredila linkove koje vidis u prvom postu.

Dirty Kichen Eternity · 08.06.2012. u 13:17

E da. Prvi link je izgledao ovako:

.link, .link a:link, .link a:visited, .link a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000;
text-decoration: none;
}

.link a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000;
text-decoration: none;
}

Posto to nije radilo, rasclanila sam na kod koji sam postovala u prvom postu, i promenila mu ime u meni.

Dirty Kichen Eternity · 08.06.2012. u 13:22

Evo ga kod u HTML-u.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAJT</title>

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

Гост форума · 08.06.2012. u 13:41

На ово мислих:

Kod:

<!DOCTYPE html>
<html>
<head>
[B]<link rel="stylesheet" type="text/css" href="css.css" />[/B]
</head>
<body>

<a href="#" [B]class="meni"[/B]>Link 1</a> 
<a href="#" class="meni">Link 2</a> 
<a href="#" class="meni">Link 3</a> 



</body>
</html>

Dirty Kichen Eternity · 08.06.2012. u 14:03

Au pa kod mene je ovo totalni haos. :huh:

Evo ga ceo kod, samo sam tekstualne delove izbrisala i umesto njih stavila rec TEKST.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEKST</title>

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

<body>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
<tr>
<td><img src="Images/Banner.jpg" alt="" name="Banner" width="960" height="200" id="Banner" /></td>
</tr>
<tr>
<td> <div align="left">
<h3><span class="meni"></span><a href="#">TEKST </a>  <a href="#">TEKST</a>   <a href="#">TEKST</a>   <a href="#">TEKST</a>   <a href="#">TEKST</a>   <a href="#">TEKST</a>   <a href="#">TEKST</a>   <a href="#">TEKST </a></span> </h3>
</div> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="10" cellspacing="20">
<tr>
<td width="58%" class="style3"><p>header Tag</p>
<p>paragraph</p></td>
<td width="42%"><p> </p>
<p> </p></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

ivanbj · 08.06.2012. u 17:28

nemoj me pogresno shvatiti ali mislim da ides u totalno pogresnom pravcu

poenta css-a je da NE definises layout u samom sadrzaju sajta, tako da kombinovati tabelu i css kao nacin da se kreira layout sajta nema logike

koji tutorijal si koristila uoptste?

MS-Dizajn.com · 08.06.2012. u 21:04

problem ti je koliko vidim to sto nemas <a href="" class="meni"></a>

Гост форума · 08.06.2012. u 22:35

Marsaves:
problem ti je koliko vidim to sto nemas <a href="" class="meni"></a>

И ја тако мислим.

Dirty Kichen Eternity · 11.06.2012. u 11:11

Koristila sam Aladin tutoriale: http://1stoptutorials.com/

Pravo da vam kazem, mnogo mi je olaksalo sve ovo jer sam skapirala kako funkcionise CSS. Vec mi je receno da ne valja praviti sajt iz tabela, i moracu ponovo da krenem sve iz pocetka, ali sad vec znam prve korake. Problem u kodu je izmedju ostalog to sto sam u HTML-u definisala H1 a u CSS-u H3. Ima tu verovatno vise gresaka.

Jel zna neko gde mogu da nadjem neki dobar tutorial za pravljenje sajta direktno iz CSS-a?

Pozdrav svima, i hvala puno na savetima!

acca · 11.06.2012. u 11:28

Ovo bi moglo da pomogne http://www.w3schools.com/css/

Dirty Kichen Eternity · 11.06.2012. u 11:56

Hvala!!!

Imam samo jos jedno pitanje, i pocinjem da radim ovaj tutorial. Da li postoji redosled u koracima u CSS-u? I da li je on bukvalno ovakav kakav je dat u ovom tutorialu?
Da bi me razumeo bolje...dacu primer. Da li prvo definisem paragrafe, stil, linkove, pa onda pravim pozadinu i ostalo...kad ubacujem slike, pretrazivace...To je ono sto mi nije jasno. Koji je redosled pisanja koda?

Definisanje linkova u CSS-u

Dirty Kichen Eternity

Primećen član

Dirty Kichen Eternity

Primećen član

Гост форума

Aktivan član

Dirty Kichen Eternity

Primećen član

Dirty Kichen Eternity

Primećen član

Dirty Kichen Eternity

Primećen član

Гост форума

Aktivan član

Dirty Kichen Eternity

Primećen član

ivanbj

Zainteresovan član

MS-Dizajn.com

Primećen član

Гост форума

Aktivan član

Dirty Kichen Eternity

Primećen član

acca

Aktivan član

Dirty Kichen Eternity

Primećen član

Slične teme