Avatar billede mm12010 Nybegynder
23. april 2003 - 01:19 Der er 17 kommentarer og
1 løsning

minimum width

Jeg har denne :

<div style="float: right; padding: 0px 0px 10px 10px;"><img src="../graphics/kunst/strPic.jpg"><br>pictxtpictxt pictxtpictxt  pictxtpictxtpictxt  pictxt pictxtpictxt pictxtpictxt</div>

som jeg skal have sat en width-style på, der gør at div'en bliver så smal som muligt. Så linjen brydes når der er mellemrum, hvis teksten er længere end billedet er bredt.

Jeg kender ikke width på billedet.
Avatar billede schaefner Juniormester
23. april 2003 - 01:26 #1
<div style="float: right; padding: 0px 0px 10px 10px; width: 1px"><img src="../graphics/kunst/strPic.jpg"><br>pictxtpictxt pictxtpictxt  pictxtpictxtpictxt  pictxt pictxtpictxt pictxtpictxt</div>

Så er den så lille som den kan være.
Avatar billede schaefner Juniormester
23. april 2003 - 01:30 #2
nææh, det kan man ikke :(
Avatar billede olebole Juniormester
23. april 2003 - 01:39 #3
<ole>

mm12010 >> Hvad er idéen med den kode - i det hele taget? Hvad vil du med den float?

/mvh
</bole>
Avatar billede olebole Juniormester
23. april 2003 - 01:52 #4
Kender du ikke bredden på billedet, bliver det vanskeligt at sætte en begrænsende bredde på container'en. Har du ikke mulighed for at sætte det serverside, må du nok gøre det med JS.
/mvh
Avatar billede grunken Nybegynder
23. april 2003 - 01:55 #5
mm> ved godt at dette burde ligge i Js-kategorien :)

men giver dig en idé om det her alligevel!

<script language="javascript">
var billede, pic, bredde
billede = '../graphics/kunst/strPic.jpg';
pic = new Image();
pic.src = billede;
bredde = pic.width;
document.write ('<div style="float: right; padding: 0px 0px 10px 10px; width:'+bredde+'px;"><img src="'+billede+'"><br>pictxtpictxt pictxtpictxt  pictxtpictxtpictxt  pictxt pictxtpictxt pictxtpictxt</div>');
</script>

-grunken
Avatar billede olebole Juniormester
23. april 2003 - 02:07 #6
grunken >> Det bør køres på onload, da du ikke kan loade billedet, før du afvikler resten af koden. Prøv med et stort (tungt) billede:

<script language="javascript">
  var billede, pic, bredde
  billede = '../graphics/kunst/strPic.jpg';
  pic = new Image();
  pic.src = billede;
  alert(pic.width)
</script>

Det vil helt sikkert returnere '0'  ;o)
/mvh
Avatar billede olebole Juniormester
23. april 2003 - 02:09 #7
Det er ikke sikkert, det skal bruges til store billeder, men en lidt dårlig forbindelse giver samme resultat. Det er for usikkert  :)
Avatar billede grunken Nybegynder
23. april 2003 - 02:32 #8
Helt korrekt Ole :)

men det var jo osse bare for at gi en idé :)

og jeg må indrømme at jeg glemmer den slags når jeg selv sidder bag en 2mbit :/
Avatar billede grunken Nybegynder
23. april 2003 - 02:35 #9
Hov Forresten ;D

Ole det er da elles sjældent man ser dig i de her kategorier ;), er der blever for lidt kød på JS katagorien ? :)
Avatar billede olebole Juniormester
23. april 2003 - 02:45 #10
Ehhhh ..... såvidt jeg ved, ligger jeg vist øverst i DHTML-Top10 - så lidt er jeg da kommet her gennem tiden  ;o)
Avatar billede grunken Nybegynder
23. april 2003 - 02:50 #11
*LÅÅÅL*, det er du jo oss, hehe så blev det sq sengetid igen!
Avatar billede olebole Juniormester
23. april 2003 - 02:51 #12
Og jeg har ligget der i årevis .... også selvom jeg var væk 3/4 år. Så deeeeeeeeeeet .........  :)
Sov godt  ;o)
Avatar billede mm12010 Nybegynder
23. april 2003 - 13:47 #13
der må ikke indgå client-side scripts i løsningen, da det vil smadre mit desing hvis det ikke virker...

jeg har mulighed for asp(JScript), men uden image-komponenter.
Avatar billede olebole Juniormester
23. april 2003 - 14:39 #14
<div style="position:absolute;right:10px;">
<table style="width:10px;" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td><img src="../graphics/kunst/strPic.jpg"></td>
</tr>
<tr>
    <td>pictxtpictxt pictxtpictxt  pictxtpictxtpictxt  pictxt pictxtpictxt pictxtpictxt</td>
</tr>
</table>
</div>
Avatar billede mm12010 Nybegynder
23. april 2003 - 15:30 #15
jeg det har jeg prøvet, men der må da findes en mere "elegant" måde at gøre det på med css? :)
Avatar billede olebole Juniormester
23. april 2003 - 15:50 #16
'elegant' ....?!!??? Det må du forklare lidt nærmere.
Er det fordi, du lider af den vrangforestilling, at det er 'uelegant' eller 'gammeldags' at benytte tabeller? Så kan jeg oplyse dig, at du er helt gal på den  :)

Der verserer mange ammestuehistorier på WWW om div/CSS kontra table/CSS - og de bunder for langt de flestes vedkommende i uvidenhed. Det er et lidt latterligt modelune, der intet har at gøre med virkeligheden.
Tværtimod bør man da bruge tabeller til det, _de_ er velegnede til - og divs til det, _de_ er velegnede til. Da W3C ikke agter at deprecate tabeller er det tydeligvis også deres opfattelse  ;o)
/mvh
Avatar billede mm12010 Nybegynder
23. april 2003 - 16:25 #17
jeg har skam intet imod tabeller, det er tanken om at width er sat til 10px men i realiteten bliver større der irriterer mig...

men hvis du mener at det er _måden_ at gøre det er pointene dine...
Avatar billede olebole Juniormester
23. april 2003 - 16:41 #18
Det er ganske i overensstemmelse med standarden. Det ligger jo netop i den, at dimensionerne skal udvidde sig, hvis indholdet bliver større end den angivne størrelse.
Når CSS2 bliver ordentlig implementeret bliver der endvidere mulighed for at sætte minimum- og maximumstørrelser - men det hjælper jo heller ikke rigtig her  :)
/mvh
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester