09. april 2012 - 08:05Der er
15 kommentarer og 1 løsning
ændring af grafisk layout i tables
Hejsa, jeg er blevet lidt træt af at kigge på de samme rammer (sagde jeg kedelige?) hver gang jeg laver en table. Jeg kan sagtens peppe det op med baggrundsfarver eller billeder, men det jeg allerhelst vil er at ændre udseendet på selve rammerne? Altså, f.eks. lave hjørne med fine bløde rundinger istedet for den firkantede standardløsning.
Jeg har fræset rundt på google, men kan ingenting finde. Er der nogen der kan hjælpe med et nyttigt link til en tutorial eller lign.?
Jeg vil helst ikke have en "færdigvare", men vil hellere følge en tutorial så jeg får forståelsen af hvad jeg laver hehe.
Det er især linjen med border-radius der gør det. Jeg har aldrig prøvet det men jeg ville forsøge med at border='0' i <table> og lave tabelelementerne lidt i retning af <td><div id='roundbox'>txt</div></td>. Hvis det virker vil jeg måske selv bruge det en gang.
jo tak, det ser fint ud :-) , men jeg tror ikke det er det jeg er på udkig efter. Det jeg gerne vil er at ændre det grafiske udseende i tables, som det klassiske eksempel:
Nu er det jo på moderne websider yderst sjældent, der er brug for en tabel. I de få tilfælde kan du nok finde en løsning.
Hvad du mener med, at du gerne selv vil kunne tegne med buer, forstår jeg til gengæld ikke. Indenfor webkode bruger man jo CSS til al styling, så hvad du havde tænkt dig af anden teknik, har jeg ikke fantasi til at forestille mig.
@vagnk: Naturligvis understøtter IE9 ikke border-radius. Den property var ikke gældende standard, da IE9 udkom.
Det er lidt sjovt med IE. Hvis den understøtter noget, de andre browsere ikke understøtter, bitcher folk. Hvis MS derimod venter med at lade IE understøtte noget, til det bliver gældende standard, bitcher folk over det. They're damned if they do - and damned if they don't *o)
#gsa hvordan jeg får puttet en roundbox ind her? Har du prøvet "
<td><div id='roundbox'>txt</div></td>
" som jeg skriver? Her sætter du jo netop en selvstændig <div> ind. Eksperimentet med at sættet "id='roundbox'" ind i <TD>-elementet venter vi med. Hjørnernes radius styrer du med border-radius.
#ole Indrømmet - jeg har et horn i siden på M$. Jeg har savnet <canvas> side IE6. Kan de ikke bare holde sig til standarden og kun til standarden og så komme med en IE når den er i orden? Det er sommetider som om M$ forsøger at styre udviklingen uden om de etablerede organer.
CANVAS elementet er ikke standard og har endnu aldrig været det. Måske, du burde spørge, hvorfor du ikke bare lærer at overholde gældende standard - eller i det mindste lærer, hvad der er gældende standard.
"Det er sommetider som om M$ forsøger at styre udviklingen uden om de etablerede organer"
Ja, det må man sige. Det er MS' skyld, vi har teknologier som CSS og XML. Men hvorfor er der ingen, der brokker sig over Firefox's hundredevis af proprietære CSS-properties? Det er pudsigt nok ikke politisk korrekt.
Derudover giver det jo absolut ingen mening, at du brokker dig over, at du ikke kunne bruge CANVAS i en browser (IE6), der blev udgivet mange år før, der overhovedet var nogen, som havde tænkt på CANVAS elementet. Det svarer til at brokke sig over, at Leonardo da Vinci ikke brugte jetmotorer. Det ville være højglansforkromet vrøvl!
#4 Jeg har forsøgt at putte det ind som du beskrev, men uden held desværre. IE9 læste ikke siden, eller det vil sige tabellen, men den genererede heller ikke en fejllog, så jeg gik bort fra at forsøge mere. Jeg vil også hellere benytte en metode der er mere bagudkompatibel, da en del af mine brugere ikke er helt "opdaterede".
Det er nok mig der er forkrt på den med hensyn til hvordan rammerne bliver genereret? Jeg har modificeret en del phpbb3 styles og her kan man "bare" redesigne diverse elementer i sit favorit tegneprogram og nyde sit resultat umidelbart hurtigt. Jeg har ingen anelse om hvordan html/php gererer disse standarder? Jeg har nok fejlfotolket det som en selvfølge at der lå et "standard-sæt" af rammer på serveren som den brugte som elementer til at bygge disse rammer og at man kunne på en eller anden finurlig måde fortælle fortolkeren at man vil benytte andre elementer i stedet? .... giver det mening *lol*??
Ang. diskution omkring M$ og "de andre", så vil jeg nok holde med Ole og sige at uden M$, så var vi nok ikke nået dertil hvor vi er i dag. Dette dog uden nogen doktorgrad i IT-historien.
Den bedste (eneste) måde at være bagudkompatibel på, er at bruge grafik til hjørnerne. Hvordan det præcist skal gøres, afhænger af den specifikke situation og 'omgivelserne'.
Med til historien om CANVAS hører i øvrigt også det faktum, at det var Apple, der kuppede W3C og ville indføre standarder udenom organisationen. Apple fik efterfølgende andre browserfabrikanter med i kuppet, og til sidst havde W3C ikke andre muligheder end at klappe hælene sammen og gøre, som der blev forlangt.
Sådan så begyndelsen på HTML5 og CANVAS elementet ud. Et rent og skært kup mod organisationen, der er sat til at vedligeholde nettets standarder. Historien står naturligvis i skærende kontrast til udsagn som:
"Det er sommetider som om M$ forsøger at styre udviklingen uden om de etablerede organer"
- men det er bare så let brokke sig. Meget lettere end at sætte sig ind i fakta *o)
min faktuelle side ser helt anderledes ud, men er baseret på samme table, så det er bedst at øve sig på det simple først ikke? .... så, kan det láde sig gøre at ændre disse standard-rammer til egen grafik? Eller er de slet ikke tegnet ved hjælp af grafik?
Når jeg skriver, det kommer an på omgivelserne, så kommer det an på omgivelserne. Der er ikke noget, der 'bare er en simpel tabel' *o)
Først må jeg vide, om det er tabellen, der skal have afrundede hjørner, eller om det er de enkelte celler.
Hvis det er de enkelte celler, er det i princippet også nødvendigt at vide, om bredden og/eller højden ligger fast. I dette tilfælde vil jeg dog anbefale, at du glemmer de afrundede hjørner nogle år endnu =)
ja, ordet simpel skal man jo nok være varsom med at bruge :-)
Jeg har filosoferet lidt over cellerne og er kommet frem til at det nok vil blive lidt finurligt at kigge på, i hvert fald med mine ringe grafiske evner. Så til at starte med så er det "kun" de ydre rammer jeg vil peppe op. Ingen af cellerne er defineret i pixels, så det er indholdet der helt bestemmer bredde/højde forholdene.
Det er som sådan hele rammen jeg ønsker at modificere, ikke kun hjørnerne, og det er ikke givet at jeg vil lave dem runde, men at jeg gerne vil designe mine egne rammer.
Du kan lave en ekstra række i toppen og bunden. Så kan du lægge et billede som baggrund i hver af disse rækker. De skal naturligvis forestille hjørnerne, samt henholdsvis topstreg og bundstreg.
I midterblokken lægger du et baggrundsbillede, som forestiller sidestregerne. Det behøver blot at være få pixels højt, hvis du sætter:
background-repeat: repeat-y;
Så vil det gentage sig selv lodret og derfor dække hele midterområdet i tabellen. I mangel af billederne kan jeg i stedet vise dig fremgangsmåden med baggrundsfarver:
mand, det var jo lige guldkornene :-) ja, set i bakspejlets klarhed så er det vejen frem! Så jeg vil straks designe at par sprøde elementer og forsøge at få det til at spille.
Ingen grund til at undskylde, med alle de indlæg der er hver dag, så er det jo svært at huske det hele.
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.
