Det där brukar väldigt många fråga om här... Har du försökt söka innan du postade tråden? hittade bland annat denna i den eminenta sökfunktionen: http://www.webforum.nu/showthread.php?t=127374&highlight=rundade+kanter
Det kanske kan vara nåt?
13 svar · 705 visningar · startad av eriks
Hej,
Jag skulle vilja göra en tabell med rundade kanter, att använda till en meny, t.ex. som de har på https://www.tain.se
Jag hade velat göra det med table border="1" edges="rounded" , men när jag nu inte känner till några sådana taggar undrar jag, vilket är det smidigaste viset att få rundade kanter på? Finns det genvägar eller är det bilder i alla fyra hörnen som gäller?
Tack på förhand
Mvh Erik
Det där brukar väldigt många fråga om här... Har du försökt söka innan du postade tråden? hittade bland annat denna i den eminenta sökfunktionen: http://www.webforum.nu/showthread.php?t=127374&highlight=rundade+kanter
Det kanske kan vara nåt?
Vad skulle du med tabellen till nu igen?
Tack!
Men hur fungerar detta egentligen? Om jag inte vill ha en speciell bakgrundsfärg (exemplet använder ju vit), kan man skriva transparent på något vis då? Hade gärna också förstorat rundningen, men har inte lyckats efter några test. Någon som har gjort det?
Mvh Erik
testa att skriva in följande i classerna:
.dinaclass {
opacity: 0.5;
filter: alpha(opacity=50);
samt margin: hit och dit enlikt niftcorners;
}
Vet dock inte vilket stöd dessa transparenser har, men du kan ju testa i alla fall.
Eh, just det, skriv in en färg som bakgrundsfärg eller bakgrundsbild i classen också. Du vet:
.dinaclasser {
background: #666;
resten: hit och dit;
}
Så blir färgen eller bilden transparent.
Hmm,
Nu är det tyvärr så att jag är inte helt 100 på css.. Ska jag alltså skriva in detta i min class (den som heter nifty i nifty-corner exemplet)?? Det händer ingenting när jag gör det, förutom att jag kan ändra bakgrund där texten står. Hänvisar ni till nifty-exemplet, eller är detta något annat?
Hur ser din css ut då?
Testa att göra en div med den bakgrundsfärg du vill ha, samt ge den transparens. Läg sendan en div över den med den text osv du vill ha där. Sen är det ju bara att göra en eller flera gif:ar som du placerar i hörnen.
Ok, ville undvika gif:ar i hörnen...
Nifty-corners är bra, och har lyckats ändra bakgrunden mha:
transparent url("bg_body.gif")
Två frågetecken står dock kvar.
1. Hur ändrar man radiens storlek på cirklarna.. Har testat men kommer inte fram till något!
2. Hur gör man en fixerad höjd? Om jag skiver height:300px; i nifty diven, så hänger nämligen inte botten med... Och då ser det ju helt tokigt ut.
Red.
Okej, men har du någon kod, man kan få se. Eller kanske rent av en länk?
Kör med exemplet från nifty-corners. http://www.html.it/articoli/nifty/nifty1.html
Ditt exempel är gammalt.
Läs den här artikeln istället: http://www.html.it/articoli/niftycube/index.html
Det finns tre olika storlekar på hörnen. Det går även att välja en fast höjd på boxen.
Det går även att ange att man vill ha transparent bakgrund...
Så skippa alla GIF-bilder!