CSS problem

Karine · 23. September 2006

Sliter med å få fikset bakgrunnen sånn som jeg vil. Prøvde derfor å sette meg inn i CSS, og lagde en liten CSS fil. Nå er bakgrunnen akkurat som jeg vil ha den i explorer, men i firefox blir den helt merkelig. Hva er galt?

Her er siden: http://home.no.net/lassiag/kladd.htm

Nirm · 23. September 2006

Prøv å legge til koden

background-attachment: fixed;

i body tagen i css arket.

Espen · 23. September 2006

CSS:

body {background-color:171819; background-image:url(U.jpg); background-repeat:no-repeat; background-position:center center;}


p {text-align: center; color: black; font-family: arial, verdana, sans-serif;}

Slik ser koden din ut idag. La oss starte med den første background-color: #171819; er riktig. Den andre ser grei ut. Nummer 3 er grei. Den neste har du skrevet center to ganger. Kan rette litt HTML også: Din kode:


<html>


<head>

 <link href="ny.css" type="text/css" rel="stylesheet"/> 

<title>Lassie og Fenris</title>

</head>

<body> <- denne mangler du


171819


</body> <- denne mangler du.

</html>

Øverst må du bestemme hva slags språk du skal ha, Html, xhtml osv. Og om det skal være strickt, transitional osv...

Men rett de tingene i css, så bør den komme på plass.

Karine · 23. September 2006

Takk! Nå ser den bedre ut hvertfall..Men er fortsatt forskjellig i firefox og IE, og jeg vil gjerne ha den sånn som den er i IE med svart på alle kantene av det blå...Eller hvertfall sånn at det blir likt i begge

Nirm · 24. September 2006

Hos meg ser det likt ut i både IE og Firefox.

Karine · 24. September 2006

Nå så det likt ut hos meg og...Problemet var Hundesonen toolbar

Karine · 26. September 2006

Trenger mer hjelp! Nå har jeg laget bakgrunnen mer slik jeg vil ha den, og finner ut at jeg ikke vil ha den fixed, for da kommer teksten oppå bildene i banneret..Men hvis jeg skriver scroll, blir bakgrunnen helt merkelig i mozilla igjen.. Noe jeg kan gjøre?

Nirm · 26. September 2006

Sikkert fler som kan dette bedre enn meg. Men jeg lurer på om du må få iframen din til å passe inn i vinduet for å unngå den scrollingen.

Svedge · 29. September 2006

Jeg forstår fortsatt ikke hva som er problemet, hvordan vil du ha det? Mer detaljer..

Du må uansett må du legge inn <body> tag i html scriptet, for uten den skulle egentlig ikke CSS'en ha funket, men webleserne er ikke så kravstore av seg.

Hvorfor bruker omtrent alle på sonen frames? Sidene ser ut som postkort...

Karine · 30. September 2006

Jeg forstår fortsatt ikke hva som er problemet, hvordan vil du ha det? Mer detaljer..

Du må uansett må du legge inn <body> tag i html scriptet, for uten den skulle egentlig ikke CSS'en ha funket, men webleserne er ikke så kravstore av seg.
Hvorfor bruker omtrent alle på sonen frames? Sidene ser ut som postkort...

Jeg vil ikke at toppen på bakgrunssbildet skal forsvinne når det blir for liten plass til at hele bakgrunnsbildet kan vises. Da vil jeg istedet at nettleseren kutter av på bunnen, istedet for toppen.

Jeg bruker iframes, fordi det er lett å oppdatere med ny lay-out, og for øyeblikket er det vanskelig nok for meg :huh:

Karine · 12. Oktober 2006

Ingen som vet? Eller forstår fortsatt ingen hva jeg mener

Nirm · 13. Oktober 2006

På den versjonen du har ute nå, så er jo teksten under topp-banneret, så regner med at du har funnet ut av det nå.

Men du må få teksten til å passe inn på den blå bakgrunnen litt bedre. Nå stikker den litt ut til venstre for bakgrunnen.

Personlig synes jeg det blir penere om du fjerne ramma rundt også.

Du kan jo sjekke ut litt om koding her: www.webdesignskolan.se

Havana · 13. Oktober 2006

Ingen som vet? Eller forstår fortsatt ingen hva jeg mener

Jeg skjønner ikke helt hva du mener . For meg ser det ut som om ting står der de skal nå. Du har kanskje fikset det?

Karine · 13. Oktober 2006

Jeg skjønte det med scrollen

Men, på min pc så forsvinner toppen av bakgrunnsbildet..Fordi det ikke er plass til hele bakgrunnsbildet, så kutter nettleseren av på toppen. Vil gjerne at den skal kutte av på bunnen istedet..Da kan jeg ha ett større bakgrunnsbilde, slik at det ser bedre ut i høyere oppløsning også..

Havana · 13. Oktober 2006

Prøv å legge til det jeg har skrevet med grønt her, så kanskje det hjelper?

olavxxx · 19. Oktober 2006

Hei,

Jeg ser problemet ditt.

I CSS filen din, har du:

body {
background-color:171819;
background-image:url(U.jpg);
background-repeat:no-repeat;
background-attachment: fixed ;
background-position: 50% 50%;
}
p {
text-align: center;
color: black;
font-family: arial, verdana, sans-serif;
}

I selve HTML filen, har du:

<html>

<head>
<link href="ny.css" type="text/css" rel="stylesheet"/>
<title>Lassie og Fenris</title>
</head>
<body>

<div style="position: absolute; width: 908px; height: 403px; z-index: 1; left: 47px; top: 168px" id="layer1">
<iframe name="I1" width="880" height="427" src="grunnferdigheter.htm" allowtransparency="true">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></div>

</body>

</html>

Det som skjer, sant, er at du har definert i CSS at bildet ditt: U.jpg skal ligge seg i senter av tilgjengelige bredde (bredden til nettleseren).

Etter du har definert det, så har du definert statisk posisjon og størrelse på innholds-div.

Ps. Jeg ville personlig gjort dette helt anderledes.

Et så stort bilde med bare en farge, det er båndbreddeterrorisme!

Fargen kan du legge som bgcolor på div, table eller whatever..

Logoen der, kan du legge i en div eller table row, elns. som ligger over.

Her er et eksempel på hvordan du gjør dette:


<table width="600px" cellpadding="0" cellspacing="0" bgcolor="#990000">

<tr>

<td><img src="images/topbanner.jpg" width="600px" alt="Velkommen til blabla" /></td>

</tr>

<tr>

<td><strong>&middot;&nbsp;<a href="hjem.html" target="innhold" alt="Hovedsiden">Hjem</a> &middot;&nbsp;<a href="informasjon.html" target="innhold" alt="Informasjon om ...">Informasjon</a></strong></td>

</tr>

<tr>

<td>

	<iframe name="innhold" width="600" height="427" src="hjem.html" allowtransparency="true">

	 Beklager, du trenger IFrame-kompatibel nettleser, for &aring; se denne siden. 

	</iframe

</td>

</tr>

</table>

Det er et steg tilbake til tables, men om du skal bruke IFRAME, skal du ikke være så nøye på om du bruker CSS eller hva enn du bruker. IFRAME er jo ikke akkuratt verdens beste ting å bruke i utgangspunktet.

Karine · 25. Oktober 2006

Nå har jeg forsøkt både det Havana forslo, og det Olav foreslo..Havanas forslag endte med at hele bakgrunnsbildet forsvant :-P

Nå ligger den sånn som Olav foreslo, men da må du forklare meg hvordan man midtstiller tables og toppbanneret, fordi det var hovedgrunnen til at jeg begynte med css, fordi hjemmesiden jeg har nå får jeg ikke til å midtstille bakgrunnsbildet...

Logg inn

CSS problem

Recommended Posts

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Lenke til kommentar

Del på andre sider

Arkivert

Hvem er aktive 0 medlemmer

Nye innlegg

Nylig opprettede emner