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

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

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

Html/Css Teks placering

Af Supporter Aspirant Emil_Olesen | 24-10-2013 15:15 | 2202 visninger | 34 svar, hop til seneste
Hej Hol. Jeg har lavet en meget simpel hjemmeside, med en baggrund og noget tekst. ved 100% zoom http://imgur.com[...] ved 125% zoom http://imgur.com[...] Jeg vil gerne have at teksten bliver stående, og ikke flytter sig i henhold til hvor meget jeg zoomer. Detter er hvad jeg har brugt i min CSS fil til at placere teksten med: #Text { position: fixed; left: 600px; color:#2FFF00; } Davs teksten har jeg bare centreret i HTML. Håber det er info nok, og at nogle kan hjælpe. -Tak.
--
(\__/) (O.o ) (>
#1
Turboman
Junior Nørd
24-10-2013 16:18

Rapporter til Admin
Prøv at bruge margin i stedet for. Margin-left:600px Tror også godt du kan slette position fixed.
--
Define Mini|HD 7950 DirectCUII|I5 3330 med CM 212 EVO|CORSAIR VENGEANCE 8GB 1600MHZ|120GB OCZ Agility 3|500GB WD Blue|1000W NEWTON R2
#2
Havas-IT
Ny på siden
24-10-2013 16:40

Rapporter til Admin
Har du mulighed for at smide et link til sitet?
--
http://havas-it.dk[...] Havas-IT - Pc reparation i Århus C - Virus fjernelse - backup og dataredning
#3
Emil_Olesen
Supporter Aspirant
24-10-2013 16:56

Rapporter til Admin
#2 Nej desværre, det kører lokalt på min PC.
--
(\__/) (O.o ) (>
#4
Havas-IT
Ny på siden
24-10-2013 17:23

Rapporter til Admin
okay. Så kan jeg ikke gøre meget for at hjælpe. sorry.
--
http://havas-it.dk[...] Havas-IT - Pc reparation i Århus C - Virus fjernelse - backup og dataredning
#5
Lindquist
Nørd
24-10-2013 17:24

Rapporter til Admin
Smid det på pastebin.com
--
[Fortaler for] Kaffe; Net-etikkette; Saglighed [Modstander af] Gaming-bærbare; Skyde-spil; Skjult reklame; Hysteri
#6
Emil_Olesen
Supporter Aspirant
24-10-2013 17:26

Rapporter til Admin
#1 Det hjalp ikke. #4 Okay, det er så i orden. #5 http://pastebin.com[...]
--
(\__/) (O.o ) (>
#7
Havas-IT
Ny på siden
24-10-2013 17:49

Rapporter til Admin
Er det noget i den her stil du mener: #Text { position: absolute; left: 10%; color: #2FFF00; }
--
http://havas-it.dk[...] Havas-IT - Pc reparation i Århus C - Virus fjernelse - backup og dataredning
#8
Emil_Olesen
Supporter Aspirant
24-10-2013 17:59

Rapporter til Admin
#7 Nej desværre. Hvis vi tænker visuelt, så forestil jer at man sætter en tegnestift ind i teksten, så den sidder fast på baggrunden. Hvis det giver nogensomhelst mening.
--
(\__/) (O.o ) (>
#9
Emil_Olesen
Supporter Aspirant
24-10-2013 18:03

Rapporter til Admin
Altså den flytter sig ikke i forhold til baggrunden, selvom man zoomer
--
(\__/) (O.o ) (>
#10
Havas-IT
Bruger Aspirant
24-10-2013 18:33

Rapporter til Admin
No offence! Men W3S er altså godt sted at starte din søgning når det handler om HTML og CSS. http://www.w3schools.com[...]
--
http://havas-it.dk[...] Havas-IT - Pc reparation i Århus C - Virus fjernelse - backup og dataredning
#11
Emil_Olesen
Supporter Aspirant
24-10-2013 18:42

Rapporter til Admin
#10 Jeg har skam søgt, google og W3S, kan være det bare er mig der stinker til at bruge søgemaskiner, men fandt ikke umildbart noget.
--
(\__/) (O.o ) (>
#12
NizeGuy
Mega Supporter
24-10-2013 18:49

Rapporter til Admin
Brug "float: left;" i stedet for "position: fixed" Du kunne også overveje at uploade det et sted, så vi rent faktisk kan se problemet.
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#13
Emil_Olesen
Supporter Aspirant
24-10-2013 18:51

Rapporter til Admin
#12 Nope, det gav heller ikke den ønskede effekt. Nu sidder den bare helt ovre i venstre side.
--
(\__/) (O.o ) (>
#14
NizeGuy
Mega Supporter
24-10-2013 18:55

Rapporter til Admin
#13 - Ja, og så bruger du margin-left: XXpx; alt efter hvor meget du vil rykke den til højre, ind mod midten.
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#15
Emil_Olesen
Supporter Aspirant
24-10-2013 19:07

Rapporter til Admin
#14 ikke så meget det jeg tænkte på, men den kommer jo stadig til at flytte sig i forhold til "Davs" og baggrunden? Leder lige efter et gratis hosting sted.
--
(\__/) (O.o ) (>
#16
NizeGuy
Mega Supporter
24-10-2013 19:16

Rapporter til Admin
#15 - Jamen, hvis "davs" skal følge den anden tekst, så skal "davs" jo bare have de samme indstillinger.
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#17
Emil_Olesen
Supporter Aspirant
24-10-2013 19:17

Rapporter til Admin
Kan ikke få baggrunden med, men her er den: http://holtest.host22.com[...] Teksten flytter sig i forhold til overskriften som er centret, så istedet for bare at blive større, men blive det samme sted, flytter teksten sig.
--
(\__/) (O.o ) (>
#18
Emil_Olesen
Supporter Aspirant
24-10-2013 19:18

Rapporter til Admin
#16 De skal ikke følges ad, det skal bare stå stille. Kan godt se at min forklaring er skod... Aner bare ikke lige hvordan jeg skal formulere mig.
--
(\__/) (O.o ) (>
#19
NizeGuy
Mega Supporter
24-10-2013 19:27

Rapporter til Admin
#18 - http://dl.staltsoft.com[...]
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#20
Emil_Olesen
Supporter Aspirant
24-10-2013 19:28

Rapporter til Admin
#19 Lige præcis! Tak skal du have;)
--
(\__/) (O.o ) (>
#21
NizeGuy
Mega Supporter
24-10-2013 19:32

Rapporter til Admin
#20 - Du må sige til hvis du støder på andre problemer. Det er vigtigt at du forsøger at få alt ind i div'er, så du ikke har ting der bare ligger og flyver rundt på siden. en god ting er at have en stor div, som går rundt om ALT du har på siden.
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#22
Emil_Olesen
Supporter Aspirant
24-10-2013 19:34

Rapporter til Admin
#21 Jo tak, bliver sikkert godt i senere. Hmm har jeg ikke inddelt dem i Div'er i min css/html fil?
--
(\__/) (O.o ) (>
#23
NizeGuy
Mega Supporter
24-10-2013 19:36

Rapporter til Admin
#22 - du undlod at inddele din "overskrift" og "davs". Du havde f.eks. heller ikke en div rundt om det hele på siden.
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#24
TommyB
Mega Supporter
24-10-2013 19:37

Rapporter til Admin
Jeg tror du misforstår zoom, og faktisk leder efter tekststørelse.
--
Indholdet af dette indlæg er blevet redigeret af NSA.
#25
Emil_Olesen
Supporter Aspirant
24-10-2013 19:39

Rapporter til Admin
#23 Ahh ja okay, du har ret. Hvad er fordelen ved at putte det hele i en stor div? #24 Nej nej, tekststørrelsen er fin, den skal bare ikke flytte sig, som den heller ikke gør i #19.
--
(\__/) (O.o ) (>
#26
NizeGuy
Mega Supporter
24-10-2013 19:39

Rapporter til Admin
#24 - Det er jo ikke størrelsen på teksten der var problemet, men at teksten flyttede sig uafhængigt af hinanden når man zoomede på siden.
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#27
NizeGuy
Mega Supporter
24-10-2013 19:41

Rapporter til Admin
#23 - Men en stor div sikre du dig bare at alt holder sig inde for de grænser som du gerne vil have at tingene holder sig inden for. F.eks., hvis du bruger en "float: left;" på en div der ligger alene, så vil den jo flytte sig helt ud i venstre side af skærmen, men hvis du havde en større div uden om, så ville den anden div, kun rykke så langt til venstre som den store div vil tillade.
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#28
Emil_Olesen
Supporter Aspirant
24-10-2013 19:43

Rapporter til Admin
#27 Ahh ja okay. Kan personligt godt lide at siden ikke er bredere end 800px, det sætter jeg så i den yderste Div, og så retter de sig alle efter det?
--
(\__/) (O.o ) (>
#29
NizeGuy
Mega Supporter
24-10-2013 19:47

Rapporter til Admin
#28 - Ja, det var også det jeg satte den yderste div til at være. De retter sig, så længe de befinder sig inde i den div.
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#30
Emil_Olesen
Supporter Aspirant
24-10-2013 19:50

Rapporter til Admin
#29 Ja okay, skal lige skille css og html ordenligt ad...
--
(\__/) (O.o ) (>
#31
Emil_Olesen
Supporter Aspirant
24-10-2013 19:52

Rapporter til Admin
#29 ////
--
(\__/) (O.o ) (>
#32
NizeGuy
Mega Supporter
24-10-2013 19:52

Rapporter til Admin
#30 - Jeg har bare skrevet CSS'en i selve "div-tagget". Det er som regel lidt "fy fy", men det siger vi ikke til noget ;)
--
Gigabyte GA-890GPA-UD3H Phenom II x4 965 BE - 3.8GHz (Corsair H50) A-Data 4GB DDR3 2000X PC3 Sapphire HD6970
#33
Emil_Olesen
Supporter Aspirant
24-10-2013 19:54

Rapporter til Admin
#31 Forsøger at linke til div'en i html... Det må jeg tydeligvis ikke, men det er også ligegyldigt.
--
(\__/) (O.o ) (>
#34
Emil_Olesen
Supporter Aspirant
24-10-2013 19:55

Rapporter til Admin
#31 Jaja, det er vel også nemmere, som demonstration.
--
(\__/) (O.o ) (>

Opret svar til indlægget: Html/Css Teks placering

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