Kan man på något sätt komma undan tabellers kantighet? Skulle gärna se att mina tabeller fick rundare hörn.
tabeller
5 svar · 530 visningar · startad av Cassady
Du kan göra egna kanter med hjälp av bildfiler. :) Sen så tror jag att det var i CSS3 som den här funktionen med runda hör skulle komma. Men sånt där dröjer ju flera år innan man vågar använda. :p
Cassady skrev:
Kan man på något sätt komma undan tabellers kantighet? Skulle gärna se att mina tabeller fick rundare hörn.
Du kanske hittar något användbart tips här:
http://hem.bredband.net/arnel/tests/rundahorn.html
Runda hörn utan hjälp av "hörnbilder". Ingen tabell, men man kanske kan lägga in tabellen där texten är i exemplet. :)
Med risk att låta negativ...
Just http://hem.bredband.net/arnel/tests/rundahorn.html lägger texten ovanför "bakgrunden med runda hörn" - vilket gör att den inte expanderar i höjdled (eller sidled) med texten... Det spelar ingen roll om man byter ut den absiolutpositionerade divven i exemplet mot en absolutpositionerad tabell...
Prova att förstora texten i webbläsaren (visa textstorlek) så ser ni vad jag menar.
(ni får ursäkta, men jag jobbar med tillgänglighet om dagarna, och just det där att lösningar måste fungera oavsett webbläsarinställningar sitter i ryggmärgen ;) ) :bire
Hursomhelst...
här: http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/ finns en diskussion om runda hörn som inte bara har med tabeller att göra...
jarvklo skrev:
Med risk att låta negativ...
Just http://hem.bredband.net/arnel/tests/rundahorn.html lägger texten ovanför "bakgrunden med runda hörn" - vilket gör att den inte expanderar i höjdled (eller sidled) med texten... Det spelar ingen roll om man byter ut den absiolutpositionerade divven i exemplet mot en absolutpositionerad tabell...
Ja, mitt eget exempel är inte den bästa om man behöver öka textstorleken, men den är redan större än på de flesta webbsidor (default 100%) :)
Nåväl, det exemplet var mest för att se om det går att få "runda hörn" utan bilder och det går ju! :stud Men om du kollar länkarna jag har längst ner på sidan, så ser du ett par exempel på "runda hörn" där fältet expanderar med textmassan och/eller om man ökar textstorleken. ;)
Eller kanske något av dessa? :birp
http://www.cssplay.co.uk/boxes/krazy.html
Cassady skrev:
Kan man på något sätt komma undan tabellers kantighet? Skulle gärna se att mina tabeller fick rundare hörn.
Yep. man kan t.ex. stoppa in sin tabell inuti en annan (3x3 celler stor) tabell som byggs upp så att de "yttre" cellerna utgör en "ram" med lämpligt komponerade bilder i så att effekten blir en avrundning...
Detta kan man t.ex. göra såhär: http://member.webforum.nu/2241/tabellmedrundahorn.html (ersätt texten i mittencellen med hela din tabell komplett med <table> och allt helt enkelt)
Observera höjder och bredder och hur bakgrundsbildernas repetering medger att tabellens "sidbilder" får effekten av att de "växer".
Observera också att *minst* den ena av de två färgerna måste vara "fast" - i detta fall är den gråa inställd med BGCOLOR på tabellen (dvs färgen i "på insidan" av giffarna är genomskinlig :) )
... och det finns heller inget som hindrar dig från att ha mer komplexa "rambilder" (t.ex. innehållande en "yttre skugga" eller så) om du vill ;)
Däremot skapar du en "tabelllayout" om du följer exemplet, vilket idag inte anses helt OK av tillgänglighetsskäl - men det är en *helt* annan historia det (för tabellayouter funkar ju trots allt de med när man väljer att använda dem - så ) :birp