CSS Spirtes in Joomla

Her kan du spørge om hjælp til design, templates og css.

Moderator: b-ronnow

Locked
Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

CSS Spirtes in Joomla

Post by Mr DK » Tue Dec 07, 2010 10:10 am

Hej Alle,

Jeg forsøger at bruge CSS spirets til en specifik artikel i Joomla.

Har implementeret dette i Template.css

---
#HomePlayknap{position:relative;}
#HomePlayknap li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#HomePlayknap li, #HomePlayknap a{height:341px;display:block;}

#knap{left:0px;width:428px;}
#knap{background:url(../images/Home_PLAY_TreStadier.jpg) 0 0;}
#knap a:hover{background: url(../images/Home_PLAY_TreStadier.jpg) 0 -45px;}
---

Så skrev jeg dette inde i selve artiklen:

<ul id="HomePlayknap">
<li id="knap"><a href="www.dr.dk"></a></li>
</ul>

Burde dette ikke virker?

Der sker ikke noget. Den viser slet ikke noget billede. Er den URL som jeg skriver ikke god nok? Har lagt billede inde i Templates/templatenavn/Images ?


Tak for hjælpen.


/Kim

 
solsikkehaven
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4757
Joined: Thu Aug 18, 2005 5:24 am
Location: Vestjylland, Danmark
Contact:

Re: CSS Spirtes in Joomla

Post by solsikkehaven » Tue Dec 07, 2010 10:16 am

ja, jeg har også f.eks.:
background-image: url(../images/menu_shadow.gif);

for at henvise til template mappens "images" mappe (lød det åndsvagt ? - du forstår sikkert hvad jeg mener)....
Morten Knudsen
http://mortenknudsen.dk - WordPress hjemmesideløsninger til vestjyske virksomheder og foreninger
http://wpguru.dk - WordPress Guru - tips & tricks til WordPress

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Tue Dec 07, 2010 1:26 pm

Så det er ikke URL'en den er gal med. Så må det jo være noget i min CSS? Eller hvad er det som galt. Kan man ikke bruge CSS direkte i en artikel?

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: CSS Spirtes in Joomla

Post by Gadensgaard » Tue Dec 07, 2010 4:57 pm

Du kunne starte med at linke til din side, så har vi mulighed for selv at se nærmere på problemet.

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Tue Dec 07, 2010 6:15 pm

Jo selvf.

http://michaelhallmauritzen.com

Men har kun forsøgt at gøre det på en testartikel

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: CSS Spirtes in Joomla

Post by Gadensgaard » Tue Dec 07, 2010 7:49 pm

Hvilken?

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Tue Dec 07, 2010 8:00 pm

Nu har jeg smidt det ind på "Home" øverst i HTML'en

http://michaelhallmauritzen.com/index.p ... 6&Itemid=1

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: CSS Spirtes in Joomla

Post by Gadensgaard » Wed Dec 08, 2010 8:02 am

Jeg kan slet ikke finde det CSS i din template.css fil.

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Wed Dec 08, 2010 8:19 am

Hej igen.

Jeg har ellers lagt det aller nederst i CSS-filen.

http://dl.dropbox.com/u/2271360/Sk%C3%A ... .17.02.png

Kan det være fordi koden er forkert at man ikke kan se det?

/Kim

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: CSS Spirtes in Joomla

Post by Gadensgaard » Wed Dec 08, 2010 9:01 am

Har du fået den uploadet til dit webhotel?

http://michaelhallmauritzen.com/templat ... mplate.css

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Wed Dec 08, 2010 9:30 am

Hej.

Ja det kan jeg godt se at den ikke var. Har ellers brugt Dreamweavers direkte upload efter redigeringen. Prøvede også igen og det virkede stadigvæk ikke. Gjorde det i stedet inde i administrationsmodulet og nu virker det.

Kan man fjerne den ramme som kommer ved a:active?

En anden ting. Benytter du DW når du arbejder i Joomla?

Tak

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: CSS Spirtes in Joomla

Post by Gadensgaard » Wed Dec 08, 2010 9:36 am

Du kan sætte border: 0;

Det gør jeg ikke nej, jeg bruger hovedsagligt Coda (Mac).

På Windows bruger jeg Notepad++ sammen med WinSCP.

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Wed Dec 08, 2010 10:09 am

Ok... Tak.

Prøvede det her. men det virkede ikke?
#knap a:hover{border: 0; background: url(../images/Home_PLAY_TreStadier.jpg) 0 -45px;

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: CSS Spirtes in Joomla

Post by Gadensgaard » Wed Dec 08, 2010 10:12 am

Næh, men var det ikke også a:active du ville ramme?

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Wed Dec 08, 2010 10:23 am

Hov ...

Det var forkert skrevet. Det er også det som jeg har gjort?

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: CSS Spirtes in Joomla

Post by Gadensgaard » Wed Dec 08, 2010 10:30 am

Jeg er ikke helt sikker på hvilken ramme du forsøger at fjerne, men "a" skulle gerne style det hele.

Altså

#HomePlayknap li, #HomePlayknap a {
display: block;
height: 341px;
border: 0;
}
template.css (linje 1906)

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Wed Dec 08, 2010 11:44 am

Har rettet det til men det virker ikke. Kan det være en regel et andet sted som over ruler?

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: CSS Spirtes in Joomla

Post by Gadensgaard » Wed Dec 08, 2010 11:55 am

Muligvis. Hvis du kunne fortælle hvor og hvornår problemet opstår ville det være nemmere at hjælpe.

Mr DK
Joomla! Apprentice
Joomla! Apprentice
Posts: 36
Joined: Wed Aug 04, 2010 11:50 am

Re: CSS Spirtes in Joomla

Post by Mr DK » Mon Dec 20, 2010 1:28 pm

Hej igen,

Fik det til at virke, men har lidt problemer med at stille det op på den rigtige måde.

Forsiden skal bestå af teksten som er et billede. Til højre skal min spiret være. Jeg har ellers sat det ind i en tabel. Hvor venstre celle har fået indsat billedet og højre min liste som er stylet i template.css.

Hvordan får jeg billedet og min liste (med CSS spirets) til at stå ved siden af hinanden?

De bedste hilsner
Kim

 

Locked

Return to “Template, CSS og Design”