Hej Ludvig
Jeg har brugt din 1-1-3-1 rund skabelon med lige høje spalter. Og det fungerer fint. Bortset fra, at jeg gerne vil have noget nedenfor skabelonen - en linje med senest opdateret. Og for den sags skyld også i toppen af skabelonen, hvor jeg vil have en lille ekstra menu. Det har jeg lave på grundlag af en af dine 1-1-1-1 rund skabeloner, og de fungerer fint. Men i denne skabelon med de trs søjler sker der det at det hele cykler, eller rettere sagt, den nederste adressefeltsbjælke lægger sig op over de andre. Jeg synes jeg har prøvet mange forskellige ting, men jeg kan ikke finde ud af det. Hvad gør jeg forkert?
Mvh
Lars
1-1-3-1-rund skabelon
9 indlæg
• Side 1 af 1
Re: 1-1-3-1-rund skabelon
af Kim Ludvigsen » tirs feb 15, 2011 17:58
Har du mulighed for at lægge en prøveside ud på nettet?
Hvis du har forsøgt at indsætte den ekstra linje øverst og nederst i KompoZer, er det sikkert fordi, den ikke er placeret korrekt i koderne. Det skal normalt gøres i kildekodevisning. Men det er svært at sige, om det er der problemet ligger uden at kunne se siden.
Hvis du har forsøgt at indsætte den ekstra linje øverst og nederst i KompoZer, er det sikkert fordi, den ikke er placeret korrekt i koderne. Det skal normalt gøres i kildekodevisning. Men det er svært at sige, om det er der problemet ligger uden at kunne se siden.
Mvh.
Kim Ludvigsen
Kim Ludvigsen
- Kim Ludvigsen
- Site Admin
- Indlæg: 7263
- Tilmeldt: tors jun 08, 2006 0:49
Re: 1-1-3-1-rund skabelon
af lars » tirs feb 15, 2011 20:40
Hej Kim
Jeg har forsøgt i kildekode. Det jeg har forsøgt er at lægge en <div></div> boks ind. Både efter navnefeltet - hvor jeg vil lægge oplysninger om sidst opdateret. Om som omkransning af alt indhold, så jeg kan lave en ramme uden om hele molevitten, som på de andre sider. Jeg har laven gennemsigtig i billedfilerne der laver de runde hjørner, men det er ikke derfor. Jeg har også prøvet at downloade skabelonen en gang til, og forsøge at lave en boks uden at der overhovedet var nogle af mine ændringer, men det ændrede ikke på noget. Siden ligger her
http://litteraturklub.info/Opskrifter/3 ... krift.html
og jeg vil gerne lave det samme på den side, som på de andre sider du kan se fra menuen (opdateringsdato, og lille menu i toppen)
mvh
Lars
Jeg har forsøgt i kildekode. Det jeg har forsøgt er at lægge en <div></div> boks ind. Både efter navnefeltet - hvor jeg vil lægge oplysninger om sidst opdateret. Om som omkransning af alt indhold, så jeg kan lave en ramme uden om hele molevitten, som på de andre sider. Jeg har laven gennemsigtig i billedfilerne der laver de runde hjørner, men det er ikke derfor. Jeg har også prøvet at downloade skabelonen en gang til, og forsøge at lave en boks uden at der overhovedet var nogle af mine ændringer, men det ændrede ikke på noget. Siden ligger her
http://litteraturklub.info/Opskrifter/3 ... krift.html
og jeg vil gerne lave det samme på den side, som på de andre sider du kan se fra menuen (opdateringsdato, og lille menu i toppen)
mvh
Lars
- lars
Re: 1-1-3-1-rund skabelon
af Kim Ludvigsen » ons feb 16, 2011 11:44
Når du selv skal lege med den slags, og du har en side, der virker, og en, der ikke gør, så åbn begge sider i kildekodevisning for at se, hvad forskellen er. Det er måske nemmere at åbne siderne i Notesblok eller lignende, da du kun kan have én kildekodevisning åbnet ad gangen i KompoZer.
I toppen af siden med den ekstra menu har du:
<body>
<div class="baggrund">
<div class="side">
<div>
<div class="menutop">
<div class="lillesml"><span class="lillesmltop1"></span><span class="lillesmltop2"></span><span class="lillesmltop3"></span><span class="lillesmltop4"></span>
<ul id="lillemenu">
<li><a href="download.html">download</a></li>
<li><a href="Galleri/galleri.html">galleri</a></li>
<li><a href="kontakt.html">kontakt</a></li>
</ul>
</div>
</div>
</div>
<span class="logohjoernetop1"></span>
I den anden side har du:
<body>
<div class="side">
<div class="logosamleboks">
<span class="logohjoernetop1"></span>
Forsekellen er altså indholdet mellem <body> og <span class="logohjoernetop1"></span>.
Du kan så kopiere førstnævnte indhold og indsætte det i stedet for sidstnævnte indhold.
Det samme med den nederste del, hvor du finder den ekstra kode, der starter med:
<div class="opdateret">
<script language="JavaScript" type="text/javascript">
Markér og kopier de to linjer og alle efterfølgende linjer ned til </body>
Og indsæt dem så i 33_LK_opskrift.html mellem </div> og </body> nederst i koden.
Bemærk, det vil være en rigtig god ide at lave en backup af begge filer, inden du går i gang.
Siderne benytter ikke samme css-fil, så du skal også have lavet css-koder, ellers vil menuen i toppen fx vises som en lodret liste med blå links. Du skal bl.a. have lavet stilklasser til .baggrund og .menutop.
Du skal også være opmærksom på, om der er lige mange div'er i koderne, for ellers skal du have indsat eller fjernet div'er senere på siden. Fx indeholder koden til den ekstra menu en ekstra div i forhold til den gamle kode, til gengæld fjernes <div class="logosamleboks"> i den gamle kode, og så går det alligevel op i dette tilfælde. Jeg tør dog ikke umiddelbart sige, hvor vigtig <div class="logosamleboks"> er, måske det giver problemer at fjerne den, men prøv dig i første omgang frem med ovenstående kopiering og indsætning.
I toppen af siden med den ekstra menu har du:
<body>
<div class="baggrund">
<div class="side">
<div>
<div class="menutop">
<div class="lillesml"><span class="lillesmltop1"></span><span class="lillesmltop2"></span><span class="lillesmltop3"></span><span class="lillesmltop4"></span>
<ul id="lillemenu">
<li><a href="download.html">download</a></li>
<li><a href="Galleri/galleri.html">galleri</a></li>
<li><a href="kontakt.html">kontakt</a></li>
</ul>
</div>
</div>
</div>
<span class="logohjoernetop1"></span>
I den anden side har du:
<body>
<div class="side">
<div class="logosamleboks">
<span class="logohjoernetop1"></span>
Forsekellen er altså indholdet mellem <body> og <span class="logohjoernetop1"></span>.
Du kan så kopiere førstnævnte indhold og indsætte det i stedet for sidstnævnte indhold.
Det samme med den nederste del, hvor du finder den ekstra kode, der starter med:
<div class="opdateret">
<script language="JavaScript" type="text/javascript">
Markér og kopier de to linjer og alle efterfølgende linjer ned til </body>
Og indsæt dem så i 33_LK_opskrift.html mellem </div> og </body> nederst i koden.
Bemærk, det vil være en rigtig god ide at lave en backup af begge filer, inden du går i gang.
Siderne benytter ikke samme css-fil, så du skal også have lavet css-koder, ellers vil menuen i toppen fx vises som en lodret liste med blå links. Du skal bl.a. have lavet stilklasser til .baggrund og .menutop.
Du skal også være opmærksom på, om der er lige mange div'er i koderne, for ellers skal du have indsat eller fjernet div'er senere på siden. Fx indeholder koden til den ekstra menu en ekstra div i forhold til den gamle kode, til gengæld fjernes <div class="logosamleboks"> i den gamle kode, og så går det alligevel op i dette tilfælde. Jeg tør dog ikke umiddelbart sige, hvor vigtig <div class="logosamleboks"> er, måske det giver problemer at fjerne den, men prøv dig i første omgang frem med ovenstående kopiering og indsætning.
Mvh.
Kim Ludvigsen
Kim Ludvigsen
- Kim Ludvigsen
- Site Admin
- Indlæg: 7263
- Tilmeldt: tors jun 08, 2006 0:49
Re: 1-1-3-1-rund skabelon
af lars » tirs feb 22, 2011 17:30
Hej Kim
Det virker desværre ikke at kopiere dem ind. Det cykler stadig rundt - de to yderste kolonner fylder ikke længere ud til bunden af den midterste. Jeg har på fornemmelsen at det har noget med denne kode at gøre <div style="clear: both;"></div>, som står før sidefodssamleboksen.
Jegkan godt få det til at se nogenlunde fornuftigt ud ved at fjerne den ene af de koder -der er to stk. Men så forsvinder de afrundede hjørner, og de ydre bokse bliver kun så høje som det indhold der er i dem.
Mvh
Lars
Det virker desværre ikke at kopiere dem ind. Det cykler stadig rundt - de to yderste kolonner fylder ikke længere ud til bunden af den midterste. Jeg har på fornemmelsen at det har noget med denne kode at gøre <div style="clear: both;"></div>, som står før sidefodssamleboksen.
Jegkan godt få det til at se nogenlunde fornuftigt ud ved at fjerne den ene af de koder -der er to stk. Men så forsvinder de afrundede hjørner, og de ydre bokse bliver kun så høje som det indhold der er i dem.
Mvh
Lars
- lars
Re: 1-1-3-1-rund skabelon
af Kim Ludvigsen » tirs feb 22, 2011 21:10
Jeg vil prøve at kigge lidt nærmere på problemet, jeg var lidt overfladisk sidste gang i håb om, at det var nok. Der går nok lige en dag eller tre.
Der er for øvrigt et problem med den menu, du gerne vil have øverst. Prøv at tjekke en af de eksisterende sider i Chrome.
Får du det selv til at virke helt eller delvist (spalter og/eller den øverste menu i Chrome), så sig endelig til, så jeg ikke unødig bruger tid på at løse problemet.
Der er for øvrigt et problem med den menu, du gerne vil have øverst. Prøv at tjekke en af de eksisterende sider i Chrome.
Får du det selv til at virke helt eller delvist (spalter og/eller den øverste menu i Chrome), så sig endelig til, så jeg ikke unødig bruger tid på at løse problemet.
Mvh.
Kim Ludvigsen
Kim Ludvigsen
- Kim Ludvigsen
- Site Admin
- Indlæg: 7263
- Tilmeldt: tors jun 08, 2006 0:49
Re: 1-1-3-1-rund skabelon
af Kim Ludvigsen » tors feb 24, 2011 10:24
Nu har jeg så fundet ud af, hvorfor det ikke virkede med mit forrige forslag. Jeg havde ikke bemærket, at du bruger forskellige css-filer. Ideen med css-filer er, at man kun bruger én, medmindre man har helt specielle behov.
Jeg har nu tilrettet dine filer og ændret så du bruger den samme css-fil til opskrifterne som til forsiden. Du skal gøre følgende:
Lav en backup af dine filer.
Flyt filerne rundtop.png, rundbund.png og spaltetrick.png op i hovedmappen i stedet for at have dem i mappen Opskrifter - det har den fordel, at du kan også nemt kan bruge dem på andre sider om nødvendigt.
Download zip-filen her og pak den ud.
Udskift den gamle littklubbasis.css med den udpakkede, og ditto med 33_LK_opskrift.html.
Hvis du skal lave en ny opskriftside, så brug den nye 33_LK_opskrift.html som skabelon, den henviser til den rette css-fil.
Hvad jeg har gjort:
Jeg har indsat en højde i stilen på den lille ekstramenu, så den nu vises i Chrome.
Jeg har flyttet de nødvendige stile fra trespalte.css til littklubbasis.css. Nogle havde samme navne som eksisterende stile, så dem har jeg omdøbt. Jeg har ikke ændret stien til baggrundsbillederne, og eftersom der nu henvises til css-filen i hovedmappen, skal billederne også ligge der, jf ovenstående om at flytte dem op i hovedmappen.
Jeg har ændret din liste i midterste spalte, fordi den brugte forkert kode. Du havde indsat flere lister i hinanden for at skabe afstand fra kanten af boksen. Jeg har i stedet tilføjet en klasse, der hedder .indryk og i den har jeg angivet en venstre-indrykning på 25px. Den synlige forskel er, at punkterne til venstre for listen nu er runde prikker i stedet for firkanter.
Der er stadig et par småproblemer i Chrome: menuen øverst vises nu, men er lidt højere end i de andre browsere. Og den grå menubjælke dækker de nederste runde hjørner. Det kan du evt. selv prøve at lege med.
Jeg har nu tilrettet dine filer og ændret så du bruger den samme css-fil til opskrifterne som til forsiden. Du skal gøre følgende:
Lav en backup af dine filer.
Flyt filerne rundtop.png, rundbund.png og spaltetrick.png op i hovedmappen i stedet for at have dem i mappen Opskrifter - det har den fordel, at du kan også nemt kan bruge dem på andre sider om nødvendigt.
Download zip-filen her og pak den ud.
Udskift den gamle littklubbasis.css med den udpakkede, og ditto med 33_LK_opskrift.html.
Hvis du skal lave en ny opskriftside, så brug den nye 33_LK_opskrift.html som skabelon, den henviser til den rette css-fil.
Hvad jeg har gjort:
Jeg har indsat en højde i stilen på den lille ekstramenu, så den nu vises i Chrome.
Jeg har flyttet de nødvendige stile fra trespalte.css til littklubbasis.css. Nogle havde samme navne som eksisterende stile, så dem har jeg omdøbt. Jeg har ikke ændret stien til baggrundsbillederne, og eftersom der nu henvises til css-filen i hovedmappen, skal billederne også ligge der, jf ovenstående om at flytte dem op i hovedmappen.
Jeg har ændret din liste i midterste spalte, fordi den brugte forkert kode. Du havde indsat flere lister i hinanden for at skabe afstand fra kanten af boksen. Jeg har i stedet tilføjet en klasse, der hedder .indryk og i den har jeg angivet en venstre-indrykning på 25px. Den synlige forskel er, at punkterne til venstre for listen nu er runde prikker i stedet for firkanter.
Der er stadig et par småproblemer i Chrome: menuen øverst vises nu, men er lidt højere end i de andre browsere. Og den grå menubjælke dækker de nederste runde hjørner. Det kan du evt. selv prøve at lege med.
litteraturklub.zip- (4.9 KiB) Downloadet 300 gange
Mvh.
Kim Ludvigsen
Kim Ludvigsen
- Kim Ludvigsen
- Site Admin
- Indlæg: 7263
- Tilmeldt: tors jun 08, 2006 0:49
Re: 1-1-3-1-rund skabelon
af lars » man feb 28, 2011 21:28
Hej Kim
Jeg beklager jeg ikke har svaret før nu. Det er da helt enormt! Ikke bare hjælper du med gode råd, skabeloner, mv. - du laver også arbejdet for mig! Jeg siger mange tusind tak. Og så glæder jeg mig til at lave de ændringer du beskriver. Det bliver dog ikke før i morgen.
Endnu engang mange tak
mvh
Lars
Jeg beklager jeg ikke har svaret før nu. Det er da helt enormt! Ikke bare hjælper du med gode råd, skabeloner, mv. - du laver også arbejdet for mig! Jeg siger mange tusind tak. Og så glæder jeg mig til at lave de ændringer du beskriver. Det bliver dog ikke før i morgen.
Endnu engang mange tak
mvh
Lars
- lars
Re: 1-1-3-1-rund skabelon
af lars » tirs mar 01, 2011 21:07
Hej Kim
Så har jeg lavet ændringerne, og det virker perfekt det hele. Og jeg er blevet meget klogere! Jeg har vel nærmest arbejdet lidt ud fra filosofien - når jeg nu havde noget der virkede, så ville jeg ikke lave det om, for ikke at ødelægge noget. Det var baggrunden for at jeg havde forskellige stilark. Jeg har også en anden underside med galleri, som jeg også har lavet et særligt stilark til. Men det vil jeg nu stille og roligt flytte over i det samlede. Og jeg kan da godt se at det selvfølgelig er meget nemmere at det er sammen ét sted
At det er lidt anderledes i Chrome kan jeg leve med, men jeg vil da se om jeg evt kan finde ud af at få de runde hjørner igen der.
Så endnu engang mange tak for hjælpen
Mvh Lars
Så har jeg lavet ændringerne, og det virker perfekt det hele. Og jeg er blevet meget klogere! Jeg har vel nærmest arbejdet lidt ud fra filosofien - når jeg nu havde noget der virkede, så ville jeg ikke lave det om, for ikke at ødelægge noget. Det var baggrunden for at jeg havde forskellige stilark. Jeg har også en anden underside med galleri, som jeg også har lavet et særligt stilark til. Men det vil jeg nu stille og roligt flytte over i det samlede. Og jeg kan da godt se at det selvfølgelig er meget nemmere at det er sammen ét sted
At det er lidt anderledes i Chrome kan jeg leve med, men jeg vil da se om jeg evt kan finde ud af at få de runde hjørner igen der.
Så endnu engang mange tak for hjælpen
Mvh Lars
- lars
9 indlæg
• Side 1 af 1
Tilbage til Hjælp til Ludvigs Hjørne
Hvem er online
Brugere der læser dette forum: Ingen og 11 gæster