Avatar billede charley78 Novice
02. maj 2008 - 16:53 Der er 13 kommentarer og
1 løsning

CSS / H-tags og linieskift 2

i forlængelse af spørgsmålet: eksperten.dk/spm/25680

Jeg leder efter svar på præcist det samme, men jeg må erkende at jeg ikke forstod en papfis af det der skete efter begejstringen "Kawabonga Erik, DET fungerer!.." havde lagt sig.
Jeg kender desværre ikke til, hvordan jeg bruger span, og jeg skal ændre flg.:

"<p align="left">&bull; <h1>Bevidstg&oslash;relse af den</h1><h3>tilfredshed, tryghed, livslyst, gl&aelig;de, k&aelig;rlighed, personlig styrke og gennemslagskraft</h3><h1>, som ofte overses..."

til et sammenhængende afsnit.

Hvordan gør jeg?
Avatar billede charley78 Novice
02. maj 2008 - 16:54 #1
- det der volder mig flest problemer eat gennemskue er at jeg ikke kan se om jeg skal i css'en og lave om på noget eller skrive om span (som jeg ikek kender) i head'en.
Avatar billede keysersoze Ekspert
02. maj 2008 - 17:27 #2
se om ikke dette stykke css løser dit problem;

h1 {
  padding: 0px;
  margin: 0px;
  display: inline;
}
Avatar billede olebole Juniormester
02. maj 2008 - 17:32 #3
<ole>

Et h-tag er en overskrift. Det giver ikke rigtig mening at bruge et h-tag, hvis indholdet ikke står som overskrift - og sådan én står vel altid på sin egen linje  =)

/mvh
</bole>
Avatar billede olebole Juniormester
02. maj 2008 - 17:49 #4
Uanset, hvad du prøver at gøre med CSS, er syntaksen:

<p>&bull; <h1>Bevidstg&oslash;relse af den</h1><h3>tilfredshed, tryghed, livslyst, gl&aelig;de, k&aelig;rlighed, personlig styrke og gennemslagskraft</h3><h1>,
som ofte overses..."</h1></p>

- ikke valid. H-elementer er block-elementer, som ikke kan indeholdes i p-elementer. Derfor vil HTML-parseren prøve at rette fejlen og lukke p-tagget før h-tagget - og så vil der være et p-lukke-tag i overskud:

<p>&bull; </p><h1>Bevidstg&oslash;relse af den</h1><h3>tilfredshed, tryghed, livslyst, gl&aelig;de, k&aelig;rlighed, personlig styrke og gennemslagskraft</h3><h1>,
som ofte overses..."</h1></p>

Med span kunne du skrive:

<style type="text/css">
.h1, .h3 {
    font-weight: bold;
}
.h1 {
    font-size: 30px;
}
</style>

- og din markup:

<p>&bull; <span class="h1">Bevidstg&oslash;relse af den</span><span class="h3">tilfredshed, tryghed, livslyst, gl&aelig;de, k&aelig;rlighed, personlig styrke og gennemslagskraft</span><span class="h1">,
som ofte overses..."</span></p>
Avatar billede keysersoze Ekspert
02. maj 2008 - 17:49 #5
joh - altså, det giver trods alt mening i forbindelse med SEO :)
Avatar billede olebole Juniormester
03. maj 2008 - 14:05 #6
Nej, invalid kode giver ingen mening (slet ikke, når den ikke virker) - heller ikke i forbindelse med SEO. Derudover bør SEO afspejle virkeligheden, hvis vi i det lange løb skal få glæde af fænomenet ... sporene fra midthalvfemsernes porno-søge-spam-helvede skræmmer fælt!  ;o)
Avatar billede charley78 Novice
05. maj 2008 - 10:30 #7
til keysersoze: teksten lægger sig fint efter h-tag'en, men før h-tag'en er der stadig linieskift. Så løsningsmodellen fungerede desværre ikke.

Til olebole m.fl.:
Jeg er i gang med at forberede en fil til cms, så det handler om at lægge så meget som muligt ind som stylen, så kunden vil kunne gentage muligheden. Ville du/I aligevel markere ordene og farve den på stedet, og ikke skrive noget i stylen?
Jeg ender ikke 'span'. Giver span mulighed for at kodningen bliver som den skal være i forhold til css? (altså at brugeren kan vælge den rette h til rette formål?)
Avatar billede charley78 Novice
05. maj 2008 - 10:40 #8
Hvilken betydning har valget for SEO (Search engine optimization?)?

Oleboles forslag med span fungerer i alle tilfælde helt som det gerne skulle ;o)

er der nogen der vil 'svare'?
Avatar billede keysersoze Ekspert
05. maj 2008 - 22:37 #9
er du sikker på det ikke er noget andet i din kode der giver det linieskift?

h-tags prioriteres som udgangspunkt højere end mange andre elementer på en side - så fx ordet SEO i et h1-tag giver i udgangspunktet mere værdi end hvis det stod i et span-tag.
Avatar billede olebole Juniormester
05. maj 2008 - 22:49 #10
keysersoze >> Du kan se i (02/05-2008 17:49:34), hvad det er, der sker. HTML-parseren lukker p-tagget, hvorfor der opstår et linjeskift efter '&bull;'  =)

Jeg ved udmærket, at h-tags prioriteres langt højere end, hvad der står i et span. Den måde h-tags anvendes på i eksemplet er jeg ret sikker på, Google ikke vil opfatte som realistisk - men i værste fald som forsøg på SEO-spam. Men man kan jo bare lægge hele kebabben ind i et h-tag:

<h1>&bull; <span class="h1">Bevidstg&oslash;relse af den</span><span class="h3">tilfredshed, tryghed, livslyst, gl&aelig;de, k&aelig;rlighed, personlig styrke og gennemslagskraft</span><span class="h1">,
som ofte overses..."</span></h1>

- og så ændre lidt i CSS'en
Avatar billede charley78 Novice
06. maj 2008 - 09:51 #11
er der ikke nogen der skal have points?
Avatar billede keysersoze Ekspert
06. maj 2008 - 17:31 #12
kan da godt lægge et svar - men det er vel den løsning du vælger at benytte der skal have point :)
Avatar billede charley78 Novice
06. maj 2008 - 18:10 #13
- jeg har benyttet oles, der jo virkede, men hvis den løsning i princippet var forkert (det var fx udmærket at blive gjort opmærksom på at H har prioritet), og vi (!) er blevet klogere på emnet, giver jeg bare points til dem der melder sig.
Jeg giver to dage - til fredag. Og så giver jeg points til de der mener at de har 'svaret' ;o)
- C'mon!
Avatar billede olebole Juniormester
06. maj 2008 - 21:15 #14
- så lægger jeg et  =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester