/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
"låse" billedet fast
Fra : Morten Jensen


Dato : 04-06-06 22:37

Når jeg placerer mit billede x pixels fra de forskellige sider,
rykker det sig meget hvis jeg skifter opløsning. Hvordan undgår
jeg at det sker? Leger med CSS hvis nogle skulle være i tvivl=)

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Tidemann (04-06-2006)
Kommentar
Fra : Tidemann


Dato : 04-06-06 22:59

Morten Jensen wrote:
> Når jeg placerer mit billede x pixels fra de forskellige sider,
> rykker det sig meget hvis jeg skifter opløsning. Hvordan undgår
> jeg at det sker? Leger med CSS hvis nogle skulle være i tvivl=)

Margin: 0px auto;
Et link til problem-siden kunne hjælpe mere............

--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


Dennis Munding (04-06-2006)
Kommentar
Fra : Dennis Munding


Dato : 04-06-06 22:49

Hej Morten!
"Morten Jensen" <cowabungaNOSPAM@mail.dk> skrev i en meddelelse
news:4483527a$0$15784$14726298@news.sunsite.dk...
> Når jeg placerer mit billede x pixels fra de forskellige sider,
> rykker det sig meget hvis jeg skifter opløsning. Hvordan undgår
> jeg at det sker? Leger med CSS hvis nogle skulle være i tvivl=)

Det rykker sig netop ikke, da du selv har låst det fast med x pixels fra de
forskellige sider.
Der kommer højst sandsynligvis bare mere "luft" til højre og under
billedet...??

Men uden et link til din side, er det lidt svært at hjælpe dig...

Er det et baggrunds-billede, som du har problemer med??


Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/



Morten Jensen (04-06-2006)
Kommentar
Fra : Morten Jensen


Dato : 04-06-06 23:31

By the way. Har skrevet følgende:

<img src="11.jpg" width="420" height="276" title="mmmm"
style="position: absolute; bottom: 150px; right: 40px;" />

Har prøvet at sætte margin og padding til 0, og at fjerne
absolute. Men den vil simpelthen ikke lade være med at rykke
rundt på billedet når opløsning eller vinduestørrelsen ændres.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Morten Jensen (04-06-2006)
Kommentar
Fra : Morten Jensen


Dato : 04-06-06 23:44

Sidder bare og "leger lidt" og forbereder mig på at kode inden
jeg køber plads. Kan godt lige finde et gratis webhotel og smide
den op hvis det er? Selvom der intet mening er i indholdet på
siden, og intet imponerende design da det som sagt bare er for at
øve kodning, og indsættelse af materiale er bare tilfældigt.

Men imens jeg ligger siden op, kan jeg prøve at forklare:
Jeg har først en masse tekst stående. Skulle billedet være op ad
denne tekst kunne jeg vel blot benytte float. Men ville netop
prøve at placere billedet et sted på siden uafhængig af teksten
hvis I forstår. Har lavet et par lister (<ul>) og det hulrum til
højre for dem, har jeg så placeret billedet. Så er altså ikke et
baggrundsbillede.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Morten Jensen (05-06-2006)
Kommentar
Fra : Morten Jensen


Dato : 05-06-06 01:18

Bliver først i morgen jeg får lagt siden op. (Eller senere i dag er
det jo=)) da jeg afventer en kode til ftp-accounten. Og den tager
sig god tid. Men hvis det hjælper har jeg lige lagt mærke til, at
scroller du lidt op eller ned, så hvis du opdaterer siden vil
billedet automatisk rykke sig, så det nu er de angivne pixel fra
browserens kant ser det ud til. Altså så billedet rykker med når man
opdaterer efterhånden som man scroller.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Morten Jensen (05-06-2006)
Kommentar
Fra : Morten Jensen


Dato : 05-06-06 10:39

Så er den lagt op:
http://csstest.balder.prohosting.com/
Som sagt er der intet flot over siden. Har ikke fokuseret på at sætte
det flot op eller med noget fornuftigt indhold. Har bare opfrisket
nogle forskellige css-funktioner. Og med det samme man kommer ind på
siden starter billedet med at ligge sig på teksten. Og skulle stå ved
siden af tabellerne. Sidder selv og kigger en masse igennem, da det
trods alt var i nattens mulm og mørke jeg legede med det. Så kan være
noget der er gået min næse forbi. Men skriv gerne hvordan i
foretrækker at sætte billeder op...uden at de rykker sig:p Og finder
man ikke fejlen, kunne det jo være rigtig sjovt senere hen, med banner
og menu osv der danser rundt.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (05-06-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 05-06-06 14:35

Morten Jensen wrote:
> Så er den lagt op:
> http://csstest.balder.prohosting.com/
> Som sagt er der intet flot over siden. Har ikke fokuseret på at sætte
> det flot op eller med noget fornuftigt indhold. Har bare opfrisket
> nogle forskellige css-funktioner. Og med det samme man kommer ind på
> siden starter billedet med at ligge sig på teksten. Og skulle stå ved
> siden af tabellerne. Sidder selv og kigger en masse igennem, da det
> trods alt var i nattens mulm og mørke jeg legede med det. Så kan være
> noget der er gået min næse forbi. Men skriv gerne hvordan i
> foretrækker at sætte billeder op...uden at de rykker sig:p Og finder
> man ikke fejlen, kunne det jo være rigtig sjovt senere hen, med banner
> og menu osv der danser rundt.
>

Før du begynder at "lege" med CSS er det
dødnøvendigt, at din tekst og andre elementer
er korrekt strykturformateret.

/Det er altid det første man gør/ og selvom
det kun er mumletekst.

I den konkrete sag fjerne du styleattributten
fra billedet og giver billedet et klassenavn:

<img src="11.jpg" width="420" height="276" title="mmmm"
class="pixright" />

Koden til billedet indsætter du lige før det afsnit,
der skal holder overkant med billedet.

I dit stylesheet indsætter du nu;
img.rightpix {
float:right;
margin:1em;
}

Billeder placeres altid ved hjælp af
float:left eller float:right;

Bruger du postion:absolute, opretter du
et lag på siden, der lægger sig hen over
sidens øvrige indhold.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Morten Jensen (05-06-2006)
Kommentar
Fra : Morten Jensen


Dato : 05-06-06 17:31

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> Morten Jensen wrote:
> > Så er den lagt op:
> > http://csstest.balder.prohosting.com/
> > Som sagt er der intet flot over siden. Har ikke fokuseret på at sætte
> > det flot op eller med noget fornuftigt indhold. Har bare opfrisket
> > nogle forskellige css-funktioner. Og med det samme man kommer ind på
> > siden starter billedet med at ligge sig på teksten. Og skulle stå ved
> > siden af tabellerne. Sidder selv og kigger en masse igennem, da det
> > trods alt var i nattens mulm og mørke jeg legede med det. Så kan være
> > noget der er gået min næse forbi. Men skriv gerne hvordan i
> > foretrækker at sætte billeder op...uden at de rykker sig:p Og finder
> > man ikke fejlen, kunne det jo være rigtig sjovt senere hen, med banner
> > og menu osv der danser rundt.
> >
>
> Før du begynder at "lege" med CSS er det
> dødnøvendigt, at din tekst og andre elementer
> er korrekt strykturformateret.
>
> /Det er altid det første man gør/ og selvom
> det kun er mumletekst.
>
> I den konkrete sag fjerne du styleattributten
> fra billedet og giver billedet et klassenavn:
>
> <img src="11.jpg" width="420" height="276" title="mmmm"
> class="pixright" />
>
> Koden til billedet indsætter du lige før det afsnit,
> der skal holder overkant med billedet.
>
> I dit stylesheet indsætter du nu;
> img.rightpix {
> float:right;
> margin:1em;
> }
>
> Billeder placeres altid ved hjælp af
> float:left eller float:right;
>
> Bruger du postion:absolute, opretter du
> et lag på siden, der lægger sig hen over
> sidens øvrige indhold.
>
> --
>
> Med venlig hilsen
>
> Jørgen Farum Jensen
> http://www.webdesign101.dk
> ..


MANGE tusind tak skal du have. Nu flytter billedet sig slet ikke, og det
hele kan pludselig stilles fornuftigt op. Dejligt at få bekræftet
betydningen af float, hvilken jeg vist havde undervurderet. Efter læsning
af en del tøre kodninger, indså jeg at float måske ikke burde undværes. Så
tak for hjælpen. Var til stor hjælp. Har desuden altid arbejdet i px, men
em virker egentlig umiddelbart lidt nemmere at arbejde med.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Morten Jensen (05-06-2006)
Kommentar
Fra : Morten Jensen


Dato : 05-06-06 19:10

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> Morten Jensen wrote:
> > Så er den lagt op:
> > http://csstest.balder.prohosting.com/
> > Som sagt er der intet flot over siden. Har ikke fokuseret på at sætte
> > det flot op eller med noget fornuftigt indhold. Har bare opfrisket
> > nogle forskellige css-funktioner. Og med det samme man kommer ind på
> > siden starter billedet med at ligge sig på teksten. Og skulle stå ved
> > siden af tabellerne. Sidder selv og kigger en masse igennem, da det
> > trods alt var i nattens mulm og mørke jeg legede med det. Så kan være
> > noget der er gået min næse forbi. Men skriv gerne hvordan i
> > foretrækker at sætte billeder op...uden at de rykker sig:p Og finder
> > man ikke fejlen, kunne det jo være rigtig sjovt senere hen, med banner
> > og menu osv der danser rundt.
> >
>
> Før du begynder at "lege" med CSS er det
> dødnøvendigt, at din tekst og andre elementer
> er korrekt strykturformateret.
>
> /Det er altid det første man gør/ og selvom
> det kun er mumletekst.
>
> I den konkrete sag fjerne du styleattributten
> fra billedet og giver billedet et klassenavn:
>
> <img src="11.jpg" width="420" height="276" title="mmmm"
> class="pixright" />
>
> Koden til billedet indsætter du lige før det afsnit,
> der skal holder overkant med billedet.
>
> I dit stylesheet indsætter du nu;
> img.rightpix {
> float:right;
> margin:1em;
> }
>
> Billeder placeres altid ved hjælp af
> float:left eller float:right;
>
> Bruger du postion:absolute, opretter du
> et lag på siden, der lægger sig hen over
> sidens øvrige indhold.
>
> --
>
> Med venlig hilsen
>
> Jørgen Farum Jensen
> http://www.webdesign101.dk
> ..


MANGE tusind tak skal du have. Nu flytter billedet sig slet ikke, og det
hele kan pludselig stilles fornuftigt op. Dejligt at få bekræftet
betydningen af float, hvilken jeg vist havde undervurderet. Efter læsning
af en del tøre kodninger, indså jeg at float måske ikke burde undværes. Så
tak for hjælpen. Var til stor hjælp. Har desuden altid arbejdet i px, men
em virker egentlig umiddelbart lidt nemmere at arbejde med.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Y.P.2 (07-06-2006)
Kommentar
Fra : Y.P.2


Dato : 07-06-06 23:20

> MANGE tusind tak skal du have. Nu flytter billedet sig slet ikke, og det
> hele kan pludselig stilles fornuftigt op. Dejligt at få bekræftet
> betydningen af float, hvilken jeg vist havde undervurderet. Efter læsning
> af en del tøre kodninger, indså jeg at float måske ikke burde undværes. Så
> tak for hjælpen. Var til stor hjælp. Har desuden altid arbejdet i px, men
> em virker egentlig umiddelbart lidt nemmere at arbejde med.
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


Ej plz,, gider du ikke lige skrive det et par gange til?





Jens Peter Karlsen [~ (04-06-2006)
Kommentar
Fra : Jens Peter Karlsen [~


Dato : 04-06-06 23:08

Det vil stadig være samme antal px fra kanten hvis du angiver
placeringen i px.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On 04 Jun 2006 21:36:58 GMT, Morten Jensen <cowabungaNOSPAM@mail.dk>
wrote:

>Når jeg placerer mit billede x pixels fra de forskellige sider,
>rykker det sig meget hvis jeg skifter opløsning. Hvordan undgår
>jeg at det sker? Leger med CSS hvis nogle skulle være i tvivl=)

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408941
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste