Avatar billede Christiano_ez Nybegynder
26. juli 2011 - 20:13 Der er 5 kommentarer og
1 løsning

<div>-tag ikke defineret i .css?

Jeg har et problem på min forside (www.cckis.dk) - jeg vil gerne gøre produktbillederne (i centrum) større - jeg kan godt finde ud af at gøre både billeder og kassen omkring større - men jeg kan ikke flytte på dem?

Har forsøgt at finde ud af hvad der holder på dem og kom frem til enten "contentleft" eller "homepage-products" - men ingen af dem er defineret i .css'en. Prøvede selv at definere dem men det ændrede ikke på at der stadig er en irriterende bred margen på.

Se her for mock-ups http://forums.shopify.com/categories/2/posts/52711
Avatar billede The_Buzz Novice
26. juli 2011 - 21:43 #1
Der er da ingen produktbilleder på http://cckis.dk/ ?
Avatar billede NielsErikP Mester
26. juli 2011 - 22:30 #2
Hej..

Lige en tanke, der kan prøves...


<div id="page" class="hfeed">



Er denne <div> ikke din hoved div??? med "id=page" :


#page {
    margin: 2em auto;
    max-width: 1000px;
}



Den Css siger en max-width på 1000px og definerer en top/bund margin på 2em og en højre/venstre margin som sættes til auto.

Prøv og kigge på det!!!
Avatar billede Christiano_ez Nybegynder
26. juli 2011 - 22:54 #3
Arh, undskyld! Sorry. Siden er www.framor.dk og ikke den førnævnte.
Avatar billede Christiano_ez Nybegynder
26. juli 2011 - 23:09 #4
Hej NielsErikP,

Jeg kunne styre top og bund-margin men ikke resten...

Sådan ser koden ud:

<ul id="homepage-products" style="overflow:hidden">
  {% for product in collections.frontpage.products  %}
  <li style="float:left; list-style-type: none;"class="product">
    <div class="product-image">
        <a href="{{ product.url }}">
            <img src="{{ product.featured_image | product_img_url: 'medium' }}" alt="{{ product.title }}"/>
        </a>
        <h3><a href="{{ product.url }}">{{ product.title }}</a></h3>
        <div class="money">{{ product.price | money }}</div>
        <br />
    </div>
  </li>
  {% endfor %}
</ul>
Avatar billede NielsErikP Mester
26. juli 2011 - 23:25 #5
Hej...

Ja e det jeg kiggede på var www.cckis.dk

Men hele siden har en bredde og din div har en bredde.. altså Højre/venstre vi snakker om!!!
Og margin defineres margin: Top right bottom left eller
margin: top/bottom right/left.

Så en AUTO på din div, må jo regne sådan :

((Hele sidens bredde) - ( div'ens bredde) /2 )

Ved ikke om du kan bruge det til noget :-)
Avatar billede Christiano_ez Nybegynder
08. november 2011 - 00:19 #6
f
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB

NOVAX A/S

Sales Executive

Quadsat ApS

Robotics Engineer

Metroselskabet og Hovedstadens Letbane

BIM Coordinator

Netcompany A/S

Test Specialist