CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

bovling Nybegynder

05. oktober 2006 - 18:50 Der er 20 kommentarer og
1 løsning

html-kodning på/til MacBook

Hej,

Jeg har et problem med min hjemmeside. Jeg har lavet siden på en windows computer, men har nu skiftet til en MacBook. Når jeg åbner siden på Mac'en kan jeg ikke se baggrunden på min hjemmeside, er der nogen som kan hjælpe mig med kodningen?

www.anders-bovling.dk

På forhånd mange tak!

Hilsner
Anders

Synes godt om

a1a1 Novice

05. oktober 2006 - 19:23 #1

bagrund? grå???

Synes godt om

mclemens Nybegynder

05. oktober 2006 - 19:32 #2

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<HTML>
<HEAD>
<TITLE>Anders Bøvling - Langsprinter & VM deltager</TITLE>
<STYLE>

html,body {margin:0px;padding:0px;}

p {margin:0px;}

A {
TEXT-DECORATION: none;
font-family: Verdana;
font-size: 10px;
color: black;
cursor: default;
}
body,td,th {
font-family: Verdana;
font-size: 10px;
color: black;
cursor: default;
}
a:link {
text-decoration: none;
color: blue;
cursor: hand;
}
a:visited {
text-decoration: none;
color: blue;
cursor: hand;
}
a:hover {
color: #000000;
background-color: #0066cc;
text-decoration: none;
}
a:active {
text-decoration: none;
color: blue;
cursor: default;
}
html {
scrollbar-arrow-color: blue;
scrollbar-track-color: #6666FF;
scrollbar-shadow-color: blue;
scrollbar-face-color:#6666FF;
scrollbar-highlight-color:#6666FF;
scrollbar-darkshadow-color:#6666FF;
scrollbar-3dlight-color:blue;
}

</STYLE>

<link rel="stylesheet" href="test.css" tye="text/css">

</HEAD>

<body>

<div style="margin:0px auto;width:832px;position:relative;">


<DIV id=tip style="LEFT: -200px; VISIBILITY: hidden; POSITION: absolute; TOP: -200px">
<DIV id=tiptxt
style="BORDER-RIGHT: #576473 0px solid; BORDER-TOP: #576473 0px solid; FONT-SIZE: 9pt; BORDER-LEFT: #576473 0px solid; COLOR: #000000; BORDER-BOTTOM: #576473 0px solid; FONT-FAMILY: Tahoma; POSITION: absolute; BACKGROUND-COLOR: #acc3dc"></DIV></DIV>

<DIV align=center>
<DIV align=center>

<TABLE width="832" border=0 align="center" cellPadding=0 cellSpacing=0 borderColor=#111111 id=AutoNumber1 style="BORDER-COLLAPSE: collapse;">

<TBODY>
<TR>
<TD vAlign=top background="http://www.anders-bovling.dk/baggrund.jpg"><table width="832" height="600" border="0" align="center" repeat="no">


<div id="indhold">


<DIV style="position:absolute; left:5px; top:140px; width:165px; z-index:6">
<iframe name="menu" src="http://www.anders-bovling.dk/menu/menu.htm" allowTransparency="true" width=165 height=410 scrolling=no frameborder=no style="border-style:solid; border-width: 0px; border-color: red;"></iframe>
<layer visibility=hide>
</DIV>



<DIV style="position:absolute; left:175px; top:130px; width:400px; z-index:6">
<iframe name="navigation" src="http://www.anders-bovling.dk/navigation.htm" allowTransparency="true" width=540 height=25 scrolling=no frameborder=no style="border-style:solid; border-width: 0px; border-color: red;"></iframe>
<layer visibility=hide>
</DIV>



<DIV style="position:absolute; left:175px; top:150px; width:400px; z-index:6">

<iframe name="main" src="http://www.anders-bovling.dk/forside.htm" allowTransparency="true" width=655 height=400 scrolling=auto frameborder=no style="border-style:solid; border-width: 0px; border-color: red;"></iframe>
<layer visibility=hide>
</DIV>



<DIV style="position:absolute; left:0px; top:572px; width:770px">
<center>
<p>Copyright 2006 © Anders Bøvling</p>
</center>


</DIV>
</div>

</div>

</BODY>
</HTML>

Synes godt om

mclemens Nybegynder

05. oktober 2006 - 19:37 #3

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
^ - tilfæjet så IE overholder mere css

html,body {margin:0px;padding:0px;}
p {margin:0px;}

^ - tilføjet for at nustille lidt margin og padding

<body>
^ - scroll="auto" fjernet

<div style="margin:0px auto;width:832px;position:relative;">
^ - div indsat til at rette lidt op på designet

<iframe name="main" src="http://www.anders-bovling.dk/forside.htm" allowTransparency="true" width=655 height=400 scrolling=auto frameborder=no style="border-style:solid; border-width: 0px; border-color: red;"></iframe>

^ - scrolling rettet fra yes til auto

</div>
^ - indsat lige før </body> og </html> for at lukke den ekstra div ...

... overvej at bruge lidt mere css og få udryddet
noget af det forældede html attribut styling ...
- og måske rykket css styles over i stylesheetet som jeg
ikke har kigget på ... jeg satte bare lige de nævnte punkter ind :)

Synes godt om

bovling Nybegynder

05. oktober 2006 - 20:01 #4

Det ordner desværre ikke problemet i at åbne min hjemmeside...

åbner det med "safari" på min Mac...

Andre ideer? ?

Synes godt om

mclemens Nybegynder

05. oktober 2006 - 20:07 #5

Ok, dunno ... havde kun FF og fejlen var også der
- den jeg kastede gjorde af FF også virkede ...
... m.h.t. safari, hjælper det så hvis du retter
background="" defineringerne til css baggrundsdefineringer?

... d.v.s. ...:
background="http://www.anders-bovling.dk/baggrund.jpg"
rettet til:
style="background:url('http://www.anders-bovling.dk/baggrund.jpg');"

... men kan ikke teste den del da min FF og IE virker p.t. :/

Synes godt om

mclemens Nybegynder

05. oktober 2006 - 20:16 #6

(eller rettere IE virker hos mig på alle sider
... FF virker kun på den ene side du rettede)

Synes godt om

bovling Nybegynder

05. oktober 2006 - 21:18 #7

Det hjælper desværre ikke på mit problem...:o)

Men kender du så en side hvor jeg kan downloade en FTP-uploader til min Mac?

Synes godt om

mclemens Nybegynder

05. oktober 2006 - 21:27 #8

[ Det hjælper desværre ikke på mit problem...:o) ]
D.v.s. at du ikke vil lave rettelsen i 05/10-2006 19:32:03
når ca. 7% efterhånden bruger Firefox ... hmm, dit valg...
( safari lægger på ca 1% http://www.fdim.dk/?vis=page&ID=73 )

[ Men kender du så en side hvor jeg kan downloade en FTP-uploader til min Mac? ]
Nej, jeg ved som sagt intet om mac - andet end at en del mac brugere kører Firefox
- det positive ved Firefox til mac er at dem der koder websider på pc har mulighed for at optimere siderne til Firefox, da firefox fåes både til pc og mac ...

- Men overvej lige den rettelse jeg lagde, den skader ikke - lige nu
virker det ikke på forsiden i Firefox - da du har fjernet rettelserne ...

Synes godt om

mclemens Nybegynder

05. oktober 2006 - 21:33 #9

(men hæng ud, der kan jo komme en forbi der kender safari)

Synes godt om

bovling Nybegynder

05. oktober 2006 - 22:51 #10

Jo rettelserne ligger der, prøvede bare lige noget andet, og glemte at ligge dem op igen...:o)

Håber også der kommer en som kender til Safari. Vil jeg gerne se min hp i det "format" jeg kender den:o)

Mvh
Anders

Synes godt om

mclemens Nybegynder

05. oktober 2006 - 23:35 #11

En lille ting ovre i din css fil står denne:
background:http://www.anders-bovling.dk/baggrund.jpg;
- det skal være
background:url('http://www.anders-bovling.dk/baggrund.jpg');

... måske vil en css validering og html validering hjælpe på Safari?
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.anders-bovling.dk%2F&charset=iso-8859-1&doctype=Inline
og en css validering: http://jigsaw.w3.org/css-validator/validator?uri=www.anders-bovling.dk&usermedium=all

Synes godt om

mclemens Nybegynder

06. oktober 2006 - 00:03 #12

Ved ikke om der er en mac ftp-uploader her ...
http://forums.macosxhints.com/archive/index.php/t-53431.html
ser ud til at der er et par links til nogle derinde...
(som f.eks http://www.onebutton.org/ )

Synes godt om

mclemens Nybegynder

06. oktober 2006 - 00:40 #13

kom til at kigge i din css fil der står p.t.
style="background:ur.('http://www.anders-bovling.dk/baggrund.jpg');"
det skal være:
background:url('http://www.anders-bovling.dk/baggrund.jpg');

Synes godt om

mclemens Nybegynder

06. oktober 2006 - 02:30 #14

Kiggede lige på at lave et valideret og optimeret eksempel af den forreste side til dig - du finder resultatet her: ww ...slet mellemrum... w.dkif.com/users/clemens/tmp/html-eksempel.zip

- pak ud og kør testside.html
... ved ikke om den virker i Safari, men den er bygget op som jeg ville bygge det op (eller rettere jeg ville nok ikke bruge frames, men hvis det skulle være
så er markup / css og scrollbar styling som jeg ville lave det ... )

Håber du kan bruge det, nat nat ;)
Filen indeholder:

css.css // css defineringerne

js.js // et lille javascript til at sætte scrollbar styles vis browseren er IE ... scrollbar styles er ikke gyldig css - derfor lagt externt og betinget ...

testside.html // filen du kan teste fremvisningen i Safari med - og hvis det virker kan du basere de andre sider på denne opbygning ... angivelserne i toppen af filen til den externe css fil og javascript filen skal nok justeres så den peger det rigtige sted hen :)

logo.jpg // den øverste del af baggrunden - udskåret for at minimere baggrundens størrelse fra 1400 kb. ned til 54 kb med logo og bund tilsammen ...

bund.jpg // bundstykket af den udskårede baggrund - gør at det runder i bunden ...
^ - stykket der var mellem bund og logo udskæringerne er lavet via. css istedet :)

(håber testfilen virker, ellers ser min egen side sikkert også skidt ud i Safari ... bemærk dog at menu navigations og forside filerne er ikke med - dem har jeg ikke kigget på - så dem skal du nok have fat i for at få din css til at virke derinde ;) - validering via css validatoren og html validatoren)

Synes godt om

bovling Nybegynder

06. oktober 2006 - 07:12 #15

Nu har jeg ikke lige tid til at kigge på det før jeg kommer hjem fra skole, men det er umidlbart ud som om det kan løse problemet, men tjekker det lige når jeg engang kommer hjem:o)

jeg kan da prøve at se om din hp virker i Safari, hvis du sender et link.:o)

Er lige her igen med et svar kl 14:30 ca...

Synes godt om

mclemens Nybegynder

06. oktober 2006 - 08:46 #16

www ... toys ... to ... kids ... com

Synes godt om

mclemens Nybegynder

06. oktober 2006 - 09:00 #17

Et par små finpudsnings css rettelser til css filen:
#navimenu {
width: 643px;
float:right;
}

#navimenu iframe {
width: 643px;
height: 25px;
}

og

#rightcol {
float:right;
width:643px;
}

#rightcol iframe {
height: 385px;
width: 643px;
}

(for at få lidt afstand mellem venstre kolonne og højre)

Synes godt om

bovling Nybegynder

06. oktober 2006 - 14:06 #18

Jeg kan fortælle dig mclemens, at det virker perfekt nu med min side, ser den optimalt i Safari....:D Tak Tak

Synes godt om

mclemens Nybegynder

06. oktober 2006 - 14:14 #19

Velbekom, så klikker du bare på mit navn og accepter for
at lukke spørgsmålet... (Står p.t. med det ene ben ude ad
døren (posthus m.v.)) ... Rart vi fik det til at virke :)
(er tilbage igen 16/17 tiden ...)

Synes godt om

mclemens Nybegynder

06. oktober 2006 - 16:24 #20

Synes godt om

mclemens Nybegynder

06. oktober 2006 - 23:32 #21

Tak for point :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS