WordPress DK Forum

1. 

   AnnC
   

   Medlem
   Joined: sep '09
   Posts:

   Reputation:

    

   Hej,
   Jeg vil gerne have sat en stiplet linie (jpegbillede) ind mellem indlæg og sidebaren.
   Kan I hjælpe mig med hvor jeg sætter det ind? Synes jeg har forsøgt en del og det burde vel være ret simpelt eller?

   Skrevet 2 years siden #
2. 

   jacobask
   

   Supermedlem
   Joined: jan '08
   Posts:

   Reputation:

    

   Kan du ikke linke til din side, så vi kan se på det. Evt også give stien til det billede du vil have ind.

   Mvh
   Jacob

   Skrevet 2 years siden #
3. 

   AnnC
   

   Medlem
   Joined: sep '09
   Posts:

   Reputation:

    

   Åh jo detalje :)
   http://www.maminka.dk

   Skrevet 2 years siden #
4. 

   jacobask
   

   Supermedlem
   Joined: jan '08
   Posts:

   Reputation:

    

   Er det en meget speciel stiplet linie, eller kan du nøjes med en af de standart linie-typer til rammer? De kan ses her:
   http://www.w3schools.com/css/css_border.asp

   Hvis du kan det, kan du ændre din #sidebars (i stylesheet'et) til f.eks:

   #sidebars {
   border-left:1px dashed black;
   float:right;
   margin-left:15px;
   margin-top:65px;
   padding-left:10px;
   padding-top:0;
   width:340px;
   }

   Det er så med sort "dashed" linie.
   Det er "border:" der giver linien, først tykkelsen, så typen og så farven.

   Mvh
   Jacob

   Skrevet 2 years siden #
5. 

   AnnC
   

   Medlem
   Joined: sep '09
   Posts:

   Reputation:

    

   Det er en special designet stiblet linie, som passer ind i resten af designet. Den skal sættes ind som en jpegbillede

   Skrevet 2 years siden #
6. 

   jacobask
   

   Supermedlem
   Joined: jan '08
   Posts:

   Reputation:

    

   Så skal det vidst sættes ind som en baggrund på din #contentwrapper, dvs der skal tilføjes følgende til din contentwrapper:

   background-image:url('sti-til-fil');
   background-position:right;
   background-repeat:repeat-x;

   Det skulle sætte dit billede ind som baggrund på #contentwrapper i højre side og gentage billedet nedad.

   Mvh
   Jacob

   Skrevet 2 years siden #
7. 

   AnnC
   

   Medlem
   Joined: sep '09
   Posts:

   Reputation:

    

   Så er det gjort, men der må mangle noget? Se siden...
   Helt skævt ;)

   Skrevet 2 years siden #
8. 

   Steffen Jørgensen
   

   stffn.dk
   Joined: feb '09
   Posts:

   Reputation:

    

   Ret det til:
   background-image:url('http://www.maminka.dk/wp-content/uploads/prikker_til_adskillelse1.jpg') right repeat-y;

   så skulle det virke...

   http://stffn.dk / http://jint.dk / http://photo.jint.dk

   Skrevet 2 years siden #
9. 

   jacobask
   

   Supermedlem
   Joined: jan '08
   Posts:

   Reputation:

    

   Åhhh. Ja self. Det er lige det med x- og y-retningen!?

   Det gik vidst lidt for stærkt.

   Mvh
   Jacob

   Skrevet 2 years siden #
10. 

    AnnC
    

    Medlem
    Joined: sep '09
    Posts:

    Reputation:

     

    Kender det godt ;)
    Nu er der så lige den lille detalje at den stiblede linie flugter med indlæggene, dvs at den går ikke hele vejen ned på siden, som jeg gerne vil have den til. Kan det mon lykkedes?

    Skrevet 2 years siden #
11. 

    jacobask
    

    Supermedlem
    Joined: jan '08
    Posts:

    Reputation:

     

    Ja, så skal den nok istedet sættes på sidebaren, og så self. placeres i venstre side.

    Det problem du vil opleve er, at hvis du vælger at sætte den på indlæggene så stopper den når de stopper (for tidligt ved korte og helt nede ved lange indlæg), mens det omvendte er tilfældet hvis du sætter den på sidebaren.

    En alternativ løsning ville være at lave billedet til din stiplede linie lidt større ved at udvide det til højre med farven som din baggrund. Denne skal udvides lige så mange pixels som du ønsker at afstanden fra stregen og ud til højre skal være. Derefter ligge du denne nye skillelinie som baggrund i højre side på den div der omkranser både sidebar og content (jeg sidder ikke ved min egen computer nu, så jeg kan ikke lige se hvad den hedder, men skal nok vende tilbage senere). Derved ligger "stregen" helt på baggrunden, og vil derved følges med ned uanset om din sidebar eller dit indhold er længst.

    Håber at det var forståeligt.

    Mvh
    Jacob

    Skrevet 2 years siden #
12. 

    AnnC
    

    Medlem
    Joined: sep '09
    Posts:

    Reputation:

     

    Det forstår jeg ikke.... altså det sidste du skriver som lyder som det jeg har brug for. Men som jeg så ikke helt forstår hvordan jeg får lavet?

    Skrevet 2 years siden #
13. 

    jacobask
    

    Supermedlem
    Joined: jan '08
    Posts:

    Reputation:

     

    Nu kom jeg tilbage til min "rigtige" computer.

    Det jeg mener er at du faktisk istedet skal have lagt den stiplede linie helt ned på din "main". Hvis du ligger den her kan den dog ikke som den er nu placeres pænt på siden, derfor skal den laves lidt om.

    Lige består billedet kun af stregen på en meget smal hvid baggrund. Du skal have udvidet denne baggrund mod højre, således at billedet bliver en hvidt billede med en bredde på 360px (bredden af din sidebar+10px) hvor din linie så bare står helt ude i venstre side. Herefter kan du ligge dette billedet som baggrund på din "main" på samme måde som det blev beskrevet tidligere:

    #main {
    background-image:url('sti til nyt billede') right repeat-y;
    }

    Mvh
    Jacob

    Skrevet 2 years siden #
14. 

    AnnC
    

    Medlem
    Joined: sep '09
    Posts:

    Reputation:

     

    Hej igen,

    Nu har jeg rettet main fra:

    #main {
    clear: both;
    margin: 0 40px;
    width: 900px; /* Prevents IE6 miscalculation */
    background: #fff;
    }

    til

    #main {
    clear: both;
    margin: 0 40px;
    width: 900px; /* Prevents IE6 miscalculation */
    background-image:url('http://www.maminka.dk/wp-content/uploads/sidebarprikker.jpg') right repeat-y;
    }

    Og slettet den prikkede linie i contentwrapper. Men nu er den så i stedet helt væk.

    Skrevet 2 years siden #
15. 

    jacobask
    

    Supermedlem
    Joined: jan '08
    Posts:

    Reputation:

     

    Jeg ved ikke helt hvor den kom ind henne, men det skal hvis jeg bruger:

    background:url('http://www.maminka.dk/wp-content/uploads/sidebarprikker.jpg') right repeat-y;

    Så virker det. Bemærk "background" og ikke "background-image".

    Alternativt kan det knækkes over:

    background-image:url(http://www.maminka.dk/wp-content/uploads/sidebarprikker.jpg);
    background-position:right center;
    background-repeat:repeat-y;

    Mvh
    Jacob Ask

    Skrevet 2 years siden #
16. 

    AnnC
    

    Medlem
    Joined: sep '09
    Posts:

    Reputation:

     

    YES, så virker det!
    Mange tak for din hjælp og tålmodighed :)

    Skrevet 2 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.