---

Hej NG!

Jubii's nye design benytter "runde" hjørner på alle tabeller.

Hvaordan klarer man det, det lader sig mig bekndt ikke gøre i html. Kan man
klare det med CSS eller ligger det i selve grafikelementet?

Et eksempel eller henvisning vil være super.

Tak for hjælpen.
M.v.h.
Torben Jensen

---

Davs du
Torben Jensen <torbenje@tiscali.dk> skrev bla:
> Jubii's nye design benytter "runde" hjørner på alle tabeller.
>

> Kan man klare det med CSS eller ligger det i selve grafikelementet?

http://www.sovavsiti.cz/css/corners.html

--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!

---

"Torben Jensen" <torbenje@tiscali.dk> writes:

> Jubii's nye design benytter "runde" hjørner på alle tabeller.
>
> Hvaordan klarer man det, det lader sig mig bekndt ikke gøre i html. Kan man
> klare det med CSS eller ligger det i selve grafikelementet?

Det er ren grafik. Hvis du ser siden i Opera, så kan du slå billeder
fra, og så forsvinder alt det runde.

De bruger så CSS til at placere baggrundsgrafikken. Du kan se det
i <URL:http://d.jubii.dk/rd/css/base09052003.css>. Kig fx på reglen
.cbar h3 {...}
På forsiden er "Sponsor" sådan en H3.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

---

Hej Torben


Torben Jensen wrote:
> Jubii's nye design benytter "runde" hjørner på alle tabeller.
> Hvaordan klarer man det, det lader sig mig bekndt ikke gøre i html. Kan man
> klare det med CSS eller ligger det i selve grafikelementet?

Det er grafik. Iøvrigt bruger Jubii ikke tabeller til at opbygge deres
nye design. Det er på moderne vis opbygget vha. CSS.

Den kommende CSS3-standard ser iøvrigt ud til at gøre det muligt at
definere runde hjørner (border-radius), men den endelige udgave af CSS3
er ikke vedtaget endnu. I Mozilla-baserede browsere (incl. Netscape) kan
man lege med muligheden vha. -moz-border-radius (jeg bruger det f.eks.
på www.rockland.dk), men der er mig bekendt endnu ikke andre browsere
der understøtter det. Så det er næppe såå interessant.

Skulle du alligevel blive nysgerrig og kigge i mit stylesheet på
rockland, så bemærk at -moz-border-radius faktisk *ikke* angives deri
(border-radius angives i tilfælde af at der skulle være browsere der
understøtter det allerede, men det tror jeg ikke der er).
-moz-border-radius skrives derimod via JavaScript i rockland.js, og kun
hvis det er en gecko (mozilla) baseret browser. Det er fordi jeg har
erfaret at den gamle Netscape 4.x står helt af når den ser en CSS
property der starter med bindestreg.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *

---

Stig Nygaard <stig@REMOVE-THISrockland.dk> writes:

> -moz-border-radius skrives derimod via JavaScript i rockland.js, og
> kun hvis det er en gecko (mozilla) baseret browser. Det er fordi jeg
> har erfaret at den gamle Netscape 4.x står helt af når den ser en CSS
> property der starter med bindestreg.

Netscape 4 står af på rigtigt mange ting.
En detaljer er at det ikke er korrekt CSS at skrive
-moz-border-radius: ...
Altså ikke bare fordi egenskaben er ukendt, men det er en syntaktisk
fejl. Egenskabernes navne må ikke begynde med et minus. Det der *er* lovligt
er at skrive
\-moz-border-radius: ...
Altså "escape" den ulovlige karakter.

Det redder næppe Netscape 4, dog.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

---

Hej Lasse


Lasse Reichstein Nielsen wrote:
> En detaljer er at det ikke er korrekt CSS at skrive
> -moz-border-radius: ...
> Altså ikke bare fordi egenskaben er ukendt, men det er en syntaktisk
> fejl. Egenskabernes navne må ikke begynde med et minus.

Skægt når nu W3C anbefaler producenter at bruge et "-xxx-" prefix på
evt. udvidelser til CSS-standarderne de måtte implementere.

> Det der *er* lovligt
> er at skrive
> \-moz-border-radius: ...
> Altså "escape" den ulovlige karakter.

I CSS-filer? Har aldrig hørt om det før, men det behøver jo ikke betyde
at du ikke har ret!

> Det redder næppe Netscape 4, dog.

Når jeg nu tænker nærmere over det, så tror jeg egentlig også grunden
til at jeg flyttede det til JavaScript var for at "snyde" min CSS til at
validere korrekt. At det også hjælper på Netscape 4.x er bare en dårlig
undskyldning (Hvem gider at bekymre sig så meget om Netscape 4.x?).


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *

---

Lasse Reichstein Nielsen wrote:

> Stig Nygaard <stig@REMOVE-THISrockland.dk> writes:
>
>> -moz-border-radius skrives derimod via JavaScript i rockland.js,
>> og kun hvis det er en gecko (mozilla) baseret browser. Det er
>> fordi jeg har erfaret at den gamle Netscape 4.x står helt af når
>> den ser en CSS property der starter med bindestreg.
>
> Netscape 4 står af på rigtigt mange ting.

Herre Jemini! Bekymrer folk sig stadig over gamle Netscape 4.x?!
Importer CSS'en, så er der så meget mindre at bekymre sig om.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/?page=fredgaard

---

Torben Jensen wrote:

> Hvaordan klarer man det, det lader sig mig bekndt ikke gøre i html. Kan man
> klare det med CSS eller ligger det i selve grafikelementet?
>
> Et eksempel eller henvisning vil være super.

Prøv med noget CSS og lidt grafik.

<http://albin.net/css/roundedCorners/>

--
| Jonas @ 55.75, 12.42 | <http://verture.net/> |

"Time is an illusion. Lunchtime doubly so."