Søg
Avatar billede homemicky Nybegynder
15. august 2005 - 21:13 Der er 32 kommentarer og
1 løsning

omskrivning css explicit fil

Hejsa

Hvordan får skrevet det her om, sådan at bliver en css style fil.

<span style="position: absolute; left: 0; top: 0; z-index: 0">
<img border="0" src="Hkaniner.jpg" width="754" height="465"></span>
Avatar billede apo Praktikant
15. august 2005 - 21:16 #1
Du sætter style="" på:

<span style="position:absolute; left:0; top:0; z-index:0">
<img src="Hkaniner.jpg" style="width:754px; height:465px; border:0;"></span>
Avatar billede homemicky Nybegynder
15. august 2005 - 21:20 #2
hvad mener du??
Og kan de to linier bruges explicit i en fil for sig selv
Avatar billede apo Praktikant
15. august 2005 - 21:20 #3
Du kan også lægge den i en ekstern .css-fil (Et stylesheet):

<script type="text/css">
  .span {position:absolute; left:0; top:0; z-index:0}
  .image {width:754px; height:465px; border:0;}
</script>

<span class="span">
<img src="Hkaniner.jpg" class="image"></span>
Avatar billede homemicky Nybegynder
15. august 2005 - 21:22 #4
det sidste 2 linier skal stå i body ikke?
Avatar billede apo Praktikant
15. august 2005 - 21:23 #5
Hov... I det eksterne stylesheet skal du fjerne <style></style>, således:

.span {position:absolute; left:0; top:0; z-index:0}
.image {width:754px; height:465px; border:0;}

Og du kalder det i dit HTML-dokument på denne måde:
<html>
<head>
<link href="/css/.css" type="text/css">
</head>
<body>
<span class="span">
<img src="Hkaniner.jpg" class="image"></span>
</body>
</html>
Avatar billede apo Praktikant
15. august 2005 - 21:24 #6
Jep, de sidste to linjer placeres i <body> :-)
Avatar billede homemicky Nybegynder
15. august 2005 - 21:25 #7
haha det virkede tusinde tak kan billedet og så sættes ind som baggrund?? Hvilket
egentlig var min første tanke
Avatar billede apo Praktikant
15. august 2005 - 21:26 #8
Og så skal du lige rette:
.span {position:absolute; left:0; top:0; z-index:0}
.image {width:754px; height:465px; border:0;}

til:
.span {position:absolute; left:0; top:0; z-index:0;}
.image {width:754px; height:465px; border:0;}

Der manglede et semikolon...
Avatar billede apo Praktikant
15. august 2005 - 21:27 #9
Som baggrund for hele HTML-dokumentet?
Avatar billede apo Praktikant
15. august 2005 - 21:29 #10
Hvis du vil have billedet vist som baggrund for hele dokumentet/siden, skal du erstatte indholdet af din nuværende .css-fil med:

html {margin:0; padding:0;}
body {height:100%; background-image:(/Hkaniner.jpg);}
.span {position:absolute; left:0; top:0; z-index:0;}
.image {width:754px; height:465px; border:0;}
Avatar billede homemicky Nybegynder
15. august 2005 - 21:30 #11
Det er inde fra hjemmesiden kaninburet hor jeg ikke ønsker at man kan gemme og udskrive billeder med den lille bjælke der kommer frem når man fører musen hen over.
Avatar billede apo Praktikant
15. august 2005 - 21:33 #12
Hvis det er imagetoolbaren (I Explorer), du tænker på kan du fjerne den ved at placere disse to i <head>:

<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">

Bjælken kommer kun frem i IE...
Avatar billede homemicky Nybegynder
15. august 2005 - 21:33 #13
hmm den bjælke kommer stadig jeg troede ikke den kom frem hvis det var et baggrundsbillede
Avatar billede apo Praktikant
15. august 2005 - 21:33 #14
Det burde den heller ikke gøre?
Avatar billede apo Praktikant
15. august 2005 - 21:36 #15
Prøv at smide et link til siden :-)
Avatar billede homemicky Nybegynder
15. august 2005 - 21:36 #16
cool, hvor er du god, tusinde tak. Den lille imagetoolbar har irritere mig i lang tid.
Avatar billede apo Praktikant
15. august 2005 - 21:37 #17
Jeg plejer selv at disable den, fordi jeg synes at den skæmmer layoutet.
Avatar billede apo Praktikant
15. august 2005 - 21:37 #18
Og velbekomme :-)
Avatar billede homemicky Nybegynder
15. august 2005 - 21:38 #19
Du prøvet tideligere idag men så kom der en og sagde jeg ikke måtte reklamere
for www.kaninburet.dk hovsa nu kom jeg til det igen.
Avatar billede apo Praktikant
15. august 2005 - 21:39 #20
Du må gerne smide links til dit site hvis det er relevant for spørgsmålet (Som det er her i spørgsmålet), men ikke hvis det kun er for at reklamere. Så det er helt i orden her :-)
Avatar billede homemicky Nybegynder
15. august 2005 - 21:40 #21
men jeg har uploaded det endnu det var test 10 min. også skulle det virke
Avatar billede apo Praktikant
15. august 2005 - 21:45 #22
Tak for points :-)

I øvrigt bør du fjerne dette script:

<SCRIPT language=javascript> function click() { if (event.button==2) {
alert('© KANINBURET.DK!') } } document.onmousedown=click
</SCRIPT>

Det er ikke brugervenligt, og man kan alligevel se kildekoden ved, at gå op i 'Vis' > 'Kilde' i Explorer. Dine besøgende vil blive irriteret over det, hvis de har for vane at komme til at højreklikke...
Avatar billede homemicky Nybegynder
15. august 2005 - 21:45 #23
Så blev den første hovedside (i midten) under fanebladet kaniner på kaninburet
Avatar billede homemicky Nybegynder
15. august 2005 - 21:46 #24
færdig
Avatar billede apo Praktikant
15. august 2005 - 21:53 #25
Og så bør din header (Toppen af dit HTML-dokument) se således ud:

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

<head>
<title>Kaninburet.dk</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<META NAME="Title" CONTENT="kaninburet, kaniner, japanere, hollændere">
<META NAME="Description" CONTENT="Opdræt af Isabellafarvet hollændere og salg af kaniner">
<META NAME="Keywords" CONTENT="kanin,bure,kaniner,kaninavl,avl,isabella,isabellafarvet,isabellafarve,salg kanin,salg kaniner,kaninsalg,kaninbure,kaninburet,bur,kaninbur,dværgvædder,opdræt,bure,hollænder,hollændere,japaner,japanerfarvet,farvet,dværgkaniner">
<META NAME="Robots" CONTENT="ALL">
</head>

Denne:

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

_Skal_ altid være placeret øverst, for at din CSS virker korrekt.
Avatar billede apo Praktikant
15. august 2005 - 22:22 #26
Jeg har lavet en fejl i dit stylesheet. Det skal se således ud, i stedet:

html {margin:0; padding:0;}
body {height:100%; background-image:url(/Hkaniner.jpg);}
.span {position:absolute; left:0; top:0; z-index:0;}
.image {width:754px; height:465px; border:0;}

Jeg havde glemt url i: background-image:url(/Hkaniner.jpg);}

Beklager...
Avatar billede homemicky Nybegynder
15. august 2005 - 23:06 #27
hvorfor skal den på det virker jo fint ellers med background-image:url(/Hkaniner.jpg);}
Avatar billede apo Praktikant
15. august 2005 - 23:11 #28
Det gælder om at skrive koderne (Både HTML og CSS) korrekt, da man ellers kan komme ud i problemer når siderne skal ses i forskellige browsere. Nogle ting vises fint i IE men virker dårligt i andre browsere, og omvendt. Men det er jo vigtigt at siderne ser ens ud, uanset hvilken browser man har :-)
Avatar billede homemicky Nybegynder
15. august 2005 - 23:12 #29
Har egentlig lige også et spørgsmål til de der meta tags i headeren. Jeg synes ikke rigtigt meta name virker som de skal når man f.eks taster kaninburet eller nogle af de keywords. skal de stå på hver side? eller er det nok med index siden? jeg synes det er lidt af held vi så mange besøgende.
Avatar billede homemicky Nybegynder
15. august 2005 - 23:15 #30
Ja det er rigtigt, men gange tak for hjælpen, også tror jeg vil i seng nu, da en lang arbejdsdag venter på mig med dhl løb, hvilket jeg ikke har trænet til, meen hvor langt kan 5km være hehe :-)
Avatar billede roenving Novice
15. august 2005 - 23:16 #31
Prøv at læse bufferzones artikler om søgemaskine-optimering, f.eks. Google bruger kun keywords til evt. negativ page-ranking, så det er vigtigt at alle findes på den side, hvor de er skrevet !-)
Avatar billede homemicky Nybegynder
15. august 2005 - 23:18 #32
Jepper det kigger jeg på imorgen! tusinde tak og godnat
Avatar billede apo Praktikant
15. august 2005 - 23:59 #33
Du finder bufferzones m.fls. artikler om søgemaskineoptimering, her:

http://www.eksperten.dk/artikler/Generelt-IT/Soegemaskiner/

... Og god løbetur! :-)
Avatar billede 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.

Loading billede Opret Preview
Kategori
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »