Avatar billede tdh1309 Juniormester
03. august 2006 - 21:40 Der er 7 kommentarer og
1 løsning

Placering af billede i forhold til tekst

Hej

Jeg vil gerne kunne placere mit billede til venstre for teksten.
Som forsøgt ilustreret nedenfor (XXXX markerer billedet)

XXXX  Tekst, bla. bla. bla. bla.
XXXX  bla. bla. bla. bla. bla. bla.
XXXX  bla. bla. bla. bla. bla. bla.
bla. bla. bla. bla. bla. bla. bla.
bla. bla. bla. bla. bla. bla. bla.

Jeg har prøvet med nedenstående men det er ikke helt i vinkel
XXXX 
XXXX 
XXXX  Tekst, bla. bla. bla. bla.
bla. bla. bla. bla. bla. bla. bla.
bla. bla. bla. bla. bla. bla. bla.


<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/stdpg_style.css" type="text/css">
    <script language="JavaScript" src="js/menu.js"></script>
    <% printJMenu () %>   
    <script language="JavaScript" src="js/menu_tpl.js"></script>
    <link rel="stylesheet" href="css/menu.css">
  </head>
  <body>
    Simpel test<br>
    <a class="img.left"><img src="P1010026.JPG" width="50"></a>
    Bla. bladf asdfælkjasdælkfjasælfjælkafækdfkjæflkjasæækasdfælalkasdfækfæjadælfjasdækadækafækasjfksadflæjasdlj<br>
 
  </body>
</html>

Style:
img.left
{
float:left;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
}


Håber ikke det er alt for avanceret :-)
Avatar billede Slettet bruger
03. august 2006 - 21:51 #1
Jeg kigger lige med.
Avatar billede mclemens Nybegynder
03. august 2006 - 22:32 #2
a.imgleft
{
float:left;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
}

<a class="imgleft">


punktum er ikke tilladt...
Avatar billede mclemens Nybegynder
03. august 2006 - 22:33 #3
- punktum markerer en class og du får derfor en fejl da
img.left ville referere til et img element med class="left"
Avatar billede mclemens Nybegynder
03. august 2006 - 22:34 #4
Hvis det var billedet du ville ramme med css kan du:

a.imgleft img
{
float:left;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
}

<a class="imgleft">
Avatar billede mclemens Nybegynder
03. august 2006 - 22:37 #5
Den eneste ting der kan drille lidt er når teksten skal brydes om billedet i bunden - så afhænger ombrydningspunktet af tekst-strørrelsen og line-height, det er der ikke meget at gøre ved - det er ikke en fejl at den ikke nødvendigvis wrapper det specificerede antal px omkring billedets bund kant ... så skal man tilpasse det manuelt...
Avatar billede mclemens Nybegynder
03. august 2006 - 22:38 #6
Avatar billede tdh1309 Juniormester
03. august 2006 - 22:41 #7
Mange tak for hjælpen...
Avatar billede mclemens Nybegynder
03. august 2006 - 22:41 #8
Velbekom, og tak for point :o)
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