CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Malika Nybegynder

08. marts 2011 - 18:46 Der er 9 kommentarer og
1 løsning

Rammer

Hej

prøver at lave en hjemmeside, men har lige et problem

Hjemmesiden(eu.tommy.com/) har en ramme, ind i rammen er der alt indhold, udenfor rammen er der mørke blå baggrund.

rammen: http://www.kronelimo.dk/

Jeg ville spørge om hvordan er det man laver sådan en ramme....

På forhånd tak....

Synes godt om

claes57 Ekspert

08. marts 2011 - 19:00 #1

lige der, har de tage den hurtige vej - en tabel med et enkelt felt i - og resten skrives i dette felt. Her er genvejen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
body {
background: #dad7d2;
text-align: center;
}
#sidecentreringTabel {
width: 100%;
height: 100%;
background-color: #dad7d2;
color: black;
}

#sidecentreringCelle {
vertical-align: middle;
text-align: center;
background-color: transparent;
color: black;
}

#sidecentrering {
position: relative;
margin: 0px auto;
width: 990px;
height: 560px;
text-align: left;
}

#ramme {
width: 990px;
height: 560px;
background-color: white;
color: black;
border: 1px solid black;
}
</style>
</head>
<body>
<table cellspacing='0' cellpadding='0' border='0' id='sidecentreringTabel'>
<tr>
<td id='sidecentreringCelle'>
<div id='sidecentrering'>
<div id="ramme">
... her er så hele din side
</div>
</div>
</td>
</tr>
</table>
</body>
</html>

alt, du skal gøre er at gentage denne kode på alle sider, og erstatte
... her er så hele din side
med det, der skal vises

Synes godt om

Malika Nybegynder

08. marts 2011 - 19:08 #2

Tak skal du have

Synes godt om

Malika Nybegynder

08. marts 2011 - 19:25 #3

hvis man skal passe en billed in, og den er meget tæt på stregen på venstre side, hvordan kan man lave afstand til stregen???

Synes godt om

claes57 Ekspert

08. marts 2011 - 19:59 #4

der er mange muligheder - men skal der ikke være andet på samme linje, så kan du fx

<div style="margin-left:50px;">
<img src="image/logo1.jpg" width="581" height="151" border="0" />
</div>

så er den rykket 50px væk fra venstre kant. Billedets data styrer du selvfølgelig selv.

Synes godt om

claes57 Ekspert

08. marts 2011 - 20:32 #5

her er en centreret top-logo og centreret bundtekst:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
body {
background: #dad7d2;
text-align: center;
}
#sidecentreringTabel {
width: 100%;
height: 100%;
background-color: #dad7d2;
color: black;
}

#sidecentreringCelle {
vertical-align: middle;
text-align: center;
background-color: transparent;
color: black;
}

#sidecentrering {
position: relative;
margin: 0px auto;
width: 990px;
height: 560px;
text-align: left;
}

#ramme {
width: 990px;
height: 560px;
background-color: white;
color: black;
border: 1px solid black;
}
</style>
</head>
<body>
<table cellspacing='0' cellpadding='0' border='0' id='sidecentreringTabel'>
<tr>
<td id='sidecentreringCelle'>
<div id='sidecentrering'>
<div id="ramme">
<div style="text-align:center; border-bottom: 1px solid black;">
<img src="image/logo1.jpg" width="581" height="151" border="0" />
</div>
<div style="height:390px; background-color:#FFFF80">
... her er så hele din side
</div>
<div style="text-align:center; border-top: 1px solid black; font-size:x-small; background-color:#808080;">
© 2011 mitfirma.dk
</div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>

Synes godt om

Malika Nybegynder

08. marts 2011 - 21:17 #6

Tak, men jeg har lige et par spørgsmål mere.
Jeg har fire billeder vandret på være linje, det er en galleri, jeg vil gerne have afstand i mellem alle fire billeder. skal skrive div kode til alle fire???

# Hvad er det for en kode du har sendt til mig
er det til logo oppe i toppen

Synes godt om

Malika Nybegynder

08. marts 2011 - 21:29 #7

Jeg mener fire billeder i en række

Synes godt om

claes57 Ekspert

09. marts 2011 - 12:02 #8

her er toplogo, bundtekst, samt plads til 4 billeder i række (de må maks være 247px brede).
Jeg har farvet de forskellige divs, så du kan se hvad der er hvor.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
body {
background: #dad7d2;
text-align: center;
}
#sidecentreringTabel {
width: 100%;
height: 100%;
background-color: #dad7d2;
color: black;
}
#sidecentreringCelle {
vertical-align: middle;
text-align: center;
background-color: transparent;
color: black;
}
#sidecentrering {
position: relative;
margin: 0px auto;
width: 990px;
height: 760px;
text-align: left;
}
#ramme {
width: 990px;
height: 760px;
background-color: white;
color: black;
border: 1px solid black;
}
#toptxt {
text-align:center;
border-bottom: 1px solid black;
}
#bundtxt {
text-align:center;
border-top: 1px solid black;
font-size:x-small;
background-color:#808080;
}
#centerfelt {
height:590px;
background-color:#FFFF80
}
#billedholder {
position: relative;
width: 988px;
padding: 0px;
margin: 0px auto;
z-index: 10;
}
#billedholder .billede {
position: absolute;
padding-left: 0px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
margin: 0px;
color: black;
text-decoration: none;
text-align: center;
font-size: 12px;
font-weight: normal;
}
#billede1 {
background-color:#8080C0;
display:inline;
left: 0px;
width: 247px;
border: none;}
#billede2 {
background-color:#C0C0C0;
display:inline;
left: 248px;
width: 247px;
border: none;}
#billede3 {
background-color:#8080C0;
display:inline;
left: 495px;
width: 247px;
border: none;}
#billede4 {
background-color:#C0C0C0;
display:inline;
left: 743px;
width: 247px;
border: none;}
</style>
</head>
<body>
<table cellspacing='0' cellpadding='0' border='0' id='sidecentreringTabel'>
<tr>
<td id='sidecentreringCelle'>
<div id='sidecentrering'>
<div id="ramme">
<div id="toptxt">
<img src="image/logo1.jpg" width="581" height="151" border="0" />
</div>
<div id="centerfelt">
... her er så hele din side
<div id="billedholder">
<div id="billede1">billede 1</div>
<div id="billede2">billede 2</div>
<div id="billede3">billede 3</div>
<div id="billede4">billede 4</div>
</div>
</div>
<div id="bundtxt">
© 2011 mitfirma.dk
</div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>

Synes godt om

Malika Nybegynder

09. marts 2011 - 20:13 #9

tak skal du have
Hvor er det man kan finde to farvede baggrund, er det ngt man selv laver.. Og hvordan designer man toppen til hjemmesiden(program eller hjemmeside)

Synes godt om

claes57 Ekspert

09. marts 2011 - 20:34 #10

design af top = logo. Tegn selv, eller brug noget tekst i 3d (det kan selv Word klare - bare gem det som billede i den ønskede størrelse)
Skal der være bevægelse i, så se på fx http://www.novil.dk/sider/tools/3dtekst/3dtekst-generator.html

baggrunde i flere farver er et fast billede - tegn det selv
skift
background-color: #dad7d2;
ud med
background-image:url('mitbillede.jpg');
eller hvad du nu har
i den div, der nu skal have baggrunden.

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

Microsoft 365 kurser

Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
3D foto til stl Af johnnylassen i Andet design	1	31/07/202313:32	31/07/202314:28
InDesign - Af Ajnbnb i Andet design	6	29/07/202209:29	01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design	6	04/04/202211:38	04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design	3	18/02/202217:41	20/02/202216:52
Farver i InDesign Af huddie i Andet design	2	01/11/202112:49	26/01/202219:01

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