ttsam Skrevet 22. januar 2008 Del Skrevet 22. januar 2008 Hei! Jeg lurer på hvordan jeg kan få laget en midtstilt (vertikalt og horisontalt) linje i Opera. I IE så kan jeg bruke f.eks. <hr width="300" size="2" color="#008080" noshade>, men dette virker ikke i Opera. Hvordan gjør jeg dette i CSS slik at det virker i Opera? Lenke til kommentar
semafor Skrevet 22. januar 2008 Del Skrevet 22. januar 2008 Frelse! <style type="text/css"> .hr { border-top: 1px solid #008080; width: 300px; height: 2px; } </style> Les mer her http://htmldog.com Lenke til kommentar
ttsam Skrevet 22. januar 2008 Forfatter Del Skrevet 22. januar 2008 Frelse! <style type="text/css"> .hr { border-top: 1px solid #008080; width: 300px; height: 2px; } </style> Les mer her http://htmldog.com Njaaa. Det som blir et problem er at "linjen" ligger til venstre (når den avgrenses med width) og jeg finner ikke ut hvordan jeg kan sentrere den. Fungerer ikke med text-align. Men det er kanskje et bestemt element jeg skal bruke? Eller må jeg bruke position? Kan selfølgelig bruke table, men. Jeg ønsker følgende (med fast linje): Tekst ------- Tekst Lenke til kommentar
semafor Skrevet 22. januar 2008 Del Skrevet 22. januar 2008 Njaaa. Det som blir et problem er at "linjen" ligger til venstre (når den avgrenses med width) og jeg finner ikke ut hvordan jeg kan sentrere den. http://htmldog.com - begynn på HTML/CSS beginner. Jeg ønsker følgende (med fast linje): Legg til margin: 0 auto; Fungerer i FF, Opera, Safari, IE6 (Standardmodus), IE7 osv. Lenke til kommentar
ttsam Skrevet 24. januar 2008 Forfatter Del Skrevet 24. januar 2008 Njaaa. Det som blir et problem er at "linjen" ligger til venstre (når den avgrenses med width) og jeg finner ikke ut hvordan jeg kan sentrere den. http://htmldog.com - begynn på HTML/CSS beginner. Jeg ønsker følgende (med fast linje): Legg til margin: 0 auto; Fungerer i FF, Opera, Safari, IE6 (Standardmodus), IE7 osv. Hei igjen og takk for svar! Tror ikke du helt skjønte min problemstilling, men her er i alle fall min løsning: .linje {position: relative; left: 40%; border-bottom: 2px solid #008080; width: 20%; height: 2px;} Da har du 40% + 20% + 40% = 100% (Midtstilt) Dette gjør at linjen blir midtstilt både vertikalt og horisontalt. Lenke til kommentar
semafor Skrevet 24. januar 2008 Del Skrevet 24. januar 2008 Jeg tror ikke helt du skjønte at jeg skjønte problemstillingen din, og løste den for deg. <html> <style type="text/css"> .hr { width: 300px; height: 2px; margin: 0 auto; background: #008080; } </style> <body> <div class="hr"></div> </body> </html> Lenke til kommentar
ttsam Skrevet 31. januar 2008 Forfatter Del Skrevet 31. januar 2008 Jeg tror ikke helt du skjønte at jeg skjønte problemstillingen din, og løste den for deg. <html> <style type="text/css"> .hr { width: 300px; height: 2px; margin: 0 auto; background: #008080; } </style> <body> <div class="hr"></div> </body> </html> Nå skjønner jeg at jeg ikke skjønte at du skjønte problemstillingen, men at du skjønte at jeg ikke skjønte at du skjønte problemstillingen og at jeg burde skjønne bedre. Tusen takk Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå