Større skrivefelt

[friskfyr30]

Hejsa!

Ja ved ikke rigtig hvad det hedder det jeg forsøger.... http://www.friskfyr30.frac.dk/index.html og så under lejlighedsetiketter vil jeg gerne kunne skive i hele siden bredde og sætte billeder ind - sådan at menuen på undersiderne kun består af en knap der viser tilbage til forsiden. Men er kørt død i det..

Er min side for smal eller skal den være bredere??

Mvh

Kay-Verner
#en rigtig nybegynder#

[Bjarne Krogh Hansen]

Hej

Er det noget i retningen af det her
http://bjarnekroghhansen.dk/lejlighedsetiketter.html
Jeg har rettet i stilarket og kaldt det nye stilark-1.css
I lejlighedsetiketter.html har jeg slettet stien og ændret navnet på stilarket til stilark-1.css.

Men jeg tror Kim har en smartere løsning, så vent heller på hans svar.

PS: Jeg sletter filerne når du har fået svar af Kim.

[friskfyr30]

Det er lige præcis det jeg mente

Så venter jeg på Kim men 1000 tak...

Kay-Verner

[Kim Ludvigsen]

Jeg har ikke nogen smartere løsning. Men hvis Kay-Verner vil bruge hele bredden i browseren og ikke kun hele bredden i indholdsboksen, så skal bredden på stilklasserne side, logo og indhold slettes, og i stilklassen side skal værdien "auto" i margin fjernes. Nedenstående er ændringer i forhold til Bjarnes stilark.

Åbn siden i KompoZer
Åbn css-editor
Markér stilklassen .side
Slet 770px ud for Bredde
Slet auto ud for Margin, højre og Margin, venstre
Markér stilklassen .logo
Slet 770px ud for Bredde
Markér stilklassen .indhold
Slet 770px ud for Bredde

[friskfyr30]

Skal jeg så ikke kalde stilklasse noget andet sådan at forsiden ikke også ændrer stil eller gør den ikke det?

[Bjarne Krogh Hansen]

Hej Kim

Jeg har ikke nogen smartere løsning.

Det jeg tænkte på var da du hjalp mig med skriftstørrelse, der oprettede jeg en ny stil i stilark.css, og omdøbte stil taget i htlm dokumentet.
Så har man stadig kun et stilark, kan det ikke bruges her.
Jeg kan ikke lige huske hvordan din anvisning var.

[Kim Ludvigsen]

Ok, jeg tænker mig selvfølgelig ikke om. Kan du ikke lige først fortælle mig, hvad du ændrede i stilarket (Kay-Verners). Så slipper jeg for at sammenligne.

[Bjarne Krogh Hansen]

Ok, jeg tænker mig selvfølgelig ikke om. Kan du ikke lige først fortælle mig, hvad du ændrede i stilarket (Kay-Verners). Så slipper jeg for at sammenligne.

I stilarket ændrede jeg kun beden i "indhold" til 770px, så hoppede boksen ned under "Forsiden" i html dokumentet.
Af en eller anden grund forsvandt baggrundsfarven i boksen "Forsiden" i min ændring.
Det jeg skrev tidligere om sti, var noget der opstod, da jeg downloade siden, så glem det.

[Kim Ludvigsen]

Ok, tak.

Kay-Verner: Jeg kommer med en ny vejledning til dig senere i dag.

[Kim Ludvigsen]

Kay-Verner, vil du have knappen med tilbage til forsiden på en linje for sig selv, så resten af indholdet fortsætter nedenunder som på Bjarnes prøveside. Eller vil du have indholdet til at starte i samme højde og til højre for knappen og så fortsætte nedenunder og helt til venstre?

[friskfyr30]

Hej Kim!

Synes godt om Bjanes forslag - det giver mig mest plads til at skrive og jeg kan sætte 2 etiketter ved siden af hinanden - måske skal forside knappen så være mindre...

Tak fordi I tager jer tid til at hjælpe..

mvh

Kay-Verner

[Kim Ludvigsen]

Her kommer så en trin for trin-guide. Du får oprettet nye stilklasser til brug på den pågældende side, så de andre sider ikke påvirkes.

Åbn siden i KompoZer
Åbn css-editoren
Opret disse nye stilklasser:
.bredside
.bredlogo
.bredindhold
.bredsidefod

Markér .bredside i oversigten og indsæt dette i det hvide felt (på fanen Generelt):
margin-top: 5px;
text-align: left;
background-color: white;


Marker .bredlogo i oversigten og indsæt dette i det hvide felt:
height: 75px;
text-align: center;
position: relative;
background-color: #9999ff;
font-size: 150%;


Markér .bredindhold i oversigten og indsæt dette i det hvide felt:
position: relative;
background-color: white;
float: left;


Marker .bredsidefod i oversigten og indsæt dette i det hvide felt:
padding: 0px;
position: relative;
text-align: center;
clear: both;
background-color: #9999ff;

Du kan endnu ikke se nogen forskel på siden, men det kommer nu. Klik på OK for at lukke css-editoren. Klik på fanen Kildekode. Du skal nu finde og udskifte de gamle stilklasser med de nye. Find først koden <div class="side"> og ændr den til <div class="bredside">, find koden class="logo" og ændr den til class="bredlogo", og ændr på samme måde class="indhold" og class="sidefod". Klik på fanen Normal, og du kan nu se ændringerne.

[Kim Ludvigsen]

Hvis Forside-knappen skal være mindre (i bredden, går jeg ud fra), samme fremgangsmåde som før:

Opret stilklassen .smalvenstrespalte
Marker .smalvenstrespalte og indsæt følgende i det hvide felt:
float: left;
position: relative;
width: 150px;
background-color: #9999ff;

Udskift evt. selv de 150px med en mere passende bredde.

I kildekodevisning, find koden class="venstrespalte" og udskift den med class="smalvenstrespalte".

[friskfyr30]

Takker mange gange - er allerede i fuld gang med at ændre og lave nye sider