Søg
Avatar billede dannyboy Nybegynder
18. oktober 1999 - 19:05 Der er 9 kommentarer og
1 løsning

Flere billeder som baggrund med CSS???

Hvordan kan jeg "klistre" mere end et billede op som baggrund med CSS. F.eks. et billede i venstre øverste hjørne og et i højre nederste hjørne?
(Billederne er små, og der skal være tekst i mellem dem, men de må ikke scrolle med teksten!)
BODY {
background-image: url(billede.gif);
background-repeat: no-repeat;
background-position: 10% 50%;
background-attachment: fixed;
margin-left: 0%;
margin-right: 0%;
}
Virker kun med ét billede!
Avatar billede skjoldby Nybegynder
18. oktober 1999 - 19:55 #1
Sæt det ind i en tabel:

<style type="text/css">
<!--
.topvenstre {  background-image: url(topvenstre.gif); background-repeat: no-repeat}
.tophojre {  background-image: url(tophojre.gif); background-repeat: no-repeat}
.bundvenstre {  background-image: url(bundvenstre.gif); background-repeat: no-repeat}
.bundhojre { background-image: url(bundhojre.gif); background-repeat: no-repeat }
-->
</style></head>

<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="topvenstre">&nbsp;</td>
    <td class="tophojre">&nbsp;</td>
  </tr>
  <tr>
    <td class="bundvenstre">&nbsp;</td>
    <td class="bundhojre">&nbsp;</td>
  </tr>
</table>


SKJOLDBY
Avatar billede dannyboy Nybegynder
18. oktober 1999 - 21:19 #2
Ja, det virker næsten. Jeg måtte reducere lidt i koden da det kun er 2 billeder der er tale om (HojreNED og VenstreOP) Problemet med tabellen er
at der skal være tekst imellem de to billeder (uden brug af frames/iframe)
og scrolleren yderst til højre SKAL kunne indvirke på teksten.  Desuden har jeg linket til mit CSS script men det
er en mindre detalje. :-)
Avatar billede mit Nybegynder
18. oktober 1999 - 21:21 #3
skjoldby >> Så scroll'er den jo med

dannyboy >> Det tror jeg ikke at man kan - altså indsætte mere end et billede - men, man kunne evt. sætte dem sammen til et stort billede (selvfølge bare med 1px transperant hele vejen rundt), og så indsætte det i stedet...
Avatar billede mit Nybegynder
18. oktober 1999 - 21:22 #4
meeen, så løber du jo ind i det sædvanlige med, at du ikke kender browserens opløsning på forhånd, og skal derfor lave et billede til hver opløsning :(
Avatar billede skjoldby Nybegynder
18. oktober 1999 - 22:07 #5
Jeg har svært ved at forstå hvad du mener, har du ikke en URL...
Avatar billede dannyboy Nybegynder
18. oktober 1999 - 23:04 #6
Ikke uploaded endnu... Men hvis du ser på www.ninja.dk (Den røde bjælke i venstre side) Forstil dig én i hver side i stedet, og med mulighed for at scrolle sidens indhold som normalt.
Avatar billede skjoldby Nybegynder
18. oktober 1999 - 23:27 #7
Jeg tror nu godt det kan lade sig gøre på en eller anden måde. Blandt andet ved at bruge lag. Jeg skal se hvad jeg kan gøre...
Avatar billede skjoldby Nybegynder
19. oktober 1999 - 09:34 #8
Dette kan lade sig gøre i IE 4 men ikke i NE4 (typisk):

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.topvenstre {  background-attachment: fixed; background-repeat: no-repeat; background-position: left top}
.bundhojre {  background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom}

-->
</style></head>

<body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<Layer name="baggrund" visibility="show">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="topvenstre" background="pics/top.gif">&nbsp;</td>
    <td class="bundhojre" background="pics/bund.gif">&nbsp;</td>
  </tr>
</table>
</layer>

</body>
</html>
Avatar billede bjarte Nybegynder
19. oktober 1999 - 09:58 #9
Dette funker ikke i Nescape 3.0 Gold, er det noen måte å få bakgrunn i tabeller der?
Avatar billede dannyboy Nybegynder
19. oktober 1999 - 17:23 #10
Tak Lars, det rykker!
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:28 slet gemte logind Af knuldefar1942 i Diverse
24/1020:40 Access udskrift mangler del af ramme om post. Af Uvanga i Access
24/1012:36 nulstille Samsung tablet T-580 Af fase i Tablet
23/1017:19 Kender I "Dropbox" ? Af Ikke-ekspert i Andet software
23/1016:28 Indsæt en kort video i Outlook 2024 Af ErikHg i E-mail programmer
White papers
Flere white papers »