Søg
Avatar billede dennism Nybegynder
02. november 2008 - 14:59 Der er 7 kommentarer og
2 løsninger

HTML: Img align

Jeg har uploadet en simpel kode her:
http://demaweb.dk/uploads/img.html

Mit problem er, at billedet "falder uden for" den div med borderen. Det skal gerne se ud som om at billedet ligger inden i div-boksen. Problemet skyldes den align="left" som jeg har sat på. Men hvordan løser jeg det ellers?
Avatar billede zips Juniormester
02. november 2008 - 15:26 #1
Noget i denne stil.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Image</title>
<style type="text/css">
/* CSS Document */

div#logobox    {   
    border:1px #000000 solid;
    height:99px;
}
img    {   
    display:block;
}
div#logo {
    float:left;
}
</style>
</head>
<body>

<div id="logobox">
<div id="logo"><img src="http://www.eksperten.dk/img/elogo.png" alt="logo"></div>Text
</div>

</body>
</html>
Avatar billede dennism Nybegynder
02. november 2008 - 15:48 #2
Et af problemerne er at jeg ikke ved hvad højden af billedet er!
Avatar billede w13 Novice
02. november 2008 - 15:52 #3
Prøv med:

<div id="logobox">
<div id="logo"><img src="http://www.eksperten.dk/img/elogo.png" alt="logo"></div>Text
<div style="clear:both"></div>
</div>
Avatar billede zips Juniormester
02. november 2008 - 16:08 #4
ja som w13 skriver sletter du height i div#logobox og sætte den clear:both ind som han har gjort, så virker det :)
Avatar billede dennism Nybegynder
02. november 2008 - 16:51 #5
Vil du smide et svar, w13?
Avatar billede zips Juniormester
02. november 2008 - 17:15 #6
Her er et svar :)
Avatar billede dennism Nybegynder
02. november 2008 - 18:21 #7
Vil også gerne have et svar fra w13. Det var hans clear der hjalp.

Tak for hjælpen.
Avatar billede w13 Novice
02. november 2008 - 19:10 #8
:)
Avatar billede zips Juniormester
02. november 2008 - 19:41 #9
Tak for point :)
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 21:11 Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP
I går 16:10 Tomt felt i Start Af ErikHg i Windows
19/0123:00 Hyperlink til tekst Af Nanarsi i Excel
18/0121:03 Forlænge ringetid Af 1Dorte i Apps til Android
17/0117:38 Video ikoner Af Malm i Windows
White papers
Flere white papers »