Hej alle. Jeg har et simpelt HTML problem jeg håber en kan hjælpe med. Jeg skal egentlig bare have et logo billede til at stå i højre side af en tekst, med ganske lidt afstand. https://imgur.com[...] Her er koden: <img style="float: left; margin-top: 0px; margin-bottom: 0px; border-width: 100px;" src="https://whiskyhuset.net[...] width="130" /> Karakter: 87/100 Kategori: Rigtig god Hvordan basere jeg denne vurdering? Læs mere her: <a href="https://whiskyhuset.net[...] scoringssystem</a> Er der en venlig sjæl der kan hjælpe med at rette koden til? :)
--

#1
img
Gæst
04-05-2022 10:46

Rapporter til Admin

Har du prøvet at flytte billedet til sidst?
--
Gæstebruger, opret dit eget login og få din egen signatur.

#2
Gill Bates
Elite Nørd
04-05-2022 11:03

Rapporter til Admin

Det første du kan prøve er at bruge float: right i stedet på billedet Prøv det først
--

#3
madz860
Monsterbruger
04-05-2022 11:09

Rapporter til Admin

#2 Har jeg forsøgt, billedet kommer helt ud til højre på siden, den skal være næsten helt op af teksten https://imgur.com[...]
--

#4
Zerock
Elitebruger
04-05-2022 11:30

Rapporter til Admin

Hvad med at smide det i en flex box? Noget ala det her: https://jsfiddle.net[...] Jeg her selvfølgelig ikke din styling osv., men det beskriver princippet.
--

Sidst redigeret 04-05-2022 11:31

#5
Vuy
Monsterbruger
04-05-2022 11:32

Rapporter til Admin

Håber det er til at forstå. Wrap din Paragraph in div, og så smid billedet ved siden af, så brug noget flex eller som #2 siger noget float left og right osv. Sorry det gik lidt hurtigt men det virkede for mig. Jeg gik ind på din side og prøvede det af. <div style="display: flex;"> Kategori: Respektabel Hvordan basere jeg denne vurdering? Læs mere her: <a href="https://whiskyhuset.net[...] scoringssystem</a> <img style="float: right; margin-top: 0px; margin-bottom: 0px; border-width: 100px;height: 60px;background: black;width: 60px;margin-left: 30px;" src="https://whiskyhuset.net[...] width=" 130"=""> </div> https://media.discordapp.net[...]
--
2x ASUS STRIX 1070 OC, I7 AIO WaterCooled, 16GB RAM, Samsung 850 Evo, 500Gb, x34a 100HZ UWQHD 3440x1440 G-SYNC. K70 RGB Keyboard, M65 Pro RGB Mouse

#6
madz860
Monsterbruger
04-05-2022 12:30

Rapporter til Admin

#5 tak! Jeg er næsten i mål. Mangler bare der er en smule afstand fra "Kategori: Respektabel" og linjen efter. Og så logoet er lidt højere oppe. Sådan ser det ud nu: https://imgur.com[...] <div style="display: flex;"> Kategori: Respektabel Hvordan basere jeg denne vurdering? Læs mere her: <a href="https://whiskyhuset.net[...] til mit scoringssystem</a> <img style="float: right; margin-top: 0px; margin-bottom: 0px; border-width: 120px; ; width: 120px; margin-left: 30px;" src="https://whiskyhuset.net[...] /> </div>
--

#7
Vuy
Monsterbruger
04-05-2022 12:40

Rapporter til Admin

#6 Smid lidt margin på: Kategori: Respektabel margin-bottom: 8px eller lignende. Jeg ville nok have wrappet din Tekst i en Div så du kan styre dem som en gruppe og så billedet som næste element som anden "gruppe" så kan du få en nem styring af hvordan billedet skal placeres i forhold til teksten.
--
2x ASUS STRIX 1070 OC, I7 AIO WaterCooled, 16GB RAM, Samsung 850 Evo, 500Gb, x34a 100HZ UWQHD 3440x1440 G-SYNC. K70 RGB Keyboard, M65 Pro RGB Mouse

#8
madz860
Monsterbruger
04-05-2022 12:44

Rapporter til Admin

#7 vil du have noget imod at skrive koden? Jeg har aldrig læst på HTML, så jeg er virkelig på bar bund når der skal kodes :)
--

#9
Vuy
Monsterbruger
04-05-2022 12:45

Rapporter til Admin

#8 Sender en PM på det her punkt.
--
2x ASUS STRIX 1070 OC, I7 AIO WaterCooled, 16GB RAM, Samsung 850 Evo, 500Gb, x34a 100HZ UWQHD 3440x1440 G-SYNC. K70 RGB Keyboard, M65 Pro RGB Mouse

#10
Kasper Køhlert
Monsterbruger
04-05-2022 14:19

Rapporter til Admin

https://www.nemprogrammering.dk[...]
--
https://www.danmark.indhold.eu[...]

#11
klinto75m
Super Supporter
05-05-2022 10:26

Rapporter til Admin

Er det sådan her du regner med at det skulle se ud? https://jsfiddle.net[...]
--
A wise man once said: "Have you cleared your cache?"

#12
Nadja KJ
Ny på siden
14-09-2023 12:51

Rapporter til Admin

@Vuy du virker til at have styr på kodning af en hjemmeside. Kan du måske hjælpe mig i denne tråd: https://hardwareonline.dk[...] Tak!
--