html - PX fra top? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 3 > >>

Bruger #5085 @ 16.03.04 15:38

Hey... Har brug for hjælp... Jeg er ved at opgradere mine tables til div/layers og er løbet ind i et problem. Jeg har lavet et lidt kompliceret design der giver min bøvl.
Jeg skal have en bund på en boks, og bunden skal være i et andet layer...

Men selve boksens højde variere, alt efter hvor meget tekst der er i boksen. Derfor skal det antal px som bunden sidder fra toppen også variere.
Men skal jeg selv, i alle mine sider, finde ud af hvor mange px det er? Og der efter skrive det ned i mit style sheet? Er der ikke et eller andet trick i f.eks. php?
Skriv endeligt hvis I ikke forstår...
PLZ hjælp mig, jeg er gået i stå...

EvoLution ...We can always be smarter...

[Redigeret d. 16/03-04 15:39:02 af EvoLutions]

24 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #4479 @ 16.03.04 17:15

602

Hmm... den siger fejl igen... http://bdigital.frac.dk/Traad/Fejl.bmp <- den skriver den fejl...

Kan du ikke give mig hele din kode?

Hilsen Mathias

Bruger #4479 @ 16.03.04 17:18

602

Hmm... den siger fejl igen... http://bdigital.frac.dk/Traad/Fejl.bmp <- den skriver den fejl... og jeg har tjekket, navnet r rigtigt...

[Redigeret d. 16/03-04 17:15:49 af EvoLutions]

Den giver ikke fejl hos mig...

Hilsen Mathias

Bruger #5085 @ 16.03.04 17:20

Selfølig:

http://bdigital.frac.dk/Traad/ikke_faerdig.htm og mit style sheet: http://bdigital.frac.dk/style/style.css

Bruger #4479 @ 16.03.04 17:24

602

Selfølig:

http://bdigital.frac.dk/Traad/ikke_faerdig.htm og mit style sheet: http://bdigital.frac.dk/style/style.css

Jeg for ingen fejl?? Men kan du ikke give mig koden da min computer ikke kan lave vis kilde??
Hilsen Mathias

Bruger #5085 @ 16.03.04 17:31

her goes:

Kode

<(html)><head><title>Beautiful Digital</title><link rel="stylesheet" type="text/css" href="http://bdigital.frac.dk/style/style.css"><script>
document.all.text_box_middel.style.top =  document.all.oe_boks.offsetHeight;
document.all.text_box_middel_bund.style.height =  parseInt(500-document.all.oe_boks.offsetHeight);
</script>
</head><body><div id="logo_top"></div><div id="logo_menu" align="center"></div><div id="logo_bund"></div><div id="menu_tekst" align="center"><h1>Menu 1 :: Menu 2 :: Menu 3 :: Menu 4</h1></div><div id="links_box" align="center"><br><h2>++Links-box</h2><h1><br>Text<br>Text<br>Text<br>Text<br>Velkommen til min side<br><br><br>Det er en god side,<br>ikke sandt?</h1></div><div id="text_box_top"></div><div id="text_box_middel" align="center"><br><h3>Hello</h3></div><div id="text_box_middel_bund"></div></body></html>

style-sheet:

Kode

body {
	background: black;
                   align="center";
	scrollbar-face-color:#4E5765;scrollbar-shadow-color:#3B5986;
	scrollbar-highlight-color:#A9C6F3;scrollbar-3dlight-color:#A9C6F3;
	scrollbar-darkshadow-color:#3B5986;scrollbar-track-color:#000000;
	scrollbar-arrow-color:A9C6F3;
}
h1 {
           color: #A9C6F3;
           font-style: bold;
           font-size: 12px;
           font-family: Trebuchet, Arial, Verdena, sans-serif;
           
}
h2 {
          color:#BDDAFF;
          font-family: Trebuchet, Arial, Verdena, sans-serif;
          font-size: 14px;    

}
h3 {
           color: #000000;
           font-style: bold;
           font-size: 12px;
           font-family: Trebuchet, Arial, Verdena, sans-serif;
           
}
textarea
	{background: #4E5765; 
	filter:alpha(opacity=75);
	color:#D2D9E;
	font:9pt;
	font-family: Trebuchet, Arial, sans-serif;
}

}
#logo_top
      { position: absolute;
         top: 20px;
         left: 60px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Logo_top.jpg");
         width: 869px;
         height: 312px;
}
#logo_menu
      { position: absolute;
         top: 332px;
         left: 60px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Logo_menu.jpg");
         width: 869px;
         height: 45px;
}         
#logo_bund
      { position: absolute;
         top: 377px;
         left: 60px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Logo_bund.jpg");
         width: 869px;
         height: 5px;
         
         
}
#links_box
      { position: absolute;
         top: 450px;
         left: 60px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Box_tynd_lang.jpg");
         width: 220px;
                  
         
}
#text_box_top
      { position: absolute;
         top: 450px;
         left: 300px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Box_tyk_top.jpg");
         width: 500px;
         height: 32px;         
         
}
#text_box_middel
      { position: absolute;
         top: 482px;
         left: 300px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Box_tyk_middel.jpg");
         width: 500px;
                
         
}
#text_box_middel_bund
      { position: absolute;
         left: 300px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Box_tyk_middel_bund.jpg");
         width: 500px;
         height: 34px;
              
         
}
#menu_tekst
      { position: absolute;
         top: 340px;
         left: 425px;
                  
         
}
a:link {
	color:#A9C6F3;
	text-decoration:underline;
}
a:visited {
	color:#A9C6F3;
	text-decoration:underline;
}
a:active {
	color:#A9C6F3;
	text-decoration:none;
}
a:hover {
	color:#3B5986;
	text-decoration:none;
}

[Redigeret d. 16/03-04 17:35:00 af EvoLutions]

Bruger #4479 @ 16.03.04 17:38

602

her goes:

Kode

<(html)><head><title>Beautiful Digital</title><link rel="stylesheet" type="text/css" href="http://bdigital.frac.dk/style/style.css"><script>
document.all.text_box_middel.style.top =  document.all.oe_boks.offsetHeight;
document.all.text_box_middel_bund.style.height =  parseInt(500-document.all.oe_boks.offsetHeight);
</script>
</head><body><div id="logo_top"></div><div id="logo_menu" align="center"></div><div id="logo_bund"></div><div id="menu_tekst" align="center"><h1>Menu 1 :: Menu 2 :: Menu 3 :: Menu 4</h1></div><div id="links_box" align="center"><h2>++Links-box</h2><h1>TextTextTextTextVelkommen til min sideDet er en god side,ikke sandt?</h1></div><div id="text_box_top"></div><div id="text_box_middel" align="center"><h3>Hello</h3></div><div id="text_box_middel_bund"></div></body></html>

style-sheet:

Kode

body {
	background: black;
                   align="center";
	scrollbar-face-color:#4E5765;scrollbar-shadow-color:#3B5986;
	scrollbar-highlight-color:#A9C6F3;scrollbar-3dlight-color:#A9C6F3;
	scrollbar-darkshadow-color:#3B5986;scrollbar-track-color:#000000;
	scrollbar-arrow-color:A9C6F3;
}
h1 {
           color: #A9C6F3;
           font-style: bold;
           font-size: 12px;
           font-family: Trebuchet, Arial, Verdena, sans-serif;
           
}
h2 {
          color:#BDDAFF;
          font-family: Trebuchet, Arial, Verdena, sans-serif;
          font-size: 14px;    

}
h3 {
           color: #000000;
           font-style: bold;
           font-size: 12px;
           font-family: Trebuchet, Arial, Verdena, sans-serif;
           
}
textarea
	{background: #4E5765; 
	filter:alpha(opacity=75);
	color:#D2D9E;
	font:9pt;
	font-family: Trebuchet, Arial, sans-serif;
}

}
#logo_top
      { position: absolute;
         top: 20px;
         left: 60px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Logo_top.jpg");
         width: 869px;
         height: 312px;
}
#logo_menu
      { position: absolute;
         top: 332px;
         left: 60px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Logo_menu.jpg");
         width: 869px;
         height: 45px;
}         
#logo_bund
      { position: absolute;
         top: 377px;
         left: 60px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Logo_bund.jpg");
         width: 869px;
         height: 5px;
         
         
}
#links_box
      { position: absolute;
         top: 450px;
         left: 60px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Box_tynd_lang.jpg");
         width: 220px;
                  
         
}
#text_box_top
      { position: absolute;
         top: 450px;
         left: 300px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Box_tyk_top.jpg");
         width: 500px;
         height: 32px;         
         
}
#text_box_middel
      { position: absolute;
         top: 482px;
         left: 300px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Box_tyk_middel.jpg");
         width: 500px;
                
         
}
#text_box_middel_bund
      { position: absolute;
         left: 300px;
         background-image: url("http://bdigital.frac.dk/Billeder/Tables/Box_tyk_middel_bund.jpg");
         width: 500px;
         height: 34px;
              
         
}
#menu_tekst
      { position: absolute;
         top: 340px;
         left: 425px;
                  
         
}
a:link {
	color:#A9C6F3;
	text-decoration:underline;
}
a:visited {
	color:#A9C6F3;
	text-decoration:underline;
}
a:active {
	color:#A9C6F3;
	text-decoration:none;
}
a:hover {
	color:#3B5986;
	text-decoration:none;
}

[Redigeret d. 16/03-04 17:35:00 af EvoLutions]

Nu forstår jeg det slet ikke

Skal der nu være
øverstebillede
tekst
nederstebillede
eller hvad?

Hilsen Mathias

[Redigeret d. 16/03-04 17:40:00 af Mathias Knudsen]

Bruger #4479 @ 16.03.04 17:44

602

Er det sådan noget her

Kode

<div>
HER ER TEKST!!!!<BR>SDAFKM ASDKFJ ASDJFKLASDJF LKASDF<BR>ASDF ASDFASDF <BR>DWAF ASDF<BR>ASDFASDF<BR>ASDFASDF<BR>DSAFASDF<BR>DASFASDF
<div>HER ER OGSÅ TAEKST!!!!</div>
</div>

Bruger #5085 @ 16.03.04 17:47

Er det sådan noget her

Kode

<div>
HER ER TEKST!!!!SDAFKM ASDKFJ ASDJFKLASDJF LKASDFASDF ASDFASDF DWAF ASDFASDFASDFASDFASDFDSAFASDFDASFASDF
<div>HER ER OGSÅ TAEKST!!!!</div>
</div>

Ja...

[Redigeret d. 16/03-04 17:47:26 af EvoLutions]

Bruger #4479 @ 16.03.04 17:48

602

Er det sådan noget her

Kode

<div>
HER ER TEKST!!!!SDAFKM ASDKFJ ASDJFKLASDJF LKASDFASDF ASDFASDF DWAF ASDFASDFASDFASDFASDFDSAFASDFDASFASDF
<div>HER ER OGSÅ TAEKST!!!!</div>
</div>

Ja cirka

Så forstod jeg det HELT forkert!! jeg troede at hvis nu teksten var 300px skulle det nederste være 200px osv.

Hilsen Mathias

Ps. er det så godt nok?

Bruger #5085 @ 16.03.04 17:49

Altså to layers/div hvor der er tekst i den ene og tekst i den anden. Grunden til at det skal passe ordenligt, er mine baggrundsbilleder... Hvis jeg er helt galt på den så sig endelig til

[Redigeret d. 16/03-04 17:50:44 af EvoLutions]

<< < 1 2 3 > >>

PX fra top?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler