Avatar billede Morten Professor
16. november 2015 - 23:03 Der er 16 kommentarer og
1 løsning

Mine styles kommer ikke frem?

Hej Eksperter

Jeg vil lige høre hvorfor mine styles ikke kommer frem på siden.

Mine koder:

echo '<div id="Vare">';
          echo '<div class="Vareoversigt" title="Vareoversigt" style="width:200px; float:left;">';
      echo '<div title="Billede">';
          echo '<a class="thumbnail" href="../uploads/'.$billede.'" rel="lightbox[roadtrip]" class="gallerycontainer">';
          echo '<img src="../uploads/'.$billede.'" width="200px" height="140px" border="0" />';
          echo '</a>';
echo '</div>';

echo '<div title="Tekst" style="width:200px">
<div title="Varenavn">' . $vare . '</div>
<div title="Antal">' . $antal . ' stk.</div>
<div title="Status">' . $status. '</div>
<div title="Pris">' . $pris . ' kr.</div>';

echo '<a class="Knap" href="vare.php?id='.$id.'&amp;uk='.$id.'&amp;u=1&amp;privat='.$_SERVER['REMOTE_ADDR'].'&amp;prisid='.$_SERVER['REMOTE_ADDR'].'&amp;brugerid='.$id.'&amp;mainid='.$id.'&amp;idmain='.$id.''.$_SERVER['REMOTE_ADDR'].'&amp;brugernavn='.$_SESSION['MM_Username'].'&amp;varer='.$vare.'">Vis vare</a>';

        echo '</div>';
    echo '</div>';
echo '</div>';



Med venlig hilsen
Morten
Avatar billede Slater Ekspert
16. november 2015 - 23:13 #1
Hvad mener du?

De eneste styles du har er et par bredder og en float. Mener du at dine div'er ikke bliver vist som 200px brede eller hvad?
Avatar billede Morten Professor
17. november 2015 - 06:55 #2
Det er class="Vareoversigt"
Har henvist til min css style.
Og den står rigtig som den skal.
Men forstår ikke hvorfor, jeg gør som jeg plejer.

Med venlig hilsen
Morten
Avatar billede Slater Ekspert
17. november 2015 - 08:29 #3
Jamen så er det jo CSS'en vi skal se. Hvis PHP-koden ellers bliver udført rigtigt (tjek kildekoden om det står som det skal), så har den sat class rigtigt.

Er du sikker på at css-filen er korrekt inkluderet? Er der andre styles i den, der virker?
Avatar billede Morten Professor
17. november 2015 - 09:13 #4
Ja der er andre der virker.
Og det er fra den file af.


@charset "utf-8";
/* CSS Document */

body {
    font-family:Verdana, Geneva, sans-serif;
    background-color:#E6E6E6;
}
.vareoversigt {
    border:thin;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
Avatar billede Slater Ekspert
17. november 2015 - 10:25 #5
Jamen der er det jo klart. "Vareoversigt" er ikke det samme som "vareoversigt"
Avatar billede Morten Professor
17. november 2015 - 10:47 #6
Jeg har ændret det da jeg begyndte forfra for at se om det virkede, men det virkede heller ikke.
Avatar billede keysersoze Guru
17. november 2015 - 13:32 #7
Kom med et link - ellers bliver det op ad bakke at gætte ud fra halve eller mangelfulde informationer.
Avatar billede Morten Professor
17. november 2015 - 14:53 #8
http://www.webshop.flueopskrifter.dk/mobil_tablet_pc/index.php?uk=3&id=1
Der skulle helt gerne komme en border, og nogle rundinger.


Men det kommer der ikke, kan godt lave tekst om, men ikke det andet.
Avatar billede Morten Professor
17. november 2015 - 15:01 #9
Den er ikke færdig lavet er bare ved at lave en mobil tablet pc løsning
Avatar billede keysersoze Guru
17. november 2015 - 15:07 #10
Så vidt jeg kan se bruger du class-angivelse, altså ".", i din css mens du giver dine elementer et id. Enten skal du benytte "#" i din css eller, hvilket er mest normalt og som vil forhindre flere elementer med samme id, benytte class på dine elementer.
Avatar billede Morten Professor
17. november 2015 - 16:17 #11
Øv det hjalp ikke.
Hvad er det der lige sker har aldrig haft problemer med det før, og har også prøvet at begynde forfra. Med det hele.
Avatar billede olsensweb.dk Ekspert
17. november 2015 - 16:25 #12
lidt off topic
har du overvejet at anvende et CSS framework,istedet for at lave 2 forskellige sider ??
http://www.cssnewbie.com/best-free-css3-frameworks-2015/#.VktEPvmrS1s
twitter bootstrap <-- meget udbredt
Foundation
purecss

alternativt kan du kigge på media queries
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
http://www.w3schools.com/css/css_rwd_mediaqueries.asp

men ja det kræver en del arbejde på dine sider, til gengæld får du ryddet op i din css code
Avatar billede keysersoze Guru
17. november 2015 - 23:45 #13
Ud fra hvad jeg kan se virker det fint, i hvert fald tager din vareoversigt-class fin effekt - du kan jo prøve at sætte en baggrundsfarve på klassen. Hvis du forventer at indholdet i dit element skal have runde hjørner så prøv at se overflow: hidden; på.
Avatar billede Morten Professor
18. november 2015 - 00:02 #14
Så virkede det ;o)

keysersoze vil du sende et svar :o)
Avatar billede Morten Professor
18. november 2015 - 00:03 #15
Men lige en ting, hvorfor kommer min border ikke frem?
Avatar billede keysersoze Guru
18. november 2015 - 02:02 #16
Border i css er en shorthand for -width, -style og -color og da du kun overskriver -width og ikke også -style, som er obligatorisk, får du en thin border, der har style none og dermed faktisk ingen border. Du skal som minimum have border: thin solid; for at det virker.
Avatar billede Morten Professor
18. november 2015 - 12:00 #17
Sådan mand nu virker det.
Tak for hjælpen, så lærte jeg lige noget nyt, for mig.
Så kan jeg gå videre med designet.

Med venlig hilsen
Morten
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

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