Notifikationer

Markér alle som læst Log ud

hclarsen Nybegynder

13. juni 2007 - 01:58 Der er 15 kommentarer og
1 løsning

Hvordan får man elementer til ikke at flytte sig ved re-size?

Jeg har e.g. følgende HTML:

<ul>
<a href="#" class="headerlink">1</a>
</ul>

- og følgende CSS:

a
{
color: black;
font-style: normal;
font-weight: normal;
font-size: 18px;
font-family: "Tahoma", sans-serif;
text-decoration:none;
}

Men når jeg re-sizer mit IE-vindue, så følger linket med - det skal blive stående. Er det muligt?

Synes godt om

roenving Novice

13. juni 2007 - 02:03 #1

Hvordan ser resten af css'en ud (den for ul osv. !-)

Synes godt om

hclarsen Nybegynder

13. juni 2007 - 02:06 #2

body
{
background-color: #FFFFFF;
background-image: url("bg1.bmp");
background-repeat: repeat-x;
background-attachment: fixed;
background-position: center center;

margin-top: 25px;
margin-bottom: 10px;
}

ul
{
text-align: center;
word-spacing: 0.5em;
}

Synes godt om

hclarsen Nybegynder

13. juni 2007 - 02:06 #3

- iøvrigt hopper jeg i seng nu, men når jeg står op imorgen, så kigger jeg forbi.

Synes godt om

roenving Novice

13. juni 2007 - 02:09 #4

-- med centrering i et block-level-element (som jo fylder den tilgængelige bredde, hvis ikke andet er angivet !-) vil elementer jo flyttes, ford centreringen jo skal ske på et større eller mindre område ...

Synes godt om

hclarsen Nybegynder

13. juni 2007 - 10:39 #5

Ahh ok.. jeg troede bare det var et kendt "problem", som man kunne kode sig ud af.

Synes godt om

roenving Novice

13. juni 2007 - 12:30 #6

Det kan du også, ved at give block-elementet en bestemt bredde og en placering !-)

Synes godt om

hclarsen Nybegynder

13. juni 2007 - 12:47 #7

Ahh, det virker jo :-)

Et sidste spørgsmål, så skylder jeg også efterhånden en del point ud til dig.

Hvordan kan jeg få et baggrundsbillede til at være "fixed", således at det ikke bevæger sig med vindues-størrelsen?

Synes godt om

roenving Novice

13. juni 2007 - 12:52 #8

Samme udgangspunkt, har elementet, der indeholder baggrundsbilledet en bestemt størrelse og placering, vil baggrunden ikke ryke sig ...

-- det gør det selvsagt svært, hvis det er body-elementet, der skal indeholde det, men jeg ville anbefale, at du lavede et element, der omkranser alt andet indhold på siden, og giver det en bestemt størrelse (og også baggrunden !-)

-- els velbekomme '-)

Synes godt om

hclarsen Nybegynder

13. juni 2007 - 13:14 #9

Hmm, min CSS indtil videre er

body
{
background-color: #FFFFFF;
background-image: url("bg.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
margin-top: 25px;
margin-bottom: 10px;
}

#Content {
width:550px;
margin:100px auto;
text-align:left;
padding:0px;
}

#Content1 {
width:550px;
margin:200px auto;
text-align:left;
padding:0px;
}

#Content2 {
width:120px;
margin:0px auto;
text-align:left;
padding:0px;
}

og HTML

<div id="Content1">
<p>
lorem

</p>
</div>

<div id="Content">
<p>sdffggg

</p>
</div>

<div id="Content2" i>

<div id="Content2">
<p>
C
</p>
</div>

Hvordan laver jeg det nævnte element i body?

Synes godt om

roenving Novice

13. juni 2007 - 13:24 #10

<body>
<div id="site">



</div>
</body>

-- med css f.eks. sådan:

html,body{margin:0;padding:0;height:100%;}
#site{width:550px;height:100%;background: #fff url(bg.gif) no-repeat fixed center center;margin: 25px 0 10px;}

-- bemærk at jeg har lavet dette til et fuldt gyldigt html-dokument inklusive fuldt kvalificeret doctype !-)

-- og tak for point ;~}

Synes godt om

hclarsen Nybegynder

13. juni 2007 - 13:37 #11

Det virker, men det eneste jeg ikke kan forstå er, hvorfor #site{width:500px

Den skal jo være større, og selv om jeg sætter den til 1050px, vil det ikek virke hvis man bruger en anden skærm?

Jeg har sat den til 100% - det er der vel ikke noget galt i?

Dine smilies er også noget funky :-)

Synes godt om

roenving Novice

13. juni 2007 - 13:50 #12

Hvis du bruger 100%, vil det netop være det samme, som hvis du ikke brugte den !-)

-- og jeg plejer at anbefale, at man laver et design i en bestemt størrelse (primært bredde !-), og så sætte en centrering på, f.eks.

#site{width:864px;margin:0 auto; ...

Synes godt om

olebole Juniormester

13. juni 2007 - 14:40 #13

<ole>

- og bemærk, at HTML-koden i spørgsmålet i udgangspunktet er invalid! Et ul-element kan kun have li-elementer som børn ... aldrig a-elementer ;o)

/mvh
</bole>

Synes godt om

hclarsen Nybegynder

13. juni 2007 - 14:47 #14

Linksne kommer på en række (vandret) som de skal?

bliver det så <li ... fremfor <a.. ?

Synes godt om

roenving Novice

13. juni 2007 - 14:52 #15

Du bruger bare et andet block-level element, f.eks. en div !-)

Synes godt om

olebole Juniormester

13. juni 2007 - 15:07 #16

Man taler om, at f.eks. Google vægter en liste links 'tungere', hvis den fremstår som indhold i et ol-/ul-element. Om det er sandt, kan jeg af gode grunde ikke vide objektivt (kender _desværre_ ikke Google's algoritme i enkeltheder), men det lyder logisk.
I så fald er det ikke så godt at lægge et div rundt om. Så bør man hellere lægge sine links i li-elementer =)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS