<div di="knap">Vil ikkje fungere

speedy6110 · 15. juni 2007

Hei hei første post her

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:

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

Anders Moen · 15. juni 2007

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 15. juni 2007 av Anders-Moen

speedy6110 · 15. juni 2007

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å?

Anders Moen · 15. juni 2007

Ahh, er du sikker på at det skal være backslash (\) og ikke vanlig slash (/) i CSS-en der du henter inn bildene?

Ligger bildene i mappa images\style\bilde_navn.jpg?

speedy6110 · 15. juni 2007

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

Der viser den bildene men ikkje i seamonky eller firefox?

Der har der bevis og

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 15. juni 2007 av speedy6110

Emancipate · 15. juni 2007

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...

speedy6110 · 15. juni 2007

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

LarsAndre · 15. juni 2007

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"); }

speedy6110 · 15. juni 2007

Hvis eg brukte . punktum i steden får # firkant så får jeg ikkje noe av bildene opp

Da forsvant den fra IE og vises ikkje

og nå bruker jeg bare en knap .. så det og fungere ikkje

Teig · 15. juni 2007

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

speedy6110 · 16. juni 2007

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

8872039[/snapback]

det har eg

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 16. juni 2007 av speedy6110

eigan · 16. juni 2007

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);

speedy6110 · 16. juni 2007

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 ?

Jesper Karsrud · 16. juni 2007

Ok, nå har jeg ikke lest noe som helst av hva folk har sagt, men jeg så en helt åpenbar feil; tabeller. Dessuten må du bruke / og ikke \ i linken til filene dine, slik at det blir seende slik ut:

background: url(image/style/knapp3.jpeg);

Det er nok mest sannsynlig ditt største problem...

Emancipate · 16. juni 2007

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.

speedy6110 · 16. juni 2007

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

Anders Moen · 16. juni 2007

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 16. juni 2007 av Anders-Moen

speedy6110 · 16. juni 2007

sorry da :hmm:

skjønet ikkje den helt da

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

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

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

e hjemmesiden så kan du se kodingen :S

Min Hjemmesiden

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 16. juni 2007 av speedy6110

Wattengård · 17. juni 2007

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:

-C-

Endret 17. juni 2007 av ChristianW

eigan · 17. juni 2007

For at du skal ha en div som klasse, må du skrive div.klassen istedet

div.knap {
style
}

Logg inn

<div di="knap">Vil ikkje fungere

Anbefalte innlegg

speedy6110

Videoannonse

Anders Moen

speedy6110

Anders Moen

speedy6110

Emancipate

speedy6110

LarsAndre

speedy6110

Teig

speedy6110

eigan

speedy6110

Jesper Karsrud

Emancipate

speedy6110

Anders Moen

speedy6110

Wattengård

eigan

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer