CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mik28 Seniormester

14. november 2011 - 13:26 Der er 8 kommentarer og
1 løsning

Runde hjørner igen

Hej Eksperter

Har lige et par spørgsmål omkring runde hjørner. Jeg har valgt at man kun skal have dem hvis man har en browser som understøtter det :-) http://www.w3schools.com/css3/css3_borders.asp

Er nedenstående ikke rigtigt? Jeg kan ikke få det til at virke i Chrome.
Kan jeg sætte runde hjørner på en tabel eller skal jeg have et div udenom?

div.mintabel{
border-radius:10px;
-moz-border-radius: 10px;
background-color: #f0f0f0;
margin-right: 10px;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

Synes godt om

The_Buzz Novice

14. november 2011 - 14:07 #1

Det virker ved denne:
http://www.w3schools.com/css3/tryit.asp?filename=trycss3_border-radius

Hvis jeg skriver:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
div
{
border-radius:10px;
-moz-border-radius: 10px;
background-color: #f0f0f0;
margin-right: 10px;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;

}
</style>
</head>
<body>

<div>The border-radius property allows you to add rounded corners to elements.</div>

</body>
</html>

Som er en del af din kode. Virker fint i Chrome

Synes godt om

mik28 Seniormester

14. november 2011 - 15:18 #2

er det ikke muligt at sætte runde hjørner på en tabel?

Synes godt om

The_Buzz Novice

14. november 2011 - 15:44 #3

Det skal jeg ikke kunne sige Mik28, efterhånden bruger jeg kun <div til alting.

Synes godt om

The_Buzz Novice

14. november 2011 - 15:49 #4

Denne virker da fint i w3schools

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
table
{
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
</style>
</head>
<body>

<table>
<tr>
<td>The border-radius property allows you to add rounded corners to elements.</td></tr></table>

</body>
</html>

Synes godt om

mik28 Seniormester

14. november 2011 - 22:19 #5

Nu var det fordi det var noget tabel data jeg skulle vise :-)

Kan nu stadig ikke få det til at spille. Det er kun nogle ganske bestemte tabeller som skal have runde hjørner.

Tja jeg burde jo kunne skrive

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ (...)
<html>
<head>
<style type="text/css">
table.mintabel
{
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
</style>
</head>
<body>

<table class="mintabel">
<tr>
<td>The border-radius property allows you to add rounded corners to elements.</td></tr></table>

</body>
</html>

Problemet er sikkert at sitet kører i quirks mode

Synes godt om

olebole Juniormester

14. november 2011 - 22:59 #6

<ole>

"Problemet er sikkert at sitet kører i quirks mode" >> Ja, så er der jo i hvert fald ikke grund til at spilde tid på CSS. Hvorfor dog quirks mode i 2011?

/mvh
</bole>

Synes godt om

mik28 Seniormester

14. november 2011 - 23:11 #7

du har så evigt ret Ole. Det er nu engang bare et ret stort site og det er en større opgave at få det ud af quirks mode.

Synes godt om

mik28 Seniormester

23. november 2011 - 15:39 #8

Mangler et svar så jeg kan lukke

Synes godt om

mik28 Seniormester

08. december 2011 - 13:13 #9

ingen svar så jeg lukker

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS