Notifikationer

Markér alle som læst Log ud

it-interesseret Nybegynder

06. juni 2006 - 08:44 Der er 18 kommentarer og
2 løsninger

Venstre margin på billede?

Hej

Kan man ikke lave lidt CSS, som sætter en venstre (eller højre) margin på et billede? (skal virke i IE og FF)

Synes godt om

backside Nybegynder

06. juni 2006 - 09:01 #1

Måske noget i den stil:
.img { float: left ; margin-left: 10px }

Synes godt om

backside Nybegynder

06. juni 2006 - 09:02 #2

Ved ikke med FF, kan ikke lige teste det.

Synes godt om

backside Nybegynder

06. juni 2006 - 09:05 #3

http://www.tizag.com/cssT/float.php

Synes godt om

olebole Juniormester

06. juni 2006 - 19:25 #4

<ole>

margin-left:10px eller margin-right:10px. Der er ikke grund til at blande float 'ind i billedet' - om jeg så må sige =)

/mvh
</bole>

Synes godt om

mclemens Nybegynder

06. juni 2006 - 19:56 #5

Yes, pas på med den float... check den nederste af disse...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title></head>

<style type="text/css">
#outer{width:400px;background:#f00;}
#inner{margin-left:10px;width:200px;background:#00f;}

#outerr{width:400px;background:#f00;}
#innerr{margin-left:auto;margin-right:10px;width:200px;background:#00f;}

#outerf{width:400px;background:#f00;}
#innerf{float:left;margin-left:10px;width:200px;background:#00f;}
</style>

<body>
<div id="outer"><div id="inner"> </div></div><br><br>

<div id="outerr"><div id="innerr"> </div></div><br><br>

<div id="outerf"><div id="innerf"> </div></div><br><br>
</body></html>

Synes godt om

mclemens Nybegynder

06. juni 2006 - 19:57 #6

- har selv bøvlet med den x-antal gange :P

Synes godt om

mclemens Nybegynder

06. juni 2006 - 20:04 #7

Og til den der undrer sig over, hvordan man så kan floate right bortset fra f.eks. 10px uden at benytte margin-left:auto som i ovenstående - så er her de uheldige løsninger, jeg tidligere har set mig nødsaget til at bruge i visse situationer...

<div id="out" style="width:400px;background:#f00;"><div id="innr" style="width:210px;float:right;background:#ff0;"><div id="innl" style="width:200px;float:left;background:#00f;"> </div></div></div>

eller

<div id="out" style="width:400px;background:#f00;">
<div id="innl" style="width:10px;float:right;background:#ff0;"> </div>
<div id="innr" style="width:200px;float:right;background:#00f;"></div></div><br><br>

Synes godt om

olebole Juniormester

06. juni 2006 - 21:16 #8

mclemens >> Nu skal vi vist lige holde tungen lige i munden ;o)

Dit eksempel omhandler block-elementer, mens der spørges om inline-elementer (img-elementer). Der er som sagt ikke grund til at rode med floats i spørgerens projekt :)

Synes godt om

mclemens Nybegynder

06. juni 2006 - 21:26 #9

Ok, min fejl Olebole... men nu du nævnte at man ikke behøvede at floate, kom jeg lige i tanke om et problem ved float ... og "kom" så til at kaste dem ind - de er jo som du siger "fuldstændig" irrelevante for tråden (tænkte ikke over at det ikke gad problemer ved inline's) ... Undskyld :o)

Synes godt om

mclemens Nybegynder

06. juni 2006 - 21:31 #10

gad -> gjaldt

Synes godt om

it-interesseret Nybegynder

07. juni 2006 - 00:08 #11

Hej alle

Mange tak.

Jeg kan faktisk godt bruge float, fordi jeg også skal sidestille billedet samtidigt. Så http://www.tizag.com/cssT/float.php besvarer fint mit spg. Men hvad er lige forskellen på float: left og align: left?

Tryk svar alle :-)

Synes godt om

backside Nybegynder

07. juni 2006 - 00:19 #12

Svar. ;)
Men jeg synes nu at <kloge></åge> og mclemens skal dele hovedparten at det store point antal. De har trods alt bidraget med lidt mere ekspertviden.
De var dog lidt sene i optrækket, men ok, det er måske alderen. <:-)

Synes godt om

mclemens Nybegynder

07. juni 2006 - 00:30 #13

Uhm, kaster at svar på opfordring af backside og dig, dog føler jeg ikke rigtig, jeg har bidraget med noget relevant til tråden her :/ ... men, det er jo heller ikke en stor/lang tråd - og jeg har også bidraget med det meste af trådens "offtopic/spam" :D

[ De var dog lidt sene i optrækket, men ok, det er måske alderen. <:-) ]
Med en alder på 24 år slår Olebole mig med et par enkelte år... :P

Synes godt om

backside Nybegynder

07. juni 2006 - 00:34 #14

Uffff, 24. Holder min kæft nu. :-/

Synes godt om

olebole Juniormester

07. juni 2006 - 00:42 #15

- nåååhhhhh ... 24 ... ak ja, det blev jeg ca. tre år, før du blev født, mclemens ;D

Synes godt om

olebole Juniormester

07. juni 2006 - 00:46 #16

Men jeg har nu langtfra rekorden på Eksperten. Næste gang du møder brugeren 'ibtage', bør du 'internt' bøje dig i støvet. Han er oppe i halvfjerserne - og styrer zq det her webkodning med ret kølig hånd ... det afføder godtnok respekt herfra! ;o)

Synes godt om

it-interesseret Nybegynder

07. juni 2006 - 10:02 #17

Så kom der gang i hønsegården ;-)

Prøver lige igen: Hvad er forskellen på float: left og align: left?

Synes godt om

mclemens Nybegynder

07. juni 2006 - 10:47 #18

Der er ikke noget css align:right;
- der er en udgået attribut align="right"
... forskellen ligger i at html aldrig rigtigt bør bruges til design og positionering af elementer - derfor bruger man css ... det fylder oftest også meget mindre, da det kan samles i eksterne stylesheets med flere styles knyttet til en id alle class attribut...

float:right / left er css :)

Synes godt om

it-interesseret Nybegynder

07. juni 2006 - 10:49 #19

takker :-)

Synes godt om

mclemens Nybegynder

07. juni 2006 - 11:07 #20

Velbekom, og tak for point :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS