Søg
Avatar billede webrex Nybegynder
23. august 2005 - 13:34 Der er 14 kommentarer og
1 løsning

div spgm.

Hej

Kan ikke lige huske flg.:

Hvis jeg har en div #topbanner og lige under en div #menu, som floater left - og jeg gerne vil have at #menu ligger lidt oppe på #topbanner - hvad gør man da smartest?

Mvh.
Webrex
Avatar billede roenving Novice
23. august 2005 - 13:41 #1
f.eks. position:relative;top:-10px; !-)
Avatar billede softspot Forsker
23. august 2005 - 13:42 #2
roenving >> Kan man ikke også benytte margin-top:-10px
Avatar billede webrex Nybegynder
23. august 2005 - 13:43 #3
Ja, det prøvede jeg også, men begge divs ligger i div'en# indhold og den gad ikke vise background-image, som jeg lage i indholdsdiv'en så tror jeg laver noget galt.
Avatar billede softspot Forsker
23. august 2005 - 13:47 #4
hmmm... forstår ikke lige det der med billede, men flg. fungerer i IE og FF

<html>
<head>
<title>CSS playground</title>
<style type="text/css">
#indhold { width:770px; background-image:url(det-der-bgbillede.jpg);background-repeat:no-repeat; }
#topbanner { width:770px; }
#menu { float:left; margin:-10px 0px 0px 0px; }
</style>
</head>
<body>

<div id="indhold">
    <div id="topbanner">noget indhold i topbanner<br>og flere linier af det<br>såmænd...</div>
    <div id="menu">bla bla bla</div>
</div>

</body>
</html>
Avatar billede roenving Novice
23. august 2005 - 13:57 #5
>>softspot @23/08-2005 13:42:43

-- jo, det er en anden af mulighederne !-)
Avatar billede softspot Forsker
23. august 2005 - 14:01 #6
roenving >> men jeg bemærker at du eksplicit angiver position:relative. Er det ikke standard-indstillingen for postition, eller er den vigtig at få med?
Avatar billede roenving Novice
23. august 2005 - 14:04 #7
Det var for at være sikker på, at den var sat til det, for ellers vil top jo ikke virke på den tilsigtede måde !-)
Avatar billede softspot Forsker
23. august 2005 - 14:09 #8
ok
Avatar billede webrex Nybegynder
23. august 2005 - 14:29 #9
Ja, underligt er det: Den viste altså ikke bg-image, da jeg ellers lagde det i #indhold { background-image: url(billede.jpg)}; - men mystisk er det - for jeg løser umiddelbart problemet ved at lægge style på indhold html - dokumentet - sådan: <div id="indhold" style="background-image: url(billede.jpg)">.
Avatar billede roenving Novice
23. august 2005 - 14:31 #10
Bruger du et eksternt stylesheet ?-)
Avatar billede webrex Nybegynder
23. august 2005 - 14:34 #11
Ja - bruger to - (bruger den måde du beskrev for mig forleden - et generel.css og et til de enkelte sider.
Avatar billede roenving Novice
23. august 2005 - 14:39 #12
Der kan være problemer med stier, hvis man ikke har alt liggende i samme mappe, så prøv i stylesheetet at angive stier relative til webroden:

#indhold { background-image: url(/evt_mappe/billede.jpg)}

/ forrest i en sti henviser til den pågældende webrod !-)
Avatar billede webrex Nybegynder
23. august 2005 - 14:51 #13
Ja, det var derfor! - (jeg var uopmærksom, doH!) - Mange tak, smid et svar!
(Tillad mig at korrigere dig - Sagt med et smil! : Der skal altid .. foran / før det virker - Eks.: ../
;)
Avatar billede roenving Novice
23. august 2005 - 15:02 #14
Nej, det betyder bare noget andet:

/ først svarer til www.ditSite.dk/ (eller måske på localhost c: !-)

-- mens

../ betyder mappen ovenover (som kan være den samme !-)

-- på visse systemer skal man også eksplicit angive den samme mappe med

./

-- els velbekomme '-)
Avatar billede webrex Nybegynder
23. august 2005 - 15:07 #15
Ja, ok - men arbejder lige lokalt - så i mit tilfælde var det nødvendig med ../

Men jeg tager ved lære af det - ;)
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 »