Søg
Avatar billede badal Nybegynder
01. februar 2005 - 17:32 Der er 9 kommentarer og
1 løsning

div element eller table

Er der nogen der kan give eksempel på et div element eller en tabel der har en fast brede/højde. feks

<div style="height=100px; width=100px">
<img src="billede.jpg" alt=">

</div>

Tanken er at selv hvis billede er feks 200 i brede + højde at den ikke gøre div større. Man kan selvfølig skrive højde/brede i img men det skal helst laves uden.
Avatar billede boomshanka Nybegynder
01. februar 2005 - 17:38 #1
Prøv at erstatte <div style="height=100px; width=100px"> med <div style="height:100px; width:100px;">
Avatar billede badal Nybegynder
01. februar 2005 - 17:45 #2
det virker ikke:

<html>
<head>
</head>
<body>
    <div style="height:10px; width:10px; border-style:1px">
        <img src="http://www.google.dk/images/hp0.gif">
    </div>
</body>

</html>
Avatar billede boomshanka Nybegynder
01. februar 2005 - 22:17 #3
Aha...prøv med den her - den skulle ikke ændre størrelsen på dit <div>:
<html>
<head>
</head>
<body>
<div style="height:100px; width:100px; background-image:url(hp0.gif); background-repeat:no-repeat;"></div>
</body>
</html>
Avatar billede boomshanka Nybegynder
01. februar 2005 - 22:19 #4
hep - glemte lige 1px border:

<html>
<head>
</head>
<body>
<div style="height:100px; width:100px; border: 1px solid black; background-image:url(hp0.gif); background-repeat:no-repeat;"></div>
</body>
</html>
Avatar billede badal Nybegynder
01. februar 2005 - 22:47 #5
det virker på den måde men jeg ville helst have at jeg kunne indsætte billedet mellem <div></div>. Hvis der nu skal indsætte flere billeder + tekst osv.
Avatar billede olebole Juniormester
01. februar 2005 - 23:41 #6
<ole>

- og hvad ønsker du skal ske, hvis billede+tekst kommer til at fylde for meget i forhold til div'ets størrelse?

Derudover er det sjældent smart at undvære dimensioner på billeder. Specielt IE ligner en kollikramt gnu i dødskramper, når den loader, hvis der ikke explicit er sat størrelser på sidens billeder.

/mvh
</bole>
Avatar billede boomshanka Nybegynder
02. februar 2005 - 00:25 #7
Jep, jeg er enig med olebole (og dog er jeg ikke sikker på jeg ville være i stand til at spotte en kollikramt gnu, hvis den lå i dødskramper :-) )

Problemet ligger i kategorien "det-kan-lade-sig-gøre-men-ser-uterligt-ud" - med mindre du virkelig VIL have en fast bredde og højde uanset størrelsen på billedet (du kan jo altid tilføje flere <div>-tags med nye baggrundsbilleder eller tekst) så ville jeg anbefale at at lave thumbnails af billederne (med ens dimensioner) og så evt. linke til billedet i fuld størrelse.
Avatar billede olebole Juniormester
02. februar 2005 - 00:51 #8
Ja, én ting er selve opførslen under loading (som var det, jeg henviste til) ... en helt anden er, at det som oftest ser _meget_ grimt ud, når man resizer et billede i HTML/CSS (som boomshanka ganske rigtigt anfører).

Hele idéen med at lave thumbnail-billeder (små versioner, man kan klikke på og se det samme i stor størrelse) er, at man så undgår at downloade de store billeder på én gang - men først downloader dem enkeltvis, når de skal bruges.
At downloade alle de store billeder på én gang er vel nærmest at sidestille med 'brugertortur'  :)

Under alle omstændigheder bør billeder altid have de dimensioner, de skal vises i på en HTML-side.
Avatar billede badal Nybegynder
02. februar 2005 - 08:53 #9
hejsa selvom det ser kikset ud så skal der være fast/brede plus højde på div elementet. Og hvis billedet eller teksten er for stort så skal den formindskes så den kan være i div elementet. Det gør ikke noget hvis det ser kikset ud.
Avatar billede badal Nybegynder
02. februar 2005 - 11:38 #10
jeg fandt selv ud af det så tager  mine point igen. Løsningen på dette er at tilføje overflow: hidden; i div elementet.
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 dag 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
White papers
Flere white papers »