|
| Hvordan laver jeg det så .indhold er det f~ Fra : Ulrik Christensen |
Dato : 26-07-06 20:07 |
|
Hej
Jeg har 2 spørgsmål:
1.
Hvordan laver jeg det sådan at det er .indhold fra mit style
sheet der læses først af søgemaskinerne?
Jeg har læst mig frem til noget med ID, men jeg har ikke helt
fået fat i det.
2.
På mine sider har jeg en del links. Dem der står i .indhold har
jeg fjernet understregningen på og lavet en hover effekt.
Problemet er/var at disse links fylder fire linier (det er
adresser).
Når musen bevæges langsomt ned over sådan et link, opfatter
browseren at der ikke er link mellem linierne. Det betyder at den
skifter fra alm. farve til hover osv.
Jeg har gjort det at jeg har indsat padding bottom 1 px i mit
style sheet:
indhold a:hover {
color: #F5F5F5;
padding-bottom: 1px;
}
Er det en "lovlig" måde at gøre det på eller findes der noget
bedre?
Det skal siges at det virker efter hensigten.
MvH
Ulrik
--
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
| |
Allan Vebel (27-07-2006)
| Kommentar Fra : Allan Vebel |
Dato : 27-07-06 00:06 |
|
Ulrik Christensen skrev:
> Hvordan laver jeg det sådan at det er .indhold fra
> mit style sheet der læses først af søgemaskinerne?
Du lægger det først i dokumentet, lige efter <body>,
for eksempel:
<body>
<div id="indhold">
<p>Noget tekst</p>
<p>Mere tekst</p>
<img src="billede1.png" alt="Billede 1" />
<p>Endnu mere tekst</p>
</div>
<div id="menublok">
Menuen
</div>
> Jeg har læst mig frem til noget med ID, men jeg har ikke
> helt fået fat i det.
Se http://html-faq.dk/2003.asp
> Jeg har gjort det at jeg har indsat padding bottom 1 px i
> mit style sheet:
Har du et link til siden, så vi kan se hvordan det opfører
sig?
> indhold a:hover {
> color: #F5F5F5;
> padding-bottom: 1px;
> }
Er der kun defineret noget på a:hover, og ikke på a, kan det
hele hoppe 1px - vis lige hvad du har lavet!
--
Allan Vebel
http://html-faq.dk
| |
Ulrik Christensen (27-07-2006)
| Kommentar Fra : Ulrik Christensen |
Dato : 27-07-06 05:30 |
|
> Du lægger det først i dokumentet, lige efter <body>,
> for eksempel:
>
> <body>
> <div id="indhold">
> <p>Noget tekst</p>
> <p>Mere tekst</p>
> <img src="billede1.png" alt="Billede 1" />
> <p>Endnu mere tekst</p>
> </div>
>
> <div id="menublok">
> Menuen
> </div>
Som jeg har forstået det, skal jeg til at klippe og klistre en
del i alle mine sider.
Kan der ikke indsættes en linie der fortæller browsere og
crawlere at det er dette der skal læses først:
<div class="indhold">?
Det skal lige siges at det er mit første stylesheet. Jeg har ikke
lavet det selv, men lånt en skabelon af Kim Ludvigsen.
Jeg ved ikke vanvittigt meget om CSS.
> Har du et link til siden, så vi kan se hvordan det opfører
> sig?
>
> > indhold a:hover {
> > color: #F5F5F5;
> > padding-bottom: 1px;
> > }
>
> Er der kun defineret noget på a:hover, og ikke på a, kan det
> hele hoppe 1px - vis lige hvad du har lavet!
Selvfølgelig, her er et link:
http://www.stokerpiller.dk/
MvH
Ulrik
--
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 (27-07-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 27-07-06 10:22 |
|
Ulrik Christensen wrote:
>
> Som jeg har forstået det, skal jeg til at klippe og klistre en
> del i alle mine sider.
> Kan der ikke indsættes en linie der fortæller browsere og
> crawlere at det er dette der skal læses først:
> <div class="indhold">?
>
> Det skal lige siges at det er mit første stylesheet. Jeg har ikke
> lavet det selv, men lånt en skabelon af Kim Ludvigsen.
> Jeg ved ikke vanvittigt meget om CSS.
En søgemaskine læser dit tekstindhold i den orden,
det står i HTML-kildekoden.
Derfor skal du have det vigtigste indhold
først i kildekoden.
Den nemmeste måde at odne det på for
dit vedkommende er at vise sidens indhold
i følgende orden:
Indhold
Menu venstre
Menu højre
Sidehoved
Sidefod
Det betyder, at menuer, sidehoved og sidefod
skal placeres absolut.
Artiklen
http://www.webdesign101.dk/csslayout/index.php
fortæller en hel del om websidelayout med
position-metoden.
>>Har du et link til siden, så vi kan se hvordan det opfører
>>sig?
>>
>>
>>>indhold a:hover {
>>>color: #F5F5F5;
>>>padding-bottom: 1px;
>>>}
>>
>>
>>Er der kun defineret noget på a:hover, og ikke på a, kan det
>>hele hoppe 1px - vis lige hvad du har lavet!
>
>
> Selvfølgelig, her er et link:
> http://www.stokerpiller.dk/
>
> MvH
> Ulrik
>
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Ulrik Christensen (27-07-2006)
| Kommentar Fra : Ulrik Christensen |
Dato : 27-07-06 11:56 |
|
Hmm - jeg må indrømme at jeg ikke blev meget klogere af at læse
artiklen, men det er måske pga. min manglende viden på området.
Er det muligt at få et eller flere eksempler på lige nøjagtigt det jeg
skal gøre?
MvH
Ulrik
--
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 (27-07-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 27-07-06 14:14 |
| | |
Ulrik Christensen (27-07-2006)
| Kommentar Fra : Ulrik Christensen |
Dato : 27-07-06 20:50 |
|
> Det eksempel, der nok er nemmest at have med at gøre, er
> http://www.webdesign101.dk/csslayout/ex/nichols_3.html
Den har jeg bogmærket.
Men det er langt mere omfattende end jeg havde forestillet mig
Derfor vil jeg ikke bruge det på omtalte side, men derimod på en anden side
som trænger til at blive lavet om fra bunden.
Jeg siger mange tak.
MvH
Ulrik
--
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
| |
Allan Vebel (27-07-2006)
| Kommentar Fra : Allan Vebel |
Dato : 27-07-06 22:48 |
|
Ulrik Christensen skrev:
> Hmm - jeg må indrømme at jeg ikke blev meget klogere
> af at læse artiklen, men det er måske pga. min manglende
> viden på området.
>
> Er det muligt at få et eller flere eksempler på lige nøjagtigt
> det jeg skal gøre?
http://html-faq.dk/2003.asp giver en lidt anden indfaldsvinkel,
der er også en testside på http://html-faq.dk/testsider/test1.htm
med en meget enkel kode.
--
Allan Vebel
http://html-faq.dk
| |
Jens Peter Karlsen [~ (27-07-2006)
| Kommentar Fra : Jens Peter Karlsen [~ |
Dato : 27-07-06 10:37 |
|
Nej.
Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
On 27 Jul 2006 04:30:09 GMT, Ulrik Christensen
<boxerfynNOSPAM@gmail.dk> wrote:
>Kan der ikke indsættes en linie der fortæller browsere og
>crawlere at det er dette der skal læses først:
><div class="indhold">?
| |
|
|