WordPress DK Forum

1. 

   brianbrandt
   

   Seniormedlem
   Joined: aug '07
   Posts:

   Reputation:

    

   Hej..
   Jeg er simpelthen ved at gå ud af mit gode skind, sikkert over en meget simpel CSS streng jeg ikke kan hitte u' a'...

   (obs! teksten kan ikke ses i explorer, men kan ses i firefox)..

   Det drejer sig om denne side : http://www.buymagictrick.com/test
   Jeg vil gerne have teksten "subscribe to RSS" til at stå til højre for billedet.. altså alignet, og ikke over billedets højde som det gør nu...
   Det skal så og sige ind over billedet på en eller anden måde...
   (De 921 er bredden fra den ene til den anden side)

   Jeg har dette stående i header.php for feeded og billedet...

   <div id="feed">

   <li class="feed-blog">" title="Subscribe to the feed">Subscribe by RSS
   <li class="feed-blog">" title="Subscribe to the feed">Subscribe by RSS

   </div><!-- feed -->
   <div id="header">
   /"> " border="0" />

   </div><!-- header -->


   Og dette stående i stylesheetet for Header og Feed...

   
/* HEADER */

   #header {
   float: left;
   width: 921px;
   margin: 0;
   padding: 0px 10px;

   clear: left;
   border-width: 1px 0;
   border-style: solid;
   border-color: #ccc;
   background: #fff;
   }
   #header h1 {
   display: inline;
   float: left;
   width: 650px;
   font-size: 2.5em;
   font-weight: bold;
   margin: 0;
   padding: 0;
   }
   #header h1 a {
   padding: 0;
   margin: 0 0 0 5px;
   }
   /* FEED */
   #feed {
   width: 200px;
   float: right;
   padding: 2px 50px 0 0;
   background: #fff url(images/subscribe.gif) no-repeat right 0;
   border-width: 0px 0;
   border-style: solid;
   border-color: #ccc;

   }
#feed ul { margin: 0; padding: 0; }
#feed ul li { list-style-type: none; text-align: right; margin: -1px 0 4px 0; padding: 0; }
#feed ul li a { font-weight: bold; }
#feed ul li a:hover { text-decoration: underline; }


   Er der en venlig sjæl som lige kan give mig opskriften på at få teksten ned på siden af billedet... jeg har siddet i flere timer nu og prøvet det meste uden held...

   Wordpress designer og konsulent - http://wpdk.dk

   Skrevet 3 years siden #
2. 

   brianbrandt
   

   Seniormedlem
   Joined: aug '07
   Posts:

   Reputation:

    

   nå... det "kode" tag jeg brugte gav da et lidt underligt indlæg... håber det er forståeligt...

   Skrevet 3 years siden #
3. 

   Thomas-DK
   

   Supermedlem
   Joined: sep '07
   Posts:

   Reputation:

    

   Hvis du fjerner float og clear fra headeren

   #header {
   width: 921px;
   margin: 0;
   padding: 0px 10px;
   border-width: 1px 0;
   border-style: solid;
   border-color: #ccc;
   background: #fff;
   }

   Og tilføjer lidt margin til #feed

   #feed {
   width: 200px;
   float: right;
   padding: 2px 50px 0 0;
   background: #fff url(images/subscribe.gif) no-repeat right 0;
   border-width: 0px 0;
   border-style: solid;
   border-color: #ccc;
   margin:33px;
   }

   Om det ser rigtigt ud i alle browsere har jeg ikke testet, men ellers burde det være et par små ændinger.

   God fornøjelse

   Skrevet 3 years siden #
4. 

   brianbrandt
   

   Seniormedlem
   Joined: aug '07
   Posts:

   Reputation:

    

   Hej Thomas..
   Tak for hjælpen, det rettede dog desværre kun problemet i Firefox... men den sidder over logoet nu i Explorer...
   Hvordan gør jeg den lige kompatibel med Explorer på det område .. Jeg har prøvet at rykke rundt på ting, men det gør det meget værre...

   Brian

   Skrevet 3 years siden #
5. 

   brianbrandt
   

   Seniormedlem
   Joined: aug '07
   Posts:

   Reputation:

    

   Explorer vil bare ikke rette sig til... danm it... grr

   Skrevet 3 years siden #
6. 

   Thomas-DK
   

   Supermedlem
   Joined: sep '07
   Posts:

   Reputation:

    

   Jeg sidder desværre på en Mac, så jeg kan ikke teste det i IE, men jeg prøve at lave en anden løsning, som IE måske vil være med til.

   Jeg vender lige tilbage

   Skrevet 3 years siden #
7. 

   Thomas-DK
   

   Supermedlem
   Joined: sep '07
   Posts:

   Reputation:

    

   Umiddelbart er det fordi at header er for bred, prøv at sætte den til 500px og se om de 2 div'er bliver vist på linie med hinanden.

   Hvis de gør det, så skal du bare tilpasse bredden på headeren. Jeg vil gætte på 720px.

   Skrevet 3 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.