Avatar billede bruhnsweb Nybegynder
17. december 2004 - 16:34 Der er 16 kommentarer og
1 løsning

billede ved siden af billede

Hej Eksperter

Jeg skal have placeret to billeder ved siden af hindanden med x antal pixels i mellem dem.

Mellemrummet må IKKE lavet med "mellemrumstasten".

Er det ikke muligt i CSS at lave noget smart, så jeg slipper for at oprette ekstra kolonner i tabellen med mere...

// Bruhn
Avatar billede roenving Novice
17. december 2004 - 16:40 #1
Måske sådan !-)

<img src="noget.gif" style="width:200px;height:200px;">
<img src="nogetandet.gif" style="width:200px;height:200px;margin-left:15px;">
Avatar billede bruhnsweb Nybegynder
17. december 2004 - 16:46 #2
Lige nu har jeg det sådan her:

<td id="logo">
<img src="img/b_logo.PNG" width="199" height="46"><u>m.m</u> <img src="img/dankort_logo.PNG" width="36" height="23">
</td>

Logoet skal stå i venstre side - og dankort logo + m.m i højre
Avatar billede roenving Novice
17. december 2004 - 16:55 #3
<td id="logo">
<img src="img/dankort_logo.PNG" style="width:36px;height:23px;float:right;">
<img src="img/b_logo.PNG" width="199" height="46">
</td>
Avatar billede bruhnsweb Nybegynder
17. december 2004 - 17:11 #4
hvad med teksten?

plus jeg vil gerne have dankort billedet længere ned - det hænger oppe i højre hjørne nu :o)
Avatar billede roenving Novice
17. december 2004 - 17:18 #5
Skal du have teksten i midten ?-)

Ved ikke om det vil virke, men jeg ville prøve:

<td id="logo" style="text-align:center;">
  <u>m.m</u>
  <img src="img/dankort_logo.PNG" style="position:relative;top:5px;width:36px;height:23px;float:right;">
  <img src="img/b_logo.PNG" style="width:199px;height:46px;float:left;">
</td>
Avatar billede bruhnsweb Nybegynder
17. december 2004 - 18:04 #6
teksten skal være ude ved dankort logoet :o)
Avatar billede roenving Novice
17. december 2004 - 18:07 #7
F.eks.

<td id="logo" style="border:1px solid red;width:500px;">
  <span style="float:right;"><u>m.m</u> <img src="img/dankort_logo.PNG" style="position:relative;top:5px;width:36px;height:23px;"></span>
  <img src="img/b_logo.PNG" style="position:relative;top:0;width:199px;height:46px;float:left;">
</td>
Avatar billede bruhnsweb Nybegynder
17. december 2004 - 18:19 #8
http://billigvoks.dk.nt2.unoeuro.com/

Teksten rykker ikke med ned :o(
Avatar billede roenving Novice
17. december 2004 - 18:24 #9
<td id="logo">
  <span style="float:right;position:relative;right:5px;top:22px;">
    <u>m.m</u>
    <img src="img/dankort_logo.PNG" style="width:36px;height:23px;">
  </span>
  <img src="img/b_logo.PNG" style="position:relative;left:2px;width:199px;height:46px;float:left;">
</td>

-- og du kan evt. flytte på u-tagget, så det passer !-)
Avatar billede bruhnsweb Nybegynder
17. december 2004 - 18:33 #10
næsten - se lige.. så ved du hvad jeg mener.. de er ikke helt på samme linje :o)
Avatar billede roenving Novice
17. december 2004 - 18:37 #11
<u style="margin-top:-4px;">m.m</u>
Avatar billede roenving Novice
17. december 2004 - 18:38 #12
Prøv ...
Avatar billede bruhnsweb Nybegynder
17. december 2004 - 18:41 #13
næhh... det vil den ikke rigtig :o(
Avatar billede roenving Novice
17. december 2004 - 18:51 #14
<table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td id="logo">
          <span style="float:right;position:relative;right:5px;top:20px;">
<span style="position:relative;top:-5px;text-decoration:underline;">m.m</span>
    <img src="img/dankort_logo.PNG" style="width:36px;height:23px;">
  </span>
  <img src="img/b_logo.PNG" style="position:relative;left:2px;width:199px;height:46px;float:left;">
          </td>
        </tr>
</table>
Avatar billede bruhnsweb Nybegynder
17. december 2004 - 18:56 #15
Så kom med et svar =D

Nu virker det perfekt...
Avatar billede roenving Novice
17. december 2004 - 18:58 #16
Velbekomme, den skulle åbenbart over i et egentligt pladsholder-tag '-)
Avatar billede roenving Novice
18. december 2004 - 14:15 #17
-- og 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
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