Gå til innhold

<div di="knap">Vil ikkje fungere


Anbefalte innlegg

Hei hei første post her :p

Emne e sikker helt tullete av meg da ...menmen

 

Eg driver med og lage min egen hjemmesiden.

Har derevet med HTML en good stun nå men skjønner ikkje hvorfor dette her ikkje får !!

Style filen min

#Knap 
     { background:url("image\style\knap3.jpeg"); }	
#Left
      { background:url("image\style\left.jpeg"); }	
#Center
      { background:url("image\style\center.jpeg"); }

 

Index filen min

 

<table align="center" border="0" >
<tr>
 <td><div id="Knap"> .:Meg!:.</div></td>
 <td><div id="Knap"> .:Venner:.</div></td>
 <dt><div id="Knap"> .:Filmer,Bilder</div></td>
 <td><div id="Knap"> .:Chat:.</div></td>
 <td><div id="Knap"> .:Gjesteboken</div></td>
</tr>
</table>

 

Men Bilde kommer ikkje i bakgrunnen som den skal :(

 

Dette kommer opp:

 

76658.jpeg

 

Hvorfor kommer ikkje den svarte knappen eg har laget opp i bakgrunnen ??

 

Håper eg har forklart det godt får dere :) si ifra vis dere ikkje skjønner det da

 

Speedy

Lenke til kommentar
Videoannonse
Annonse

Du spesifiserer bare den samme id'en flere ganger i HTML-en din.

 

#Knap  { background:url("image\style\knap3.jpeg"); } 
#Left { background:url("image\style\left.jpeg"); } 
#Center { background:url("image\style\center.jpeg"); }

 

<div id="Knap">Tekst</div>
<div id="Left">Tekst</div>
<div id="Center">Tekst</div>

 

Skjønner du litt mer nå?

 

Edit 1:

Der sere dere hvor sugen jeg er til å forklare ting lol

 

Edit 2:

Velkommen til forumet, speedy6110 :)

Endret av Anders-Moen
Lenke til kommentar
Du spesifiserer bare den samme id'en flere ganger i HTML-en din.

 

#Knap  { background:url("image\style\knap3.jpeg"); } 
#Left { background:url("image\style\left.jpeg"); } 
#Center { background:url("image\style\center.jpeg"); }

 

<div id="Knap">Tekst</div>
<div id="Left">Tekst</div>
<div id="Center">Tekst</div>

 

Skjønner du litt mer nå?

 

Edit 1:

Der sere dere hvor sugen jeg er til å forklare ting lol

 

Edit 2:

Velkommen til forumet, speedy6110 :)

8871302[/snapback]

 

Ja men eg skal bruke den samme knappen på de ;)

det e knappene som skal være der ;) derfor bruker eg den sammen.

 

Du ser jo på bilde at den ikkje viser bildene ...e full klar over at det e samme ID

 

Men Knappen i bakgrunnen kommer jo ikkje opp på index file når eg åpner den med browseren min.

 

skjønte dere bedre nå?

Lenke til kommentar

Ja det e eg sikker ....testet den i IE nå

Der viser den bildene men ikkje i seamonky eller firefox?

 

76666.jpeg

 

Der har der bevis og :D

 

Nå har jeg 2 problemer :(

 

1)Det må funke med Firfox,Opere,Seamonky og IE

2)Skriften må kommer mitt på knapper at den ikkje e helt på toppen :(

 

Koding ser sån ut nå:

 

<table align="center" border="0" >
<tr>
 <td><center><div id="Knap"> .:Meg:.</div></center></td>
 <td><center><div id="Knap"> .:Venner:.</div></center></td>
 <td><center><div id="Knap"> .:Filmer-Bilder:.</div></center></td>
 <td><center><div id="Knap"> .:Chat:.</div></center></td>
 <td><center><div id="Knap"> .:Gjesteboken</div></center></td>
</tr>
</table>

 

#Knap 
     { background:url("image\style\knap3.jpeg");
    width:129px;
    height:43px;
    font-size:12px;  }	
#Left
      { background:url("image\style\left.jpeg"); }	
#Center
      { background:url("image\style\center.jpeg"); }

Endret av speedy6110
Lenke til kommentar
Ja det e eg sikker ....testet den i IE nå

IE følger ikke standarden og konverter \ til / automatisk. Det gjør ikke Opera og Firefox. Det skaper selvfølgelig noe sinnsykt til problemer hvis du skal ha tak i en fil med \ i navnet...

8871528[/snapback]

 

 

Hva mener du?

 

fant løsning på 2 så den trenger dere ikkje svare på.... Nå e det bare 1 igjen :S

Lenke til kommentar

En id kan bare brukes en gang i en html fil. F. eks. Din id "Knap" kan bare brukes en gang. Men klasser derimot kan du bruke flere ganger i en fil...

 

<table align="center" border="0" >
<tr>
<td><center><div class="Knap"> .:Meg:.</div></center></td>
<td><center><div class="Knap"> .:Venner:.</div></center></td>
<td><center><div class="Knap"> .:Filmer-Bilder:.</div></center></td>
<td><center><div class="Knap"> .:Chat:.</div></center></td>
<td><center><div class="Knap"> .:Gjesteboken</div></center></td>
</tr>
</table>

 

. Punktum istedet for firkant når det er en klasse.

.Knap 
    { background:url("image\style\knap3.jpeg");
   width:129px;
   height:43px;
   font-size:12px;  } 
#Left
     { background:url("image\style\left.jpeg"); } 
#Center
     { background:url("image\style\center.jpeg"); }

Lenke til kommentar
Har du angitt bredde og høyde på bildet i css-fila?

8872039[/snapback]

 

det har eg :D

 

CSS filen ser sån ut nå

 

.Knap 
     { background:url("image\style\knap3.jpeg");
    width:130px;
    height:43px;
    font-size:12px;  }	
.Left
      { background:url("image\style\left.jpeg");
     width:130;
     font-size:12px;
     margin:120px;   }	
.Center
      { background:url("image\style\center.jpeg");
     width:750;
     font-size:12px; }
  
.Stor
       { background:url("image\style\stor.jpeg");
  width:1000px;
  height:43px;
  font-size:12px; }

 

.Stor e en stor knap som eg skal bruke i stedenfor Knap [/u

 

Men etter eg skiftet fra #Stor til .Stor så funker ikkje det i IE eller Opera,Seamonkey og firefox

Endret av speedy6110
Lenke til kommentar
Hvis du lager en meny, så skal du vite at du er helt ute å kjøre.

htmldog.com er ett godt sted å begynne.

 

Jeg tror du burde se hvordan det skal gjøres

---

 

OnT

Du kan prøve å fjerne " i cssen hvor du linker til bilde:

{ background:url("image\style\knap3.jpeg");

TIL

{ background:url(image\style\knap3.jpeg);

8873087[/snapback]

Ja har tenkt og lage en Meny med litt vista smak eg har laget med gimp ....men eg får jo ikkje de tingene der eg vil ha de :( ..de vises jo ikkje andre steder en IE :(

 

Hvordan skal jeg ellers gjøre det ?? skal jeg ikkje bruke table ?? skal jeg ikkje bruke <div ?

Lenke til kommentar
Ja det e eg sikker ....testet den i IE nå

IE følger ikke standarden og konverter \ til / automatisk. Det gjør ikke Opera og Firefox. Det skaper selvfølgelig noe sinnsykt til problemer hvis du skal ha tak i en fil med \ i navnet...

8871528[/snapback]

 

 

Hva mener du?

 

fant løsning på 2 så den trenger dere ikkje svare på.... Nå e det bare 1 igjen :S

8871553[/snapback]

Bytt ut \ med / i css-fila.

Lenke til kommentar
Ja det e eg sikker ....testet den i IE nå

IE følger ikke standarden og konverter \ til / automatisk. Det gjør ikke Opera og Firefox. Det skaper selvfølgelig noe sinnsykt til problemer hvis du skal ha tak i en fil med \ i navnet...

8871528[/snapback]

 

 

Hva mener du?

 

fant løsning på 2 så den trenger dere ikkje svare på.... Nå e det bare 1 igjen :S

8871553[/snapback]

Bytt ut \ med / i css-fila.

8873407[/snapback]

 

 

Takk nå funker det i seamonkey XD men det var bare og gruble videre på hvordan jeg skal lage den menyen :S

 

Noen som har et forsalg ?

Legg igjen hjemmesiden så eg får se litt hvordan menyen deres er ;)

 

Takk

Lenke til kommentar

Lol, speedy6110. Det var jo det jeg sa. Er du sikker på at det ikke skal være / i stedet for \ i første eller andre posten min i tråden ;)

 

Ehh, okay. Se i signaturen til brukerene, så ser du nok link til de fleste ;)

 

Edit:

Det var det som var feilen, ikke sant?

Endret av Anders-Moen
Lenke til kommentar

sorry da :hmm:

skjønet ikkje den helt da :p

Men nå funker alt bra ...men skal jeg bruke

 

 

Men dere skrev at det ikkje var låv og bruke ...

<div id="knap"></div>

flere en 1 gang ..hva skal jeg bruke da få å bruke dne flere ganger ?

 

e hjemmesiden så kan du se kodingen :S

 

Min Hjemmesiden :D

 

Ka kan jeg bruke annet en id ?? har prøvd class men det gikk ikkje ;S

 

 

NB

Kansje dere syns det e tung kodet men eg skjønner det så det e det som e viktig og så lærer du av feil også :cool:

Endret av speedy6110
Lenke til kommentar

CSS stiler som skal brukes fler enn 1 gang skal være en klasse. Klasser begynner med "." og ikke "#". Deretter må du endre slik at din div er ca slik:

<div class="Knapp">blabla</div>

Ser du at "id" er byttet ut med "class" ?

 

For det andre, en bortovermeny bør du heller lage med <ul> taggen. ;)

 

EDIT: Sjekka sida... Og jeg kan fortelle deg med en gang at du må se mer på CSS-koding. Fullskjerm hos meg blir slik:

 

77115.jpeg

 

-C-

Endret av ChristianW
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...