Søg
Avatar billede Slettet bruger
23. januar 2005 - 10:16 Der er 10 kommentarer og
1 løsning

Hvordan får jeg et billede justeret præcist

Jeg er ved at lave en hjemmeside i HTML og CSS. så vil jeg sætte nogle billeder ind ude i ventre side, men ikke helt ude altså ikke ved at bruge <left> billede </left> den skal rykkes lidt ind så den  passer sammen med noget andet. så spørgsmålet er hvilke koder jeg skal bruge til det.

håber i kan hjælpe
Avatar billede steen_hansen Forsker
23. januar 2005 - 10:27 #1
<td style="padding-left: 50px;"><img align="right" border="0" style="padding: 10px;" src="/images/mitbillede.jpg" height="260" width="450" alt="Dette er mit billede">Her er en masse tekst</td>

Eller skal det stå i en kolonne for sig? Prøv at lege lidt med det og vend tilbage med noget mere konkret om dine ønsker :)
Avatar billede alister_crowley Nybegynder
23. januar 2005 - 10:35 #2
<left> er da ingen kommando ?-)
Der findes Left: 0px; i CSS, men ikke som html-tag

Det du leder efter er som steen_hansen også viser, padding , og du kan læse mere om det her: http://www.w3schools.com/css/pr_padding.asp
Avatar billede Slettet bruger
23. januar 2005 - 11:16 #3
okay, jeg tror det er lidt svært at forklare. når man siger teksten skal være "left" kommer den jo helt ud i venstre side. men hvis jeg nu vil have den rykke lidt længerer ind, hordan gør man?

på forhånd tak
Avatar billede steen_hansen Forsker
23. januar 2005 - 11:20 #4
<td align="left" style="padding: 10px 20px 30px 80px;"><img ...>En masse tekst</td>

style="padding: 10px 20px 30px 80px;"

10px = 10 pixels fra toppen af cellen
20px = 20 pixels fra højre kant af cellen
30px = 30 pixels fra bunden af cellen
80px = 80 pixels fra venstre kant af cellen
Avatar billede Slettet bruger
23. januar 2005 - 11:25 #5
jeg er meget ny, til CSS så hvor skal det stå henne? <td align="left" style="padding: 10px 20px 30px 80px;"><img ...>En masse tekst</td> skal være i body. style="padding: 10px 20px 30px 80px;" skal være i style ikke?
Avatar billede steen_hansen Forsker
23. januar 2005 - 11:42 #6
Hvis du benytter et stylesheet:

MYSTYLE.CSS

.maintable {
width: 750px;
}
.picpadding {
padding: 15px;
}
.menupadding {
width: 130px;
padding: 10px;
}
columnrightpadding {
widt: 130px;
padding: 10px;
}
.mainpadding {
width: 450px;
padding: 10px 10px 10px 30px;
}

MINHJEMMESIDE.HTML

<html>

<head>
<title>Min hjemmeside</title>
<link rel="stylesheet" type="text/css" href="/includes/mystyle.css">
</head>

<body>

<div align="center">
    <table border="0" cellpadding="0" cellspacing="0" class="maintable">
        <tr>
            <td colspan="3">Banner indsættes her</td>
        </tr>
        <tr>
            <td align="left" valign="top" class="menupadding">Menu</td>
            <td align="left" valign="top" class="mainpadding">
                <img border="0" src="/images/mitbillede.jpg" height="260" width="260" alt="Mit billede" class="picpadding" align="right">
                En masse tekst her
            </td>
            <td align="left" valign="top" class="columnrightpadding">Tekst i højre kolonne</td>
        </tr>
        <tr>
            <td align="left" colspan="3">Bund sættes ind her</td>
        </tr>
    </table>
</div>

</body>

</html>


Så kan du ændre på størrelse, padding m.m., og alle de steder, hvor du angiver det på din side, vil det slå igennem. Så skal du kun rette i mystyle.css
Avatar billede steen_hansen Forsker
23. januar 2005 - 11:52 #7
Du skal huske, når du sætter dine paddings:

Du har en tabel på 750 pixels i bredden
Du ønsker øverst et banner, som skal spænde over 3 kolonner

Nedenunder har du:
en menu (150px i bredden)
et "papir", hvor dit indhold kommer til at være (450px i bredden)
en højre kolonne, hvor du f.eks. viser nogle generelle informationer (150px i bredden)

Nederst har du en bund, hvor du f.eks. viser kontaktinformationer eller anden information.

Når du vælger, at din celle med indholdet (den, der er 450px i bredden) skal have en padding på 30px i venstre side, og måske 15 i højre, så har du 45px, som du skal trække fra de 450px i dit stylesheet, så du kommer ned på 405px. Ellers forskuber du alle cellerne fra de mål, som du oprindeligt havde tænkt, og det bliver noget rod. Bare til din orientering :)
Avatar billede steen_hansen Forsker
23. januar 2005 - 11:58 #8
... så regnestykket kommer til at se således ud:

Endelig bredde på "indholdscelle" = Oprindelig bredde på "indholdscelle" - (padding i venstre side + padding i venstre side)

->

X = 450 - (30 + 15 )

->

X = 405


I mystyle.css skal du så skrive

.mainpadding {
width: 405px;
padding: 10px 15px 10px 30px;
}


- fordi padding-left: 15px + padding-left: 30px = 45px

De 45px trækker du fra de 450px, så bredden på din tabel stadig vil være 750px, eller hvor meget du nu vælger at den skal være.
Avatar billede steen_hansen Forsker
23. januar 2005 - 11:58 #9
- fordi padding-left: 15px + padding-left: 30px = 45px

skulle være

- fordi padding-right: 15px + padding-left: 30px = 45px
Avatar billede Slettet bruger
23. januar 2005 - 17:38 #10
mange tak for hjælpen steen hansen
Avatar billede steen_hansen Forsker
23. januar 2005 - 17:44 #11
Var så lidt. Håber du fik noget ud af det :)
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Unified Communications specialist til IT-Operations i Cyberdivisionen

Banedanmark

Styrk Banedanmarks informationssikkerhed gennem ISMS-udvikling

Riskpoint A/S (Riskpoint Solutions Limited)

Senior Developer

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Solution Manager til Cyberdivisionen

Jyske Bank

Softwareudvikler med AI erfaring
Seneste spørgsmål Seneste aktivitet
I går 22:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
I går 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
White papers
Flere white papers »