mboost-dp1
Hjælp til HTML
hey, jeg er igang med vores hjemmesideprojekt og jeg har et spørgsmål, eller rettere, jeg har mange! :D
1. Hvordan gør man bedst en hjemmeside kompatibel med forskellige browsere? fx har jeg lavet en skabelon der passer i Opera, men som er totalt skæve i FF og IE!
2. Når man bruger css til at rette <div> på plads, hvordan fortæller man så en div at den skal ligge sig i bunden af den div den ligger i?
3. Ved brug af float til at få div til at ligge ved siden af hinanden er det som om at float ophæver vertical-align: middle; for teksten vil ikke ligge sig i medten af kassen længere!
4.burde det hvide i .png billeder ikke antage baggrundsfarven?
billede af forskellene
Venligst bær over med det klamme design, det er et meget tidligt stadie jeg er i, er igang med prøve at passe siden til overordnet set!
1. Hvordan gør man bedst en hjemmeside kompatibel med forskellige browsere? fx har jeg lavet en skabelon der passer i Opera, men som er totalt skæve i FF og IE!
2. Når man bruger css til at rette <div> på plads, hvordan fortæller man så en div at den skal ligge sig i bunden af den div den ligger i?
3. Ved brug af float til at få div til at ligge ved siden af hinanden er det som om at float ophæver vertical-align: middle; for teksten vil ikke ligge sig i medten af kassen længere!
4.burde det hvide i .png billeder ikke antage baggrundsfarven?
billede af forskellene
Venligst bær over med det klamme design, det er et meget tidligt stadie jeg er i, er igang med prøve at passe siden til overordnet set!
Som tillæg til #2.. Du glemmer også alt om IE6. :)
1) Gør som Arne skriver... Og vend så tilbage, hvis den stadig er helt gal. :)
2) Hvis du vil positionere et element efter et andet, skal du bruge "position: absolute;" og så "bottom:0px;" på det element der skal positioneres.
Når du bruger "position:absolute;" skal du være opmærksom på, at der positioneres, hierarkisk efter det nærmeste positionerede element. Med andre ord... Hvis du vil positionere en div fra bunden af en anden div, ved hjælp af "position:absolute", skal den omkringliggende div, have sat sin selector "position" til f.eks. "relative".
Kodestump:
3)
Det kan være du bruger text-align forkert. Det kan være du glemmer at bryde din float igen (clear: left/right/both). Det er i hvert fald svært at sige, når vi ikke lige har indblik i koden. ;)
Edit.. Hov du skrev vertical-align. Du bruger den forkert... såmænd. Og du er langt fra den eneste. Det ville virke mest logisk, hvis man bare kunne gøre hvad du prøvede... men vertical-align er en kringlet affære at forstå. Du kan læse mere om det her. Det forklare det kortere og bedre end jeg ville kunne:
http://phrogz.net/CSS/vertical-align/index.html
4) For at det hvide i png-billeder bliver gennemsigtigt, skal det gøres gennemsigtigt. Hvid er lige så meget en farve som rød er det. Hvid er faktisk det resultat man får, hvis man giver fuld smadder på alle tre grundfarver... I hvert fald på en skærm. ;) Men du skal gemme det igen, denne gang med det hvide fjernet hvor der istedet vil være en transparent baggrund.
1) Gør som Arne skriver... Og vend så tilbage, hvis den stadig er helt gal. :)
2) Hvis du vil positionere et element efter et andet, skal du bruge "position: absolute;" og så "bottom:0px;" på det element der skal positioneres.
Når du bruger "position:absolute;" skal du være opmærksom på, at der positioneres, hierarkisk efter det nærmeste positionerede element. Med andre ord... Hvis du vil positionere en div fra bunden af en anden div, ved hjælp af "position:absolute", skal den omkringliggende div, have sat sin selector "position" til f.eks. "relative".
Kodestump:
Css:
#wrap{
width: 500px; height: 200px;
position: relative;
border: solid 1px black;
}
#inner{
width: 50px; height: 50px;
background-color: red;
position: absolute; bottom: 0px;
}
HTML:
<div id="wrap">
<div id="inner">
Tekst i den positionerede div.
</div>
</div>
3)
Edit.. Hov du skrev vertical-align. Du bruger den forkert... såmænd. Og du er langt fra den eneste. Det ville virke mest logisk, hvis man bare kunne gøre hvad du prøvede... men vertical-align er en kringlet affære at forstå. Du kan læse mere om det her. Det forklare det kortere og bedre end jeg ville kunne:
http://phrogz.net/CSS/vertical-align/index.html
4) For at det hvide i png-billeder bliver gennemsigtigt, skal det gøres gennemsigtigt. Hvid er lige så meget en farve som rød er det. Hvid er faktisk det resultat man får, hvis man giver fuld smadder på alle tre grundfarver... I hvert fald på en skærm. ;) Men du skal gemme det igen, denne gang med det hvide fjernet hvor der istedet vil være en transparent baggrund.
Tester du den også i w3m og lynx? :)
#topic
Jeg er så skod til html, jeg kan desværre ikke hjælpe dig :(
#topic
Jeg er så skod til html, jeg kan desværre ikke hjælpe dig :(
måske kan du lave noget gøgl med gnuplot eller lignende...
Ellers findes der vel et php-bibliotek til det? Har du prøvet google? :)
Ellers findes der vel et php-bibliotek til det? Har du prøvet google? :)
http://aditus.nu/jpgraph/
Første hit på google når man søger på "php graph". Jeg gider ikke rigtigt til at undersøge det for dig, men det ser da fornuftigt nok ud ifht. det du efterlyser...
Første hit på google når man søger på "php graph". Jeg gider ikke rigtigt til at undersøge det for dig, men det ser da fornuftigt nok ud ifht. det du efterlyser...
#5
JavaScript kan ikke lave det.
Du kan vælge en af:
1) outputte <img src="graph.php?id=177"> og så lade graph.php outputte JPEG eller GIF
2) outputte et APPLET tag of nogle PARAM tags og lade en Java applet rendere det client side (JFreeChart er godt tild en slags)
#2 kan naturligvis også laves med flash.
JavaScript kan ikke lave det.
Du kan vælge en af:
1) outputte <img src="graph.php?id=177"> og så lade graph.php outputte JPEG eller GIF
2) outputte et APPLET tag of nogle PARAM tags og lade en Java applet rendere det client side (JFreeChart er godt tild en slags)
#2 kan naturligvis også laves med flash.
qw_freak (1) skrev:1. Hvordan gør man bedst en hjemmeside kompatibel med forskellige browsere? fx har jeg lavet en skabelon der passer i Opera, men som er totalt skæve i FF og IE!
Når du er så usikker på hvad du laver, er det nok en dårlig ide at arbejde i én browser, og så teste de andre bagefter. Tag et lille skridt, og test i 2-3 browsere. Så er det nemt (well, nemmere) at finde ud af hvor det gik galt.
#9
Javascript kan så godt klare det, via canvas tagget se: http://www.liquidx.net/plotkit/
/me har ventet på den dag arne_v sagde noget "forkert"....
Javascript kan så godt klare det, via canvas tagget se: http://www.liquidx.net/plotkit/
/me har ventet på den dag arne_v sagde noget "forkert"....
#12
Det var også mere ment som en joke, da du ved så meget (misundelse..)
Og ja canvas elementet er en del af HTML 5 standarden, så det funker ikke max under IE, men det kan lade sig gøre men ikke noget jeg har gidet at sætte mig ind i.
Vil nok også mene at enten noget serverside genereret grafik eller en flash vil være den bedste måde at gøre det på...
Det var også mere ment som en joke, da du ved så meget (misundelse..)
Og ja canvas elementet er en del af HTML 5 standarden, så det funker ikke max under IE, men det kan lade sig gøre men ikke noget jeg har gidet at sætte mig ind i.
Vil nok også mene at enten noget serverside genereret grafik eller en flash vil være den bedste måde at gøre det på...
Opret dig som bruger i dag
Det er gratis, og du binder dig ikke til noget.
Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.
- Forside
- ⟨
- Forum
- ⟨
- Support
Gå til bund