Forum » Izdelava spletišč » Oblikobvanje besedila s CSS na web strani
Oblikobvanje besedila s CSS na web strani
Dr.S ::
Rabim pomoč pri oblikovanju besedila z CSS slogi.
Na strani bi uporabil dva (ali več) tipov CSS slogov.
Prvi slog ( menu.css, z hoverjem in linkom, velikosti 14) sem uporabil za menuje,
drugege (noga.css, z hoverjem in linkom, velikosti 10) pa sem uporabil v nogi (spodaj) strani.
Ali je to mogoče narediti, saj mi še ni uspelo na eni strani imeti 2x css slog (z 2 oblikama hover in link).
Ko želim uporabiti drugi slog-noga.css v nogi mi uporabi prvega-mwnu.css (recimo ko grem z miško čez besedilo mi uporabi hover oz. link iz sloga menu.css)
KAKO NAJ REŠIM PROBLEM,
Hvala.
Na strani bi uporabil dva (ali več) tipov CSS slogov.
Prvi slog ( menu.css, z hoverjem in linkom, velikosti 14) sem uporabil za menuje,
drugege (noga.css, z hoverjem in linkom, velikosti 10) pa sem uporabil v nogi (spodaj) strani.
Ali je to mogoče narediti, saj mi še ni uspelo na eni strani imeti 2x css slog (z 2 oblikama hover in link).
Ko želim uporabiti drugi slog-noga.css v nogi mi uporabi prvega-mwnu.css (recimo ko grem z miško čez besedilo mi uporabi hover oz. link iz sloga menu.css)
KAKO NAJ REŠIM PROBLEM,
Hvala.
njok ::
Ce sem prav razumel si ti 2x definiral a:link, a:hover,...
Nobene tezave ni v tem, da mas 2 css fajla, vendar enakih tagov na ta nacin ne mores definirat.
Tezavo resis tako, da naredis 2 classa. V css datoteki definiras recimo a.meni:link in a.noga:link, v html kodi pa tagu dolocis class takole:
Na isti nacin lahko definiras stile tudi za nekatere druge tage.
Upam da nisem narobe razumel tvoje tezave. Vsekakor ti bo koristilo ce si preberes kaj podobnega temu.
Nobene tezave ni v tem, da mas 2 css fajla, vendar enakih tagov na ta nacin ne mores definirat.
Tezavo resis tako, da naredis 2 classa. V css datoteki definiras recimo a.meni:link in a.noga:link, v html kodi pa tagu dolocis class takole:
<a href="..." class="meni">...</a> <a href="..." class="noga">...</a>
Na isti nacin lahko definiras stile tudi za nekatere druge tage.
Upam da nisem narobe razumel tvoje tezave. Vsekakor ti bo koristilo ce si preberes kaj podobnega temu.
Ziga Dolhar ::
Uporaba kontekstualnih selektorjev je zelo kul.
[div class="bla"]
[a]linkec[/a]
[/div]
[div class="bu"]
[a]linkec[/a]
[/div]
Potem pa v css napišeš takole:
div.bla a {
color: pink;
}
div.bu a {
color: fuchsia;
}
To prebereš takole:
"element a, ki se nahaja znotraj elementa div z določenim classom bla".
[div class="bla"]
[a]linkec[/a]
[/div]
[div class="bu"]
[a]linkec[/a]
[/div]
Potem pa v css napišeš takole:
div.bla a {
color: pink;
}
div.bu a {
color: fuchsia;
}
To prebereš takole:
"element a, ki se nahaja znotraj elementa div z določenim classom bla".
https://dolhar.si/
njok ::
Prve pikice predstavljajo povezavo, druge pa tekst, ki se bo prikazal.
Primer:
Primer:
<a href="index.html" class="meni">Link</a>
tec ::
izisilver:
evo en preprost primer
<html>
<head>
<style>
table { background-color: #cccccc; height: 200px; width: 300px; border: 1px solid #000000; }
input { background-color: #ffffff; border: 1px solid #000000; height: 50px; width: 50px; }
.inputh { background-color: #ffffcc; border: 1px solid #999999; height: 80px; width: 80px; }
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<input name="gumb" type="button" value="gumb" onclick="this.className='inputh'">
</div></td>
</tr>
</table>
</body>
</html>
namesto onclick je lahko tudi onmouseover, ali pa naredis tko kot je zdej, na koncu pa dodas se onmouseover="this.className='input'" da ti povrne stanje gumba ko gres z misko cez.
evo en preprost primer
<html>
<head>
<style>
table { background-color: #cccccc; height: 200px; width: 300px; border: 1px solid #000000; }
input { background-color: #ffffff; border: 1px solid #000000; height: 50px; width: 50px; }
.inputh { background-color: #ffffcc; border: 1px solid #999999; height: 80px; width: 80px; }
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<input name="gumb" type="button" value="gumb" onclick="this.className='inputh'">
</div></td>
</tr>
</table>
</body>
</html>
namesto onclick je lahko tudi onmouseover, ali pa naredis tko kot je zdej, na koncu pa dodas se onmouseover="this.className='input'" da ti povrne stanje gumba ko gres z misko cez.
Zgodovina sprememb…
- spremenilo: tec ()
pivmik ::
Tukaj piše veliko uporabnih stvari o CSS:
http://www.w3schools.com/css/default.asp
http://www.w3schools.com/css/default.asp
LP, Gregor GRE^
Vredno ogleda ...
| Tema | Ogledi | Zadnje sporočilo | |
|---|---|---|---|
| Tema | Ogledi | Zadnje sporočilo | |
| ! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 347108 (6245) | sunniegoldie |
| » | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1948 (1676) | kr?en |
| » | poravnava li elementovOddelek: Izdelava spletišč | 2152 (2017) | boss-tech |
| » | Wampserver in FirefoxOddelek: Izdelava spletišč | 1854 (1734) | jonystar |
| » | Kako pišete CSS?Oddelek: Izdelava spletišč | 1941 (1379) | mte |