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