/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn 

Kodeord  


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5306
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Tilpasse foto til alle skærme
Fra : kartoffel88
Vist : 594 gange
96 point
Dato : 18-01-07 03:36

Jeg er evd at lave en hjemmeside. Forsiden er lidt tom, så jeg har et billede jeg vil lægge på. Men hvordan sørger jeg for at fru Jørgensen ikke kun får halvdelen af billedet at se fordi hun evt. har en mindre skærm end mig.?

Nogen der ved det?

 
 
Kommentar
Fra : disken


Dato : 18-01-07 05:34

Du kan selv tilpasse højde og bredde.
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<p>&nbsp;
<table border>
<tr>
<td width="964" height="219"><p>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
</body>

</html>

Kommentar
Fra : kartoffel88


Dato : 18-01-07 08:03

Men det laver jo bare en kasse oven over min tekst.
Billedet skulle gerne være på den hvide baggrund i højre side nederst, og fylde det meste af alle skærme, uden at være inden i en table.

Kan man ikke lave noget ala "variable" hight/width osv.?

Kommentar
Fra : disken


Dato : 18-01-07 08:35

molokyle -- kom med svaret for ikke så lang tid siden,
prøv at søg under hans profil.

Kommentar
Fra : amandaKanDu


Dato : 18-01-07 08:48

Hvis du sætter billedet i en tabel, hvor du opretter tabellen med procent sttørrelse istedet for pixel.
Så vil tabel/billede altid kun fylde f.eks. 60 % af skærmen, og så er det uden betydning hvor stor/lille skærmen er.

Kommentar
Fra : ajuul


Dato : 17-04-07 22:03

Du skal bruge lidt javascript for at få det til at passe til alle skærmstørrelser:

Kode
<body>
<script type="text/javascript">
<!--
   x=window.screen.availWidth*.2
   y=window.screen.availHeight*.2;
   document.write('<img border="0" src="IMGP2705.JPG" width="'+x+'" height="'+y+'" id="billede">')
   //document.images["billede"].height=y

//-->
</script>

<p>
<!--img border="0" src="file:///F:/Fotos/Anders/IMGP2705.JPG" id="billede"--></p>

</body>


Dette kan varieres i det uendelige - det bedste eksempel er:
Kode
<img border="0" src="IMGP2705.JPG" height=1 width=1 name="billede"></p>
<script type="text/javascript">
<!--
   document.images.billede.width=window.screen.availWidth*.2;
   document.images.billede.height=window.screen.availHeight*.2;
//-->
</script>



Anders

Du har følgende muligheder
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
Søg
Reklame
Statistik
Spørgsmål : 176970
Tips : 31936
Nyheder : 719565
Indlæg : 6404901
Brugere : 218804

Månedens bedste
Årets bedste
Sidste års bedste