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

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Placering af gif animtioner
Fra : Is


Dato : 19-03-08 21:34

Hej

Jeg overvejer i forbindelse med noget fødselsdag/jubilæum, at sætte
nogle flag på siden, i form af gif. animationer

Jeg kunne så tænke mig at placere den samme gif. flere steder på
siden.

er der et sted jeg kan se hvordan jeg gør det med css

--
mvh
Erik Isager



 
 
Allan Vebel (19-03-2008)
Kommentar
Fra : Allan Vebel


Dato : 19-03-08 23:45

Is skrev:

> Jeg kunne så tænke mig at placere den samme
> gif. flere steder på siden.
>
> er der et sted jeg kan se hvordan jeg gør det med
> css

<div class="flag">&nbsp;</div> kan placeres flere
steder.

..flag{
color:#000;
background:inherit;
background-image:url(flag.gif) no-repeat;
width:200px; /*billedets bredde*/
height:150px; /*billedets højde*/
}

Ikke testet, prøv selv at lege videre!

Hvorfor spørger du efter css i clientside-gruppen?

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



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


Dato : 20-03-08 10:43

"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:47e1975b$0$90266$14726298@news.sunsite.dk...
> Is skrev:
>
>> Jeg kunne så tænke mig at placere den samme
>> gif. flere steder på siden.
>>
>> er der et sted jeg kan se hvordan jeg gør det med
>> css
>
> <div class="flag">&nbsp;</div> kan placeres flere
> steder.
>
> .flag{
> color:#000;
> background:inherit;
> background-image:url(flag.gif) no-repeat;
> width:200px; /*billedets bredde*/
> height:150px; /*billedets højde*/
> }
>
> Ikke testet, prøv selv at lege videre!
>


;>)
Bare en tanke...
HTML er til indhold, mens css er til formatering, så er tanken om at
indsætte indhold via css, ikke lidt i modstrid med visionerne?

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



Is (20-03-2008)
Kommentar
Fra : Is


Dato : 20-03-08 11:29


"Birger" <sdc@bbsorensen.com> skrev i en meddelelse
news:47e231b7$0$90269$14726298@news.sunsite.dk...
> "Allan Vebel" <spam@do.not> skrev i en meddelelse
> news:47e1975b$0$90266$14726298@news.sunsite.dk...
> > Is skrev:
> >
> >> Jeg kunne så tænke mig at placere den samme
> >> gif. flere steder på siden.
> >>
> >> er der et sted jeg kan se hvordan jeg gør det med
> >> css
> >
> > <div class="flag">&nbsp;</div> kan placeres flere
> > steder.
> >
> > .flag{
> > color:#000;
> > background:inherit;
> > background-image:url(flag.gif) no-repeat;
> > width:200px; /*billedets bredde*/
> > height:150px; /*billedets højde*/
> > }
> >
> > Ikke testet, prøv selv at lege videre!
> >
>
>
> ;>)
> Bare en tanke...
> HTML er til indhold, mens css er til formatering, så er tanken om at
> indsætte indhold via css, ikke lidt i modstrid med visionerne?


Er det ikke måden at placere på, hvis man vil bestemme placeringen ?



Jeg kan godt se at det ikke fremgår af mit sp,

Men jeg vil placere det samme flag flere steder på siderne, måske ved
at flag igen indsættet efter en bestemt afstand f.eks efter 100px mod
højre, og 100 px ned.



--
mvh
Erik Isager



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


Dato : 20-03-08 21:29

Birger skrev:

> Bare en tanke...

God tanke

> HTML er til indhold, mens css er til formatering,
> så er tanken om at indsætte indhold via css,
> ikke lidt i modstrid med visionerne?

Måske, jeg udtænkte blot den nemmeste løsning.

Jeg ved ikke hvor mange flag Erik vil have, men en
&nbsp; fylder mindre end

<img class="flag1" src="flag.gif" alt="Flag">

Jeg vil ikke kalde det indhold, nok nærmere en
dekoration - og hvis det er indhold, så er det jo
flaget der er indholdet.

Nu er det jo midlertidigt, så kan han bare skukke
for flaget i css-filen, og tænde for det igen næste
gang det skal bruges - den skal bare have en
display:none; på .flag{}

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



Is (21-03-2008)
Kommentar
Fra : Is


Dato : 21-03-08 01:43


"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:47e2c90a$0$90263$14726298@news.sunsite.dk...


> Jeg ved ikke hvor mange flag Erik vil have, men en
> &nbsp; fylder mindre end

Det ved jeg heller ikke - normalt er jeg imod den type "fyld" på en
hjemmeside - men foreningen har 25 års jubilæum, derfor synes jeg lidt
flag var ok.

Derfor søgte jeg en nem måde at fordele flag på siden - og så bestemme
antal når jeg ser resultatet.


Det jeg tænkte på var noget som man kan bruge ved baggrundsbilled.
background-repeat: repeat-x



Men tak for svarene.


--
mvh
Erik Isager




Allan Vebel (22-03-2008)
Kommentar
Fra : Allan Vebel


Dato : 22-03-08 01:15

Is skrev:

> Derfor søgte jeg en nem måde at fordele flag
> på siden - og så bestemme antal når jeg ser
> resultatet.

Det kunne være interessant at se resultatet, har
du et link?

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



Is (22-03-2008)
Kommentar
Fra : Is


Dato : 22-03-08 19:58


"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:47e44f73$0$90267$14726298@news.sunsite.dk...
> Is skrev:
>
> > Derfor søgte jeg en nem måde at fordele flag
> > på siden - og så bestemme antal når jeg ser
> > resultatet.
>
> Det kunne være interessant at se resultatet, har
> du et link?


Det må du vente lidt på - jubilæet er først d.28 april så jeg synes
det er for tidligt at sætte flag på endnu.
(jeg komme med det når jeg sætter flag på)


Men jeg kan da skrive hvad jeg har lavet - og har testet lokalt.

Næsten alle sider består af:

<div class="main" ><!--#include file="inc/detsker.inc"--></div>
<div class="left" ><!--#include file="inc/menu01.inc"--></div>
<div class="right" ><!--#include file="inc/menumaaneder.inc"--></div>
<div class="top" ><!--#include file="inc/top01.inc"--></div>
----------
(især top01.inc er på alle sider)
når jeg har top01 til sidst - læses den sidst, og flagene kommer
øverst, lige meget hvor på siden de er placeret


i top01.inc har jeg indsat:

<p class="flagdk4-1"><img src="images/pic01/dk04.gif" height="50"
width="68" border="0"></p>
<p class="flagdk4-2"><img src="images/pic01/dk04.gif" height="50"
width="68" border="0"></p>
<p class="flagdk4-4"><img src="images/pic01/dk04.gif" height="50"
width="68" border="0"></p>
<p class="flagdk4-3"><img src="images/pic01/dk04.gif" height="50"
width="68" border="0"></p>


i min css er så:

/*-- bruges til flag "DK4"--*/
.flagdk4-1
{
position: absolute;
left: 170px;
top: 20px;
}

/*-- bruges til flag "DK4"--*/
.flagdk4-2
{
position: absolute;
right: 60px;
top: 20px;
}
/*-- bruges til flag "DK4"--*/
.flagdk4-3
{
position: absolute ;
right: 60px ;
top: 500px ;
}

/*-- bruges til flag "DK4"--*/
.flagdk4-4
{
position: absolute ;
left: 170px ;
top: 500px ;
}

---

jeg synes det ser ok ud - men kan i jo være med til at bedømme når tid
er, det bliver nok ca. om 2 uger.



--
mvh
Erik Isager





Is (20-03-2008)
Kommentar
Fra : Is


Dato : 20-03-08 11:32


"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:47e1975b$0$90266$14726298@news.sunsite.dk...
> Is skrev:
>
> > Jeg kunne så tænke mig at placere den samme
> > gif. flere steder på siden.

> Hvorfor spørger du efter css i clientside-gruppen?

Ja det var nok en fejl

Undskyld.


--
mvh
Erik Isager



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

Månedens bedste
Årets bedste
Sidste års bedste