Seneste forumindlæg
Køb / Salg
 * Uofficiel Black/White liste V3
Login / opret bruger

Forum \ Programmering og webdesign \ Hjemmeside design
Denne tråd er over 6 måneder gammel

Er du sikker på, at du har noget relevant at tilføje?

Simpelt HTML problem

Af Monsterbruger madz860 | 04-05-2022 10:36 | 4007 visninger | 12 svar, hop til seneste
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" /> <span style="font-size: large;"><strong> Karakter: 87/100</strong></span> <strong> Kategori: Rigtig god</strong> 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;"> <p style=""> <strong><span style="font-size: medium;">Kategori: Respektabel</span><br></strong><span>Hvordan basere jeg denne vurdering?</span><br><span>Læs mere her: </span><a href="https://whiskyhuset.net[...] scoringssystem</a> <strong></strong></p> <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;"> <strong><span style="font-size: medium;">Kategori: Respektabel</span> </strong>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å: <strong><span style="font-size: medium;">Kategori: Respektabel</span> 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
#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!
--

Opret svar til indlægget: Simpelt HTML problem

Grundet øget spam aktivitet fra gæstebrugere, er det desværre ikke længere muligt, at oprette svar som gæst.

Hvis du ønsker at deltage i debatten, skal du oprette en brugerprofil.

Opret bruger | Login
NYHEDSBREV
Afstemning