Avatar billede downloadcentral.dk Nybegynder
12. april 2004 - 18:40 Der er 11 kommentarer og
1 løsning

Tekststørrelse må ikke ændre sig

Hvordan kan man, som eksperten, få tekststørrelsen til at være stortset den samme ligegyldigt, hvor stor brugeren prøver at få den ( ctrl + scroll )??

Problemet for mig er nemlig, hvis tekststørrelsen bliver større end "normal" forsvinder min højre menu ned under venstre :(

Check evt selv på www.downloadcentral.dk

Jeg ville blive meget glad, hvis nogen har en løsning på dette!
Avatar billede keysersoze Ekspert
12. april 2004 - 18:47 #1
Ved at benytte css (stylesheet)

http://www.html.dk/tutorials/css/
Avatar billede downloadcentral.dk Nybegynder
12. april 2004 - 18:56 #2
Har du et direkte link, eller et eksempel?
Avatar billede keysersoze Ekspert
12. april 2004 - 19:01 #3
erhm - ovenstående var både et direkte link og et eksempel?

<span style="font-family: Verdana, Arial, Helvetica; color: #000000; font-size: 12px;">tekst</span>
Avatar billede downloadcentral.dk Nybegynder
12. april 2004 - 19:02 #4
Nej, der var en side med en masse css, intet specifikt?
Avatar billede keysersoze Ekspert
12. april 2004 - 19:07 #5
hvis hverken linket eller det eksempel jeg har givet så er der vel næsten kun én ting tilbage - og det er dem der står for standarderne;

http://www.w3schools.com/css/css_reference.asp
http://www.w3.org/Style/CSS/
Avatar billede downloadcentral.dk Nybegynder
13. april 2004 - 01:18 #6
Men bruger jeg <span style="font-family: Verdana, Arial, Helvetica; color: #000000; font-size: 12px;">tekst</span> skulle det være samme størrelse konstant?
Avatar billede keysersoze Ekspert
13. april 2004 - 10:46 #7
du behøver ikke bruge en span til det. <p>, <div>, <table>, <td> og hvad du ellers kan finde på er lige så gode. Det vigtige er at du sætter en fast font-size vha stylesheet
Avatar billede downloadcentral.dk Nybegynder
13. april 2004 - 23:30 #8
Jamen, er det ikke det jeg allerede har i filen style.css?

@charset "iso-8859-1";
body {
    background-color: #e1d5dd;
    background-image: url(/images/main-blue.gif);
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: .75em;
    margin: 0;
    padding: 0;


h1 {
    color: #7f505f;
    font-size: 1.1em;
    font-weight: bold;
    margin: .5em 0 0 0;
    text-align: left;
}

h2 {
    font-size: 1em;
    font-weight: bold;
    margin: .5em 0 0 0;
    text-align: left;
}

a img {
    border-width: 0;
}

#top {
    margin: 0;
    line-height: 0;
    padding: 0;
    width: 738px;
}

#top img {
    border-width: 0;
    margin: 0;
    padding: 0;
}

#columns {
    background-color: #7f505f;
    color: #ffffff;
    margin: 0;
    width: 738px;
}

#columns #end {
    clear: both;
    width: 1px;
    height: 1px;
}

#main {
    background-color: #ffffff;
    background-image: url(/images/nyrundtop.png);
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    padding: 20px 35px 43px 35px;
    position: relative;
    text-align: justify;
    width: 380px;
    overflow: hidden
}

#intro {
    float: left;
    width: 230px;
    margin: 8px;
}

#header {
    color: #7f505f;
    text-align: center;
}

#header #line1 {
    font-size: 1.5em;
    margin: 0;
}

#header #line2 {
    font-size: 1em;
    margin: 0;
}


#main .copyimg {
    bottom: 0;
    left: 0;
    position: absolute;
}

#left {
    background-color: #7f505f;
    color: #ffffff;
    float: left;
    padding: 1px;
    width: 136px;
}

#right {
    background-color: #7f505f;
    color: #ffffff;
    float: left;
    padding: 1px;
    width: 148px;
}

#updates {
    text-align: center;
}

#updates .time {
    color: #808080;
    margin-top: 1em;
}

.categorypic {
    float: right;
    margin-left: 2em;
}

.filedisplay {
    margin-bottom: 2em;
    clear: both;
}

.filedisplay .left {
    float: left;
    overflow: hidden;
    width: 120px;
}

.filedisplay .right {
    margin-left: 125px;
}

.filedisplay .title {
    background-color: #7f505f;
    color: #ffffff;
    font-weight: bold;
    padding: .5em 0 .5em .2em;
    text-align: left;
}

.filedisplay .extra {
    clear: both;
}

.filedisplay .attention {
    color: #ff0000;
}

.bannercolumn {
    text-align: center;
}

.bannercolumn .banner {
    border-width: 0px;
    margin: 1em;
}

.maininfobox {
    border: 1px solid black;
    padding: 8px;
    margin-bottom: 8px;
}

.maininfobox img {
    float: right;
    margin-left: 8px;
}

.maininfobox .time {
    border-color: #000000;
    border-style: solid;
    border-width: 0 0 1px 0;
    color: #808080;
    text-align: center;
}

.sidebar ul {
    margin: 0;
    padding: 0;
}

.sidebar ul li {
    font-weight: bold;
    list-style-type: none;
    margin: 0 0 1em 0;
    padding: 0;
}

.sidebar ul li ul {
    margin: 0 0 0 10px;
    padding: 0;
}

.sidebar ul li ul li {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.sidebar a{
    color: #ffffff;
    text-decoration: none;
}
Avatar billede keysersoze Ekspert
14. april 2004 - 09:22 #9
brug pixels i stedet
Avatar billede downloadcentral.dk Nybegynder
14. april 2004 - 09:45 #10
Ok, men er det ikke samme sag, bare to forskellige betegnelser?
Avatar billede keysersoze Ekspert
14. april 2004 - 10:03 #11
nej - em er fontstørrelsen i forhold til det omgivende element og da der ikke er noget element der har en fast størrelse (i fx px, pt eller noget helt tredie) vil den tage klientens størrelse
Avatar billede downloadcentral.dk Nybegynder
14. april 2004 - 10:35 #12
Okay, mange tak for hjælpen!
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester