Avatar billede krischjo Nybegynder
27. februar 2011 - 03:02 Der er 10 kommentarer og
1 løsning

Runde hjørner på billeder og tables

Hej jeg vil gerne have runde hjørner på mine tables f.eks. på dem her på forsiden af: www.schjoennemann.dk - her er koden af det:


<h1>News</h1>


  <?php



if(isset($_GET['article'])){
    $foresp = mysql_query("SELECT id, dato, time, overskrift, tekst, tekst2, author FROM nyheder WHERE `id` = '".$_GET['article']."'");
    while($data = mysql_fetch_array($foresp)){
        echo "<h3>" . $data["overskrift"] . "</h3>";
        echo "<div class=timedate>" . $data["dato"] . " - " . $data["time"] . " written by: " . $data["author"] . "</div><br>";
        echo "" . $data["tekst"] . "<br>";
    }
} else {
    $foresp = mysql_query("SELECT id, dato, time, overskrift, tekst, tekst2, author FROM nyheder ORDER BY dato DESC");
    while($data = mysql_fetch_array($foresp)){
       

        echo "<div class=outer><div class=boxout><div class=boxin><div class=viewbox style=float:left;background-color:transparent;><div style=margin-bottom:2px;>
        <a href=?" . $sted . "=&article=" . $data["id"] . "><span class=headline>" . $data["overskrift"] . "</span></a>";
  echo "<div style=word-wrap: break-word>" . $data["tekst2"] . "</div></div></DIV></div></div></div>";

    }
}



?>


STYLE:

.outer {
    width:80%;
    padding-left:0px;
    padding-right:2px;
    padding-bottom:5px;
}


.boxout {


    background-repeat:no-repeat;
    background-position:top;
    margin-top:5px;
    background-color:#FFF;
    clear:both;
}

.boxin {

    background-repeat:no-repeat;
    background-position:bottom;
    height:49px;
    padding:4px;
}
.viewbox {
    float:left;

}
.headline {
    font-size: 13px;
    font-weight: bold;
    color: #006AAF;
}


Som sagt jeg aner ikke hvordan - håber nogen kan hjælpe mig.

Mvh Kris
Avatar billede krischjo Nybegynder
27. februar 2011 - 06:40 #1
Og en anden ting: De røde kanter langs indholdet, der er der et lille mellemrum - hvad kan jeg gøre for at få dem væk? Det er med tables.
Avatar billede tjens Nybegynder
27. februar 2011 - 09:25 #2
#0 Lad mig starte med at indrømme at jeg ikke har stor erfaring med runde hjørner:
Det har altid irriteret mig, at det ikke blev standard i CSS2.
Derfor skal der små billeder eller avanceret javascript til for at få det til at virke i gamle browsere.

Men CSS3 virker allerede i mange browsere, og vil blive understøttet af Microsoft fra MSIE9.

Så bliver det dejligt simpelt med f.eks.border-radius: 15px;

#1: Den røde kant til venstre i menuboksen: http://schjoennemann.dk/images/menuleft.jpg
Avatar billede webweaver Praktikant
27. februar 2011 - 11:46 #3
Med hensyn til luften ved dine borders, så smid:

border-collapse: collapse;


ind på din <table>.

<table style="border-collapse: collapse" ...>


og se om det ikke skulle hjælpe dig? :-)
Avatar billede webweaver Praktikant
27. februar 2011 - 11:51 #4
Og i øvrigt mht. til runde hjørner, så er denne god,
http://www.thesug.org/Blogs/kyles/archive/2009/04/17/Karate_Corners.aspx.aspx
Avatar billede krischjo Nybegynder
27. februar 2011 - 14:26 #5
Det havde jeg da med i mine styles?
Men anyway det har jeg faktisk fixed, det blev løst med padding på 0px.
Avatar billede krischjo Nybegynder
27. februar 2011 - 14:29 #6
hov kan til at lave et svar :S


.. men det virker ikke med de runde hjørner, det er stadig bare en firkanten box
Avatar billede krischjo Nybegynder
27. februar 2011 - 14:40 #7
Nice det virker i hvert fald i min chrome browser, men ikke i IE..
Avatar billede webweaver Praktikant
27. februar 2011 - 14:46 #8
Hvilken version af IE sidder du med?
Avatar billede krischjo Nybegynder
27. februar 2011 - 14:48 #9
Har aldrig opdateret den, så det vel ikke så mærkeligt..
Avatar billede webweaver Praktikant
27. februar 2011 - 16:16 #10
Hvis du sidder med en ældre version end IE7, så kan det godt være du ikke kan få det til at virke. Men så er det også på tide at opdatere! :)
Avatar billede krischjo Nybegynder
01. marts 2011 - 11:29 #11
Bruger selv google chrome, så det er derfor det ikke er blevet opdateret. :p
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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