spaltedrilleri

[baks]

Jeg har lavet et udkast til en hjemmeside i KompoZer, som kan ses her: (SLETTET)
Det er lavet med en tabel i kolonner / spalter. Centrum med billedet er de tre midterste kolonner lagt sammen / forenet og så er det en
kolonne på venstre og højre side af billedet.

Problemet er at teksten i venstre kolonne og højre kolonne ikke står snorlige overfor hinanden. I venstre side linket Silkeborg Bridgeklub
og i højre side linket Danmarks Bridgeforbund. Som man kan se, står linket i højre side en smule lavere end i venstre side. Syntes også
teksten til højre virker en smule mindre end den venstre.

Det er samme skrifttype og størrelse.

Jeg har prøvet forskelligt, men intet virker - nogen der kan hjælpe?

baks

[Kim Ludvigsen]

Har du ikke mulighed for at uploade en prøveside? Med billedet kan vi kun konstatere, at du har ret i, at der er en forskel, vi kan ikke se koden, og kan derfor ikke se hvorfor, der er en forskel.

[baks]

Jep, det har jeg så gjort nu - uden billeder, men det er nok ikke så væsentlig.

Har gjort rammerne synlige, hvis det kan hjælpe...

baks

[Kim Ludvigsen]

Pyh, det er svært at gennemskue koden. Tabeller er ikke så velegnede til layout.

Hvis du går ind i kodevisning og finder frem til linket til "Danmarks Bridgeforbund" vil du se, at du har fået indsat koden <big> to gange. Hvis du sletter den ene, rykkes teksten lidt op, så den kommer på lige med teksten i venstre spalte.

Du har flere andre koder, som du har fået indsat, men som ikke bruges, typisk fordi du får klikket på værktøjsknapperne til stor, lille og fed skrift. De andre overskydende koder generer dog vist ikke på samme måde som <big>-koden gør det.

Skal du have lavet flere sider end den ene? I så fald vil du gøre dig selv en kæmpe tjeneste på lidt længere sigt, hvis du benytter div-bokse og CSS til layoutet i stedet for tabeller. Det tager længere tid at lære, men i det lange løb tjener tiden sig ind igen. Men hvis du kun skal lave denne ene side og måske en eller to mere, så er det nemmere bare at tilrette den nuværende side.

Du kan læse om div-bokse og CSS i min guide Layout med stil og i den tilhørende Stiløvelse.

[baks]

Jeg har nu fjernet det ene <big> i kildekoden og nu står det på linie.

Tusind tak for hjælpen.

Jeg har brugt CSS andre steder og kiggede efter dine skabeloner, men kunne ikke lige finde dem
og så valgte jeg at bruge tabellen.

Men dine skabeloner er en kæmpehjælp, men trænger de ikke opdatering? Eks. bredden 770 pixel syner ikke meget på nutidens kæmpeskærme.

Jeg har nu fundet dem og den der hedder 1-1-3-1 kunne bruges her i stedet for tabellen, men bredden 770 pix - kan man ændre den?

baks

[Kim Ludvigsen]

Ja, man kan sagtens ændre bredden. Både på hele siden og på de enkelte spalter. Bredden ændres i CSS-editoren ved at ændre bredden på de forskellige bokse.

[baks]

OK - TAK FOR HJÆLPEN

BAKS

[baks]

Kim - jeg har nu lavet siden i CSS - men har problemer med at finde ud af lave noget tabellignende med 5 boxe
på linie vandret fra venstre til højre af hele siden eks. under venstre, midter og højrespalten i 1-1-3-1 skabelonen.

Det må være noget div boxe, men jeg kan bare ikke finde noget om hvordan man gør - kan du hjælpe?

baks

[Kim Ludvigsen - som gæst]

Har du mulighed for at lave en tegning af det ønskede? Umiddelbart forstår jeg det som, at du vil have fem bokse under de tre bokse, men jeg er bange for, at jeg misforstår.

Og hvis du har ændret på skabelonen, vil det også hjælpe, hvis du kan uploade en prøveside, som jeg kan arbejde ud fra.

Mvh. Kim
(skrevet som gæst, er i byen)

[baks]

Jeg havde tænkt mig som billedet her (SLETTET) med de 5 spalter med sponsorlink nederst.

baks

[Kim Ludvigsen]

Undskyld, at det trak ud.

Du har fjernet den originale side fra prøvelinket, så jeg kun kan se de fem sponsor-tekster. Jeg kan derfor ikke se koden på siden mere. Det betyder at jeg ikke kan give dig direkte anvisninger til, hvor og hvordan du indsætter koden til sponsorlinkene.

Du kan lave sponsorlinkene ved at indsætte en boks for hver sponsor. Det kan fx gøres som nedenstående, hvor du blot gentager fem gange med udskiftning af indholdet i boksen. Du bør nok indsætte boksene manuelt i koden i Vis kildekode, da det kan være svært at ramme det rigtige sted i brugerfladen.

<div class="sponsor">
<p>SPONSOR</p>
<p>El-Mutanten</p>
<p>Punkt 2</p>
</div>

Hvis du lægger hele siden ud igen, kan jeg fortælle dig præcist, hvor du skal indsætte ovenstående kode. Efter indsættelsen af koden, kan du tilrette teksten og evt. indsætte billeder i boksen via brugerfladen.

Du skal også have tilføjet stilklassen .sponsor i CSS-editoren. Her kan du angive bredde og højde på boksene, evt. afstand mellem dem, farve, rammer osv. Du skal også angive deres placering til relativ og flyd til venstre. Når stilklassen er på plads, bør det se rigtigt ud.

[baks]

Det er bare OK - du har sikkert også andet at se til!

Jeg har lagt en prøveversion på nettet her: http://www.silkeborg-bridgehus.dk/

baks

[Kim Ludvigsen]

Åh, jeg havde helt glemt, at den originale side var lavet som en tabel.

Men det var vel den nye udgave, du ville have indsat boksene i? I så fald er det den nye udgave, jeg lige skal have adgang til.

[baks]

Nu er jeg på den - jeg kan simpelthen ikke finde det jeg har lavet, men vi vil ikke bruge mere tid på det. jeg
prøver at klare det efter din opskrift kl. 11.44 herover.

baks

[Kim Ludvigsen]

Hvis du beholder tabel-layoutet, er der ingen grund til at benytte mit forslag. Så kan du lige så godt bare beholde det som du har, hvor sponsorerne også er i tabellen.