HTML

  • Viestiketjun aloittaja Viestiketjun aloittaja Knight
  • Aloituspäivämäärä Aloituspäivämäärä
K

Knight

Active Member
Teen tässä kotisivuja (kts. aikaisemmat keskustelut), ja tuli pientä ongelmaa:

Yleensähän linkeissä on alleviivaus, mutta miten sen saa pois. Haluaisin sen VAIN paksuksi.

Ja toinen ongelma:
Lähdekoodi:
<a href="roskasivunew.html"><input type="button" name="sisään" value="Sisään"></a>

Sekä Netscape, että IE näyttävät tuon aivan tavallisena nappina, niinkuin on tarkoituskin. Ongelma vain on siinä, että vaikka Netscapessa tuo toimii linkkinä itse pääsivulle (niinkuin tarkoituskin), niin IE ei välitä tuosta napista p*skan vertaa. Tämä nappi on siis index-sivulla, ja sitä painamalla on tarkoitus päästä itse sivulle.

Tuli tuohon "Kotisivunne"-threadiin laitettua kuvia sivuista, ja sattuipa tämäkin siiten tulemaan:
Index-sivu

Ja jos jollain on jotain vastaavanlaista ongelmaa HTML:n kanssa, niin voi varmaan laittaa samaan ketjuun.
 
Saisikos tuon linkin alleviivauksen pois esim. css:llä. Tyyliin laitat:

A {text-decoration:none;
color:....
jne.
}

?
 
Olisko tämä OK?

Napsaistu omalta sivultani, www.saunalahti.fi/~pacdam/.
Tämä siis on sen yläframen koodi (sorry, en jaksa poistaa tuosta kaikkea turhaa sotkemasta).

-----8<--------
<HTML>

<HEAD>
<TITLE></TITLE>
<style type="text/css">
<!--
a:link {text-decoration: none; color: #0000FF;}
a:visited {text-decoration: none; color: #0000FF;}
a:hover {text-decoration: bold; color: #0000FF;}
-->
</style>

</HEAD>

<BODY BGCOLOR="#83ADF3">
<p align="left" style="text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0">
<IMG SRC="images/Top_Logo.jpg" ALT="{short description of image}" width="768" height="68" BORDER="3">
<p align="left" style="text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0"><font face="Trebuchet MS" size="2"><u>New:</u>
The Official Dreamcast Magazine - Issue #1 + #2 -&gt; <a href="ODM_Issues.htm" target="_top" style="font-weight: bold"> Read ...</a></font></p>
</BODY>
</HTML>
-----8<--------

Toimiko?

-=Pacdam=-
 
Lainatun viestin kirjoitti alkujaan Pacdam
(sorry, en jaksa poistaa tuosta kaikkea turhaa sotkemasta).
Koodi: 
<style type="text/css">
    <!--
    a:link {text-decoration: none; color: #0000FF;}
    a:visited {text-decoration: none; color: #0000FF;}
    a:hover {text-decoration: bold; color: #0000FF;}
    -->
  </style>
Klikkaa laajentaaksesi...
Tuon pätkän siis kun heität <head>-tagien väliin, niin se riittää. Jos haluat linkin lihavoiduksi, laita text-decoration: bold jokaiseen kolmeen kohtaan. "Link"hän on se miltä itse linkki näyttää, "visited" se miltä linkki näyttää, kun kävijä on jo käynyt kyseisen linkin alla ja "hover" meinaa sitä, miltä linkki näyttää kun kävijä vie hiiren linkin päälle.

---

Ja jos nyt välttämättä haluat niinkin hölmön linkitystyylin kuin valmiin napin, niin minä en keksi kuin yhden idioottimaisen (joskin toimivan) keinon.

Ota koko <a href .... </a> -koodisi pois ja korvaa se tällä.
Koodi: 
<form action="roskanewsivu.html">
<input type="submit" name="sisaan" value="Sisään">
</form>
Tuon seurauksena osoiteriviin tulee: "..../roskanewsivu.html?sisaan=Sis%E4%E4n". Mutta ei siitä pitäisi _sinulle_ olla haittaa (eri asia jos käyttäisit esim. php:ta).
 
Okei. Sitten lisää:

Miten tehdään toimiva navigointipalkki, sellainen kuin täällä BBS:ssäkin on. Tämänhetkinen lähdekoodi on:


<form action="index.html">
<select name="navigointi">
<option>&nbsp Navigointi
<option>=====================
<option value="roskasivunew.html">&nbsp Roskasivut
<option value="roskasivueis.html">&nbsp Minä
<option value="roskasivupel.html">&nbsp Pelit
<option value="roskasivumus.html">&nbsp Musiikki
<option value="roskasivulin.html">&nbsp Linkit
<option value="roskasivupal.html">&nbsp Palaute
<option value="roskasivuvie.html">&nbsp Vieraskirja
<option value="roskasivutai.html">&nbsp Taide
<option value="roskasivuala.html">&nbsp Alaslataukset
</select>

<input type="submit" value="GO!">
</form>


Ilmeisesti tuohon "form actioniin" pitää kirjoittaa jotain, millä saa sen menemään sinne minne tuo value osoittaa.
 
Hmm... php:lla kyllä osaisin tehdä tuon, mutta en pelkällä html:llä. Minä en osaa enää antaa muuta neuvoa, kuin että laittaisit järkevämmät linkityssysteemit kuin jotkut tavan formit.

Paitsi tietysti javascriptillä tuon saisi tehtyä... Josta minä en enää muista mitään.
 
Koitas tota:

Koodi: 
<form name="form1">
<select name="navigointi">
<option>Navigointi
<option value="roskasivunew.html">Roskasivut
***jne.***
</select>
<input type="button" value="GO!" onClick="window.location.href=navigointi.value;">
</form>

Jos sivuilla käytetään kehyksiä, en ole varma lataako tuo halutun sivun oikeaan kehykseen. Jos ei, vaatii hieman lisäviritystä.
 
Lainatun viestin kirjoitti alkujaan jeremy
Koitas tota:

Koodi: 
<form name="form1">
<select name="navigointi">
<option>Navigointi
<option value="roskasivunew.html">Roskasivut
***jne.***
</select>
<input type="button" value="GO!" onClick="window.location.href=navigointi.value;">
</form>

Jos sivuilla käytetään kehyksiä, en ole varma lataako tuo halutun sivun oikeaan kehykseen. Jos ei, vaatii hieman lisäviritystä.
Klikkaa laajentaaksesi...

Hyvin toimii, kiitos.

Kyllä kohta varmaan ilmenee taas jotain.
 
1: Miten nappuloiden väriin voi vaikuttaa?
2: Kun on esim. align="center/left/right", niin miten saa tasauksen molempiin päihin?

Anteeksi nyt kun olen tyhmä.
 
HTML Speksit

Lainatun viestin kirjoitti alkujaan Knight
OK. Ei näköjään toiminut td:ssä.
Klikkaa laajentaaksesi...

Ei toimi ei. Täällä lukee, että alignmentin asettaminen div tms. elementeissä on deprikoitu (= sitä ei tule käyttää enää):
http://www.w3.org/TR/html4/present/graphics.html#alignment

Nykyään HTML on yhä vähemmän ulkoasua. Ulkoasu on tarkoitus kirjoittaa CSS:llä HTML documenttien yhteyteen tai erillisiin style sheetteihin. Katso tuolta http://www.w3.org saitilta CSS1 ja HTML 4. Tuo w3schools saattaa toisaalta olla hiukan helpommin luettavaa. Kannattaa myös huomata se tosiasia, että vanhoilla selaimilla CSS ei toimi juuri ollenkaan ja uusilla IEilläkin vähän niin ja näin. Vanhoja selaimia on ainakin kaikki 2001 tehdyt ja sitä vanhemmat.

Tässä esimerkki tuosta justify-jutusta, joka toimii ainakin mozilla 1.0:lla (Netscape 7):
http://www.saunalahti.fi/~pijokela/test.html
 
Sinun täytyy kirjautua tai rekisteröityä voidaksesi vastata.
Ylös Bottom