Søg
Avatar billede var Nybegynder
29. maj 2007 - 15:47 Der er 13 kommentarer og
2 løsninger

Kontrollere width og height i flere billeder.

Hey jeg vil gerne have hjælp til at kontrollere mange billedere via 1 fil.

altså jeg vil gerne have at billederne har samme størrelse, hvordan kan jeg gøre så koden "henter" width og height fra et andet sted fx en css fil.  fx:

<IMG SRC="hej.gif" WIDTH=100 HEIGHT=100>

Når jeg så ændrer i fx css filen så skal width og height skifte værdi. Kort sagt så vil jeg gerne kunne lave en CSS/PHP fil som styrer alle billedernes width og height. Så jeg ikke skal rette alle html filerne med billederne i en efter en når jeg vil ændre størrelsen
Avatar billede roenving Novice
29. maj 2007 - 15:53 #1
I en css-fil:

img{width:100px;height:100px;}

-- hvis de skal have en bestemt bredde/højde, men har forskellige forhold mellem højde og bredde, skal du nøjes med at angive den ene ...

Ovenstående vil berøre _alle_ billeder, hvis det kun er en bestemt type og/eller nogle bestemte billeder, der skal vises på den måde kan du sætte en klasse på:

<img src=" ... " class="vis100x100">

.vis100x100{width:100px;height:100px;}
Avatar billede mrbonus Novice
29. maj 2007 - 15:56 #2
Du fjerner width og height på dit <IMG> tag, og så indsætter du et class="MyImage" i dit <IMG> tag, i din css style kan du så skrive

.MyImage
{
  width:100px;
  height:100px;
}

tagget kan se således ud

<img src="hej.gif" class="MyImage">
Avatar billede var Nybegynder
29. maj 2007 - 15:56 #3
Billederne var vist som eksempel. Hvad hvis jeg har en google video kode? fx:

<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-4505462782975458603&hl=en" flashvars=""> </embed>

Hvad skal jeg så skrive i hhv. HTML med koden i og css filen?
Avatar billede roenving Novice
29. maj 2007 - 16:00 #4
-- det samme !-)

.video{width:400px; height:326px;}

<embed class="video" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-4505462782975458603&hl=en" flashvars=""> </embed>
Avatar billede mrbonus Novice
29. maj 2007 - 16:01 #5
<style>
.MyVideo
{
  width:100px;
  height:100px;
}
</style>
<embed class="MyVideo" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-4505462782975458603&hl=en" flashvars=""> </embed>

Husk at dine width og height, du allerede har på taggene, skal fjernes, ellers virker det ikke
Avatar billede var Nybegynder
29. maj 2007 - 16:01 #6
mange tak skal i have.. Smid et svar begge to :)
Avatar billede roenving Novice
29. maj 2007 - 16:04 #7
Velbekomme '-)
Avatar billede mrbonus Novice
29. maj 2007 - 16:05 #8
ja velbekomme
Avatar billede roenving Novice
29. maj 2007 - 16:09 #9
>>Hov, mrbonus

-- du manglede noget væsentligt i dit eksempel, da en type-attribut er obligatorisk på et style-tag:

<style type="text/css">

-- og tak for point ;~}
Avatar billede mrbonus Novice
29. maj 2007 - 16:12 #10
:) jeg testede det i IE og det virkede, så var resten ikke så vigtigt, det var jo ikke det der var spørgsmålet :)
Avatar billede roenving Novice
29. maj 2007 - 16:21 #11
-- men det vil være katastrofalt i nogle browsere, som faktisk følger w3cs standard på det område, og det er som sagt obligatorisk !-)
Avatar billede var Nybegynder
01. juni 2007 - 16:23 #12
sjovt nok virker det ikke nu >:(

Følgende kode i filen hej.css
.video
{
width:700px;
height:326px;
}

Følgende kode i hej.html
<embed class="video" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-4505462782975458603&hl=en" flashvars=""> </embed>
Avatar billede mrbonus Novice
01. juni 2007 - 19:00 #13
det virker sammen, har lige testet det, er du sikker på at der er et link til css filen? Og at linket er korrekt?
Avatar billede var Nybegynder
02. juni 2007 - 14:32 #14
hvordan ser linket ud
Avatar billede mrbonus Novice
02. juni 2007 - 14:50 #15
<link rel="stylesheet" type="text/css" href="http://sti.til.din/csscfill.css" />

så skal href pege på din css fil, ellers virker den css fil ikke i den html fil.
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 20:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
18/0720:34 Tidsbestemt Gendannelse - ny funktion i Windows Af Uvanga i Windows
White papers
Flere white papers »