CSS ongelma nettisivujen kanssa

Viestiketju Vapaata keskustelua -osiossa. Ketjun avasi Cuizma 11.02.2009.

  1. Cuizma

    Cuizma Member

    Liittynyt:
    10.04.2006
    Viestejä:
    6
    Kiitokset:
    0
    Pisteet:
    11
    Terve!

    Olen tässä rakennellut nettisivuje Dreamweaver CS3:lla (CSS:llä aika pitkälti kaiken mahdollsien asetellut) ja mulla on pieni ongelma nyt.

    Elikkä, tarvis saada navigation baria headerin sisälle tohon TR PRODUCTIONS -tekstin alapuolella olevaan valkosee klaffiin. En vain onnistu saamaan tähän tarkoitukseen haluamaani kuvaa CSS:ään, ja sitä kautta paikalleen. Eli ongelmani on, miten saan kuvan paikalleen ja niin, että voin määritellä kuvani asetuksia CSS:llä.

    No, miksi haluan sen CSS:n kautta. Siksi että se mahdollistaa sitten muutamia kikkoja. Hoveria jne. Teksit noitten nappien kohdalle sitten tulee erikseen, kunhan sais noi kuvat ensin paikalleen.

    Ja sillä hoverilla meinaan jotain tän tyylistä: http://www.groundswell.org.uk/ Ymmärtääkseni tollasen vois kans tehdä javalla, mut en sitä hallitse joten sen voi unohtaa...

    Jos nyt joku tajua mitä meinaan ja osaa auttaa niin olisin erittäin kiitollinen!

    Tästä näet missä mennään tällä hetkellä (niin ja siellä ei tosiaan ole sitä navigation baria vielä missään):
    Index: http://trproductions.net/v5.5/index.html
    CSS: http://trproductions.net/v5.5/styles.css

    Kuva jota nyt ainakin alustavasti yritän toho naviin: http://trproductions.net/v5.5/images/navi1.gif
    ja jos joku ihmettelee miks se on korkeampi kuin paikka johon sitä ajattelen niin se johtuu siitä että olen ajatellut hoveria siihen... CSS:llä onnistuisi tämä.
     
    Viimeksi muokattu: 11.02.2009
  2.  
  3. Dwnldz_5

    Dwnldz_5 Active member

    Liittynyt:
    01.06.2005
    Viestejä:
    1,866
    Kiitokset:
    14
    Pisteet:
    68
    Jos nyt yhtään ymmärsin mitä meinaat, niin tuon efektin (joka on tuossa esimerkkisivustolla) saat noihin vaikka näin:

    Muokkaa index.html -tiedoston alussa olevaa kohtaa:
    <div id="header" style="efektit">
    <h2><a href="index.html">HOME</a> STORE INFO MOVIES GALLERY CONTACT</h2>
    </div>


    Lisäät CSS filuun kohdan:

    .efektit:hover {
    background-image: url(images/navi1.gif);
    }

    Tuon saman efektin saa laittamalla
    background-color:#000000;
    mutta jokainen tekee miten tykkää.

    Jos meinaat jonkinlaista pudotusvalikkoa niin siihen en osaa sanoa mitään.
     
  4. Cuizma

    Cuizma Member

    Liittynyt:
    10.04.2006
    Viestejä:
    6
    Kiitokset:
    0
    Pisteet:
    11
    Joo, no aika päin helvettiä selitetty kyllä. :) Mutta mä päätinkin sitten tossa jo tehdä asian toisella tavalla. Asia siis ratkaistu siltä osaa. Kiitokset joka tapauksessa.
     

Jaa tämä sivu