---

Jeg har hentet denne skabelon, men er ikke særlig god t il HTML

http://www.freewebtemplates.com/download/templates/10100

Men jeg har dog alligevel fået lavet lidt på en hjemmeside med denne skabelon.

Men hvordan får jeg slettet alt i den hvide ramme under menu-inddelingen, sådan at jeg kan sætte nogle billeder ind, som en lille slags "galleri".
Altså fået slette det til venstre og bjælken + notes papirer til højre?

---

Hej.
Det er et emne der interesserer mig så detfor skriver jeg dette indlæg. Håber ikke det gør noget.
Torben

---

Er det noget ala dette?
Det kræver at du retter i både html filen og css filen

---

Hov, glemte linket
http://peecee.dk/upload/view/311625

---

Klaudi

Det er lige præcis sådan jeg vil have det med mindre at man kan slette den der hvide baggrund bag billederne også.

Kan jeg få "opskriften"?

---

Har pakket den i en ny zip, så kan du bruge den
http://peecee.dk/upload/view/311628

---

Er det muligt egentlig lave skabelonen om til kun at være html?

---

Du kan jo indlejre css i selve html filen, men du skal jo bruge image filerne alligevel!

---

hvordan lægger jeg css i html?

---

Jaja, men Image-filerne kan man lave om til sine egne

---

Ved at åbne html filen i f.eks. notesblok og indsætte indholdet af css filen

<STYLE type=text/css>
*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}



a{
   color: #000E2F;
   text-decoration: underline;
}

a:hover{
   text-decoration: none;
   color: #000E2F;
   text-decoration: none;
}

body{
   font: 12px Arial, Helvetica, sans-serif;
   color: #000000;
   background: url(images/bg.jpg) top repeat-x #565C60;
   line-height: 20px;
   padding-top: 39px;
   padding-bottom: 32px
}

#main {
   width: 1009px;
   margin: 0px auto;
   padding: 0px 0px 0px 0px;
   border: 10px solid #FFFFFF;
}

#header {
width:1014px;
padding: 0px 0px 0px 0px;
background: url(images/header.jpg) left top no-repeat;
}

#logo {   font-family: Arial, Helvetica, sans-serif;
      color:#FFFFFF;
      font-size:18px;
      font-style:italic;
      padding: 70px 0px 0px 642px;
      background: url(images/big_img.jpg) left top no-repeat;
      height: 173px;
}

#logo a {
   text-decoration: none;
   text-transform: lowercase;
   font-style: italic;
   font-size: 18px;
   color: #FFFFFF;
}


#logo H2 a{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: none;
   font-weight:100;
}

#buttons{
   width: 900px;
   background: url(images/bg_but.jpg) left top no-repeat;
   text-align:center;
   padding-left:10px;
   height: 46px;
}

#buttons a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   display: block;
   float: left;
   height: 29px;
   text-decoration: none;
   color: #FFFFFF;
   padding-top: 17px;
   text-align: center;
   background: url(images/but.jpg) 0px 6px no-repeat;
   text-transform:lowercase;
   width: 110px;
   margin-right: 10px;
}

#buttons a:hover {
   text-decoration: underline;
   background: url(images/but.jpg) 0px 0px no-repeat;
   padding-top: 11px;
   height: 35px;
}

#content{
   width: 1009px;
   padding: 10px 0px 0px 0px;
   background: url(images/cont.jpg) 0px 0px;
   margin: 0px 0px 0px 0px;
   border-top: 10px solid #FFFFFF;
}

#left{
   width: 990px;
   margin: 0px 0px 0px 10px;
   float: left;
   color:#000000;
}

.right_b {   background: url(images/right_box.gif) 0px 0px no-repeat;
      padding-left: 16px;
      padding-right: 30px;
      padding: 16px 28px 10px 30px;
}

.text{
   padding: 0px 0px 0px 15px;
}

.img {   float:left;
      margin: 6px 16px 3px 0px;
}

.left_span {   color:#0D2C55;
      font-weight:bold;
}

.right_span {   color:#493D26;
      font-weight:bold;
}

#left H1{
   font-family: Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight: 100;
   color: #ffffff;
   text-align:left;
   padding: 12px 0px 12px 28px;
}

.tit {
background: url(images/tit_l2.gif) 0px 24px repeat-x ;}

.tit_span {background: #565C60;
font-weight:100;}

#right H1{
   font-family: Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight: 100;
   color: #FFFFFF;
   padding-top: 12px;
   padding-left: 0px;
   text-align: center;
   height: 35px;
   padding: 12px 0px 0px 0px;
   background: url(images/tit_r.jpg) center top no-repeat;
}

.read{
   text-align:right;
   padding-right:10px;
   padding-top: 10px;
   font-weight:bold;
   text-decoration:none;
}

#right .read {

   text-align:right;
   padding-right:20px;
   padding-top: 0px;
   font-weight:bold;
   text-decoration: underline;
}

#right .read:hover {
text-decoration: none;}

#right{
float: right;
width: 351px;
margin-right: 3px;
padding: 0px 0px 0px 0px;
}

.tit_bot { background: bottom repeat-x #565C60;
padding: 0px 10px 0px 0px;}

#footer{
   height: 57px;
   width: 100%;
   font-size: 12px;
   color: #FFFFFF;
   text-align: center;
   clear:both;
   padding: 18px 0px 0px 0px;
   background: url(images/footer.jpg) top repeat-x;
}

#footer a{
   color: #FFFFFF;
   font-size: 12px;
   text-decoration: none;
}

#footer a:hover{
   color: #FFFFFF;
   font-size: 12px;
   text-decoration: underline;
}
</STYLE>

---

Kan ikke se hvorfor du vil have det hele i en fil, hvis du nu skal rette noget skal det jo rettes i alle html filerne, det er da nemmere kun at rette i css filen!

---

Giver den du satte ind der så en hel skabelon, uden alt det der fikumdik med at det er "låst"?

---

fjern henvisningen til css i html filen
<link href="styles.css" rel="stylesheet" type="text/css" />

---

Hvis jeg skal rette noget i hjemmesiden, skal det kun rettes på 1 side, da siderne er forskellige.

---

Så ser html så'n ud

---

Super mange tak for svaret Klaudi.

---

var så lidt

Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.