Avatar billede akyhne Nybegynder
20. maj 2009 - 14:32 Der er 22 kommentarer

Afrundede hjørner

Hvorfor virker mine runde hjørner ikke i Google Chrome, Opera & IE8?
http://www.racingcar.dk/eksperten/pics/rundehjoerner.JPG
http://www.racingcar.dk/eksperten/pics/rundehjoerner2.JPG
De virker fint i FF & IE7

<table width="100%" cellspacing="0" cellpadding="0">
<tr><td class="menutopleft" width="6px"><img src="Themes/HD09/images/menu-upper-left.gif" /></td>
<td class="menuuppersmall"></td>
<td class="menutopright" width="6px"></td></tr>
<tr><td class="menu" colspan="3">

  <table>
  <tr><td>Browser: </td>
  <td>Firefox 3 & IE7</td>
  </tr>
  </table>
</td></tr>
<tr><td class="menubuttomleft" width="6px"> </td>
<td width="99%" class="menulowersmall"> </td>
<td class="menubuttomright"> </td></tr>
</table>



/* Tables should show empty cells. */
table
{
    empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
    color: #949494;
    font-size: small;
    font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
    background-color: #151515;
    margin: 0px;
    padding: 12px 30px 4px 30px;
}

.menuuppersmall {
    background-image: url(images/menu-top.jpg);
    background-repeat: repeat-x;
    height: 6px;
    font-size: 1%;
}

.menulowersmall {
    background-image: url(images/menu-buttom.jpg);
    background-repeat: repeat-x;
    height: 6px;
    font-size: 1%;
}

.menuleft {
    background-image: url(images/menu-left.jpg);
    background-repeat: repeat-y;
    width: 6px;
    font-size: 1%;
}

.menuright {
    background-image: url(images/menu-right.jpg);
    background-repeat: repeat-y;
    width: 6px;
    font-size: 1%;
}

.menu {
    background-image: url(images/menu.gif);
    background-repeat: repeat;
}

.menutopleft {
    background-image: url(images/menu-upper-left.gif);
    background-repeat: no-repeat;
    width:6px;
    height: 6px;
    font-size: 1%;
}

.menutopright {
    background-image: url(images/menu-upper-right.gif);
    background-repeat: no-repeat;
    width:6px;
    height: 6px;
    font-size: 1%;
}

.menubuttomleft {
    background-image: url(images/menu-lower-left.gif);
    background-repeat: no-repeat;
    width:6px;
    height: 6px;
    font-size: 1%;
}

.menubuttomright {
    background-image: url(images/menu-lower-right.gif);
    background-repeat: no-repeat;
    width:6px;
    height: 6px;
    font-size: 1%;
}


Er der nogen der kan hjælpe? Det er så snart jeg sætter den inderste table ind det går galt.
Avatar billede fusion-it Nybegynder
20. maj 2009 - 14:39 #1
Kender du denne her:

http://www.dhtmlgoodies.com/index.html?whichScript=rounded-corners

Laant nemmere at arbejde med


Good luck :)
Avatar billede fusion-it Nybegynder
20. maj 2009 - 14:40 #2
Avatar billede mcb2001 Nybegynder
20. maj 2009 - 14:50 #3
fusion-it  - i grove træk ligger den jo bare hjørnerne in som "baggrundsbillede" i kassen.

Og til akhyne - du bør absolut overveje IKKE at lave det i tables. Det er ikke den rigtige måde at gøre det på. Det er at lave det i DIV og SPAN og bruge CSS til at styre med...
Avatar billede akyhne Nybegynder
20. maj 2009 - 14:52 #4
Hvis du kigger lidt nærmere på mine billeder, kan du se jeg bruger billeder som baggrund. Ergo kan jeg ikke bruge et script til formålet.

Jeg har brug for forslag til ændring af min kode.
Avatar billede akyhne Nybegynder
20. maj 2009 - 14:54 #5
mcb2001: Det er for kompliceret for mig med DIV og SPAN. Jeg er heller ikke sikker på det kna lade sig gøre helt som jeg vil have det.
Avatar billede fusion-it Nybegynder
20. maj 2009 - 14:55 #6
#mcb
ja klart, jeg har ikke nogen problemer med det ;) men måske det andet var nemmere for ham.

iøvrigt er der en del måder at gøre det på ;)

http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
Avatar billede fusion-it Nybegynder
20. maj 2009 - 14:57 #7
#Jeg har brug for forslag til ændring af min kode.

som ovenstående viser er der en massr måder at gøre dette på :)

Men vil give mcb2001 ret i, skal du have det til at spille hele vejen er hans løsning at foretrække. så lære du også noget nyt ;)
Avatar billede akyhne Nybegynder
20. maj 2009 - 15:07 #8
Jeg har brugt uger på nettet for at finde en løsning. Det har jeg opgivet.
Avatar billede fusion-it Nybegynder
20. maj 2009 - 15:14 #9
så må du lave det hele som fast BG så det er et billede :)
Avatar billede akyhne Nybegynder
20. maj 2009 - 15:18 #10
Basalt set er det jo det jeg gør i dag.
Avatar billede fusion-it Nybegynder
20. maj 2009 - 15:25 #11
ikke helt men næsten :)
Avatar billede fusion-it Nybegynder
20. maj 2009 - 15:27 #12
Hvad med IE8 ?

Validere den side du er igang med ?


Måske du har et link?


:)
Avatar billede akyhne Nybegynder
20. maj 2009 - 15:35 #13
Ja, den validerer. css validerer også.

Problemet er simpelthen at kanterne skal være 6px og alt andet ikke skal være fixed bredde eller højde.
Avatar billede akyhne Nybegynder
20. maj 2009 - 15:43 #14
Avatar billede akyhne Nybegynder
20. maj 2009 - 18:55 #15
Er der virkelig ingen der kan løse så simpelt et problem...?
Avatar billede fusion-it Nybegynder
20. maj 2009 - 19:33 #16
Simpelt problem? Google Chrome, Opera & IE8 hmmmm

det er aldrig simpelt at lave noget som står alle steder :)
Avatar billede fusion-it Nybegynder
20. maj 2009 - 19:46 #17
Er vi ikke enige om du vil have det her ?
http://fusion-it.eu/4.asp
Avatar billede thomasfricke Juniormester
21. maj 2009 - 20:52 #18
Prøv at ændre et af billeder til *.bmp, og se om det ændre noget...
Avatar billede thomasfricke Juniormester
21. maj 2009 - 20:54 #19
Glem mit foreslag, misforstod...
Avatar billede fusion-it Nybegynder
22. maj 2009 - 08:07 #20
Jeg vil stadig side han skal lave det af et fast billede bruge det som BG og lave det derfra.

<div style="Et billede BG">
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
Avatar billede akyhne Nybegynder
25. maj 2009 - 17:04 #21
Beklager den manglende respons, men jeg har i øjeblikket travlt med andre ting. Vender snart tilbage.
Avatar billede akyhne Nybegynder
06. juli 2010 - 00:57 #22
Smid et svar, så lukker jeg.
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