Bilder synes ikke +++ ....

[Nicklas]

Hei!

 

http://www.cpp.no/lotheladus/hitstation/index.html

 

Her er min første sider med bilder. Jeg har slica alle bilder og er nå der hvor jeg skal sette det hele sammen. Men på denne siden så blir det mellomrom mellom bildene og et slikt "_" lite tegn mellom bildene i menyen og et lite mellomrom under headeren over menyen. Men så så jeg nå når jeg hadde lastet opp siden til nettet at bildene ikke syntes Skjønner ikke det heller, for på min pc så var bildene der

 

Takker for all hjelp

[PoleCat]

/lotheladus/hitstation/side1_01.gif was not found on this server.

 

Sikker på at du har lastet opp bildefilene også, eventuelt til riktig plassering?

[Nicklas]

/lotheladus/hitstation/side1_01.gif was not found on this server.

 

Sikker på at du har lastet opp bildefilene også, eventuelt til riktig plassering?

Jeg byttet navn på alle bildene nå til "meny1" osv. Og til "header".

 

EDIT: Woohoo Nå er det bilder der, så da kan jeg spørre om det egentlige problemet! Hvorfor blir det en sånn liten understrek mellom bildene i menyen?

Endret 22. september 2004 av Nicklas

[PoleCat]

Nå vises dem her iallefall.

[PoleCat]

Legg til dette i CSS'en din ang borderen:

* {
margin: 0;
padding: 0;
}

a img {
border: 0;
}

a {
text-decoration: none;
}

[Inge_P]

a tag'n må avsluttes, og bilde tag'n må være inni a tag'n, ikke før.

<a href="#"><img src="meny1.gif" alt="" height="49"></a>

[Nicklas]

Der ja Nå ble de strekene borte, men bildene trakk seg ikke sammen, er det noe jeg skal skrive? Eller noe jeg allerede har gjort som er feil?

[PoleCat]

Der ja Nå ble de strekene borte, men bildene trakk seg ikke sammen, er det noe jeg skal skrive? Eller noe jeg allerede har gjort som er feil?

Endre til det need4sms skrev i HTML.

[Nicklas]

Der ja  Nå ble de strekene borte, men bildene trakk seg ikke sammen, er det noe jeg skal skrive? Eller noe jeg allerede har gjort som er feil?

Endre til det need4sms skrev i HTML.

Oki, done. Men det er fortsatt mellomrom

[PoleCat]

a img {
border: 0;
display: block;
float: left;
}

 

Dette er forøvrig ikke rette måten å lage menyen på, den bør settes opp i en uordnet liste.

Ta en titt på koden til absentVOID og se om du skjønner prinsippet.

 

div#main_menu ul li {
list-style-type: none;
margin: 0;
padding: 0;
height: 30px;
display: inline;
}

div#main_menu ul li a {
width: 170px;
height: 30px;
display: block;
overflow: hidden;
background-position: -170px 0;
}

div#main_menu ul li a:hover {
background-position: 0 0;
overflow: visible;
}
a#main {
background: url(../gfx/menu_main.gif) no-repeat;
}

a#services {
background: url(../gfx/menu_services.gif) no-repeat;
}

a#portfolio {
background: url(../gfx/menu_portfolio.gif) no-repeat;
}

a#contact {
background: url(../gfx/menu_contact.gif) no-repeat;
}

[Inge_P]

Jeg har aldri skjønt hvorfor, men det funker iallefall:

 

skriv alle a tag'ene med bildene på samme linje, da forsvinner mellomrommene.

[Nicklas]

Tok den enkle måten Tusen takk for hjelpen, men mens vi er så godt igang, vet du hvordan jeg får dratt menyen opp under headeren? Eller er det jeg som har slica litt feil

 

EDIT: @need4sms: Oki, tester det neste gang då

Endret 22. september 2004 av Nicklas

[Nicklas]

Nå har jeg fått fixa det meste.

 

MEN, den vises jo KUN riktig i Opera Hvordan skal jeg få den til å se helt lik ut i FireFox, I.E og alle de der?

Endret 22. september 2004 av Nicklas

[PoleCat]

Du kan iallefall begynne med å sette

#content {
width: 740px !important;
width /**/ : 800px;
padding:30px;
background:url(Side1_09.gif) repeat-y;
}

Padding legges til bredden skjønner du, og jeg regner med du ønsker at den skal være 800px, ikke 860px. Den siste width er for IE5.

[Nicklas]

Oki, nå ble den helt fin i Firefox, men i Opera så syns ikke den høyre streken på bildet i content. Og i I.E så er menyen slik som den var før, med slike mellomrom mellom bildene.

 

Hva skal jeg skrive for å få fixet dette?

 

Endret 23. september 2004 av Nicklas

[Nicklas]

Trenger virkelig hjelp til å få tilpasset de i alle browsere. Har dere kanskje en link jeg kan lese på eller noe?