/ 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
position i css
Fra : Simon Hansen


Dato : 20-04-08 12:00

Hej gruppe

Jeg sidder med et lillebitte problem/spørgsmål.
Har en lille blomst jeg godt vil ha siddende hvor jeg har sat den. MEN
kan man ikke gøre det med en div UDEN for den div man vil ha den siddende i?
Alstå jeg kunne godt tænke mig at ha grafik i en gruppe div's nede i
roden af mit dokument og bestemme position og billede via css.
Kan noget sådan lade sig gøre eller har jeg spildt min tid på at knokle
med det?

http://home20.inet.tele.dk/xqual/ <-- kan ses her

Et lille ekstra spørgsmål.
Tilsyneladende er der forskel på IE og opera/FF på ca. 2px i position af
billedet i højden? hvad kan det skyldes? er det bare sådan?

Hilsen
Simon

 
 
David Nielsen (20-04-2008)
Kommentar
Fra : David Nielsen


Dato : 20-04-08 12:29

> http://home20.inet.tele.dk/xqual/ <-- kan ses her

> Har en lille blomst jeg godt vil ha siddende hvor jeg har sat den. MEN
> kan man ikke gøre det med en div UDEN for den div man vil ha den siddende i?
> Alstå jeg kunne godt tænke mig at ha grafik i en gruppe div's nede i
> roden af mit dokument og bestemme position og billede via css.


Mener du sådan her i HTML filen :

<div id="allebillederne">
<div id="billed1"><img src="blomst.jpg"></div>
<div id="billed2"><img src="hest.jpg"></div>
<div id="billed3"><img src="hund.jpg"></div>
<div id="billed4"><img src="and.jpg"></div>
</div>

og sådan her i CSS filen :

#billed1{
position:absolute;
width:200px;


--
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

David Nielsen (20-04-2008)
Kommentar
Fra : David Nielsen


Dato : 20-04-08 12:29

> http://home20.inet.tele.dk/xqual/ <-- kan ses her

> Har en lille blomst jeg godt vil ha siddende hvor jeg har sat den. MEN
> kan man ikke gøre det med en div UDEN for den div man vil ha den siddende i?
> Alstå jeg kunne godt tænke mig at ha grafik i en gruppe div's nede i
> roden af mit dokument og bestemme position og billede via css.


Mener du sådan her i HTML filen :

<div id="allebillederne">
<div id="billed1"><img src="blomst.jpg"></div>
<div id="billed2"><img src="hest.jpg"></div>
<div id="billed3"><img src="hund.jpg"></div>
<div id="billed4"><img src="and.jpg"></div>
</div>

og sådan her i CSS filen :

#billed1{
position:absolute;
width:200px;


--
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

David Nielsen (20-04-2008)
Kommentar
Fra : David Nielsen


Dato : 20-04-08 12:31

> http://home20.inet.tele.dk/xqual/ <-- kan ses her

> Har en lille blomst jeg godt vil ha siddende hvor jeg har sat den. MEN
> kan man ikke gøre det med en div UDEN for den div man vil ha den siddende i?
> Alstå jeg kunne godt tænke mig at ha grafik i en gruppe div's nede i
> roden af mit dokument og bestemme position og billede via css.


Mener du sådan her i HTML filen :

<div id="allebillederne">
<div id="billed1"><img src="blomst.jpg"></div>
<div id="billed2"><img src="hest.jpg"></div>
<div id="billed3"><img src="hund.jpg"></div>
</div>

og sådan her i CSS filen :

#billed1{
position:absolute;
width:200px;
height:200px;
top:100px;
left:400px;
}

#billed2{
position:absolute;
width:200px;
height:100px;
top:100px;
left:700px;
}

#billed3{
position:absolute;
width:20px;
height:20px;
top:100px;
left:950px;
}

Ja ved ikke om det hjalp men du kan da prøve og se om du kan bruge det.

--
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

Simon Hansen (20-04-2008)
Kommentar
Fra : Simon Hansen


Dato : 20-04-08 13:01



David Nielsen skrev:
>> http://home20.inet.tele.dk/xqual/ <-- kan ses her
>>
>
>
>> Har en lille blomst jeg godt vil ha siddende hvor jeg har sat den. MEN
>> kan man ikke gøre det med en div UDEN for den div man vil ha den siddende i?
>> Alstå jeg kunne godt tænke mig at ha grafik i en gruppe div's nede i
>> roden af mit dokument og bestemme position og billede via css.
>>
>
>
> Mener du sådan her i HTML filen :
>
> <div id="allebillederne">
> <div id="billed1"><img src="blomst.jpg"></div>
> <div id="billed2"><img src="hest.jpg"></div>
> <div id="billed3"><img src="hund.jpg"></div>
> </div>
>
> og sådan her i CSS filen :
>
> #billed1{
> position:absolute;
> width:200px;
> height:200px;
> top:100px;
> left:400px;
> }
>
> #billed2{
> position:absolute;
> width:200px;
> height:100px;
> top:100px;
> left:700px;
> }
>
> #billed3{
> position:absolute;
> width:20px;
> height:20px;
> top:100px;
> left:950px;
> }
>
> Ja ved ikke om det hjalp men du kan da prøve og se om du kan bruge det.
>

Tak for det svar
Men det er det jeg gør lige p.t. Tror jeg fik formuleret mig lidt forkert.

Havde forestillet mig noget i retning af :
<div id="main">

<div id="alle de andre divs">
</div> <-- alle de andre div's stop

<div id="pic1"></div>
<div id="pic2"></div>
osv..
</div> main stop


css noget i retning af :

#pic1 {
background-image:url(pic1.jpg);
position:?????;
margin:;
padding:;
z-index:1;
}
#pic2 {
background-image:url(pic2.jpg);
position:?????;
margin:;
padding:;
z-index:1;
}
osv..

Noget i den retning?
og så helt i bunden af dokumentet

Hilsen
Simon

David Nielsen (20-04-2008)
Kommentar
Fra : David Nielsen


Dato : 20-04-08 16:04

Ved ikke lige hvorfor jeg fik svare 3 gange før.

Jamen hvis du vil gøre sådan som du skrev virker det så ikke ?

Prøv og lav en side med sådan som du kunne tænke dig koden skal være også fortæl
hvad der ikke virker og lav et link til den side på nettet hvis du kan

--
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

Birger (20-04-2008)
Kommentar
Fra : Birger


Dato : 20-04-08 16:24

"Simon Hansen" <xqualdkNOSPAM@hotmail.dk> skrev i en meddelelse
news:480b222e$0$90271$14726298@news.sunsite.dk...
> Hej gruppe
>
> Jeg sidder med et lillebitte problem/spørgsmål.
> Har en lille blomst jeg godt vil ha siddende hvor jeg har sat den. MEN kan
> man ikke gøre det med en div UDEN for den div man vil ha den siddende i?
> Alstå jeg kunne godt tænke mig at ha grafik i en gruppe div's nede i roden
> af mit dokument og bestemme position og billede via css.
> Kan noget sådan lade sig gøre eller har jeg spildt min tid på at knokle
> med det?
>
> http://home20.inet.tele.dk/xqual/ <-- kan ses her
>
> Et lille ekstra spørgsmål.
> Tilsyneladende er der forskel på IE og opera/FF på ca. 2px i position af
> billedet i højden? hvad kan det skyldes? er det bare sådan?
>


Du mener at du vil godt kunne angive dit billede sidst i kilden, men det
vises i en div et sted længere oppe i koden, evt. sammen med øvrigt indhold?

Det kan du ikke. Man kan ikke sætte indhold i en div, andre steder end der
hvor den skal være, rent indholdsmæssigt.
(Det kan man - med scripting, men det er næppe det du mener, og det vil
heller ikke komme sidst i kilden, og bliver absolut ikke mere overskueligt,
and at sætte det hvor det hører til i koden.)

Den eneste måde at placere ting udenfor det normale "document flow" på, er
at bruge position : absolute. Så kan du placere den lige hvor du vil, ovenpå
eller nedenunder (foran eller bagved) det øvrige indhold.

Så hvis du kan hitte ud af hvor din blomst skal slå rod i det almindelige
flow, kan du gøre plads til den der - men eftersom du ikke kender dine
besøgendes størrelse på browservindue, er det en umulig opgave...


Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Erik Ginnerskov (20-04-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 20-04-08 20:48

Simon Hansen wrote:
> Hej gruppe
>
> Alstå jeg kunne godt tænke mig at ha grafik i en gruppe
> div's nede i roden af mit dokument og bestemme position og billede via
> css.

Det kan godt lade sig gøre, men det vil kræve så meget ekstra kodning at det
ikke kan svare sig at rode med det.

For at gøre det skal billederne placeres med position:absolute og så løftes
de ud af sidens naturlige flow. Det nødvendiggør efterfølgende, at du på
anden måde reserverer plads til billederne der, hvor du vil have dem
placeret.

Alt i alt vil jeg sige: Glem det og skriv dine billeder ind i din kildekode
der, hvor du vil have dem vist.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Simon Hansen (20-04-2008)
Kommentar
Fra : Simon Hansen


Dato : 20-04-08 23:51



Jeg takker for svarene.

umuligt eller meget svært er lige p.t det samme for mig :)

Så jeg bøvler bare videre med at positionere med div i div.

Hilsen
Simon

Allan Vebel (20-04-2008)
Kommentar
Fra : Allan Vebel


Dato : 20-04-08 23:58

Simon Hansen skrev:

> Så jeg bøvler bare videre med at positionere
> med div i div.

Dårlig ide med partiotionering - det nuværende
er meget bedre.

--
Allan Vebel
http://html-faq.dk
http://vebel.dk



Søg
Reklame
Statistik
Spørgsmål : 177500
Tips : 31968
Nyheder : 719565
Indlæg : 6408518
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste