Avatar billede friedrich_l Nybegynder
09. maj 2007 - 20:22 Der er 22 kommentarer

Vil nogle hjælpe mig?

Hej alle webdesigners

Jeg er ny i websign og er i gang med at lære... men jeg hjælper også en ven med at lave noget og jeg er ikke god nok til at lave det han gerne vil have

[URL=http://server6.pictiger.com/img/71050/picture-hosting/skabelon-til-side-.php][IMG]http://images6.pictiger.com/thumbs/92/cf8692aa571c13e0305fd6c38efac292.th.jpg[/IMG][/URL]

her er linket til billedet der viser nogenlunde hvordan det skal se ud, det skal nok laves i CSS det kan jeg ikke så godt men jeg tror jeg kan det meste bare ikke de to ting i siderne vil nogle hjælpe mig?
Avatar billede simplus Nybegynder
09. maj 2007 - 20:38 #1
Er igang
Avatar billede simplus Nybegynder
09. maj 2007 - 20:44 #2
<style>
body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.maintab {

}
.headers {
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-family: verdana, sans-serif;
    color: #75B69E;
    background-color: #00895B;
}
.raekkebg {
    padding: 5px;
    background-color: #75B69E;
    border-bottom: 1px solid #000000;
}
.bottomleft {
    padding: 5px;
    background-color: #75B69E;
    font-weight: bold;
    font-size: 20px;
    font-family: tahoma, sans-serif;
    color: #000000;
}
.bottomright {
    padding: 5px;
    background-color: #75B69E;
}
</style>

<center>

  <table border="1" cellpadding="" cellspacing="" width="700" class="maintab">
    <tr>
    <td colspan="3"><br><br><br><br>Firma logo<br><br><br><br></td>
    </tr>

    <tr>
    <td width="150">
          <table border="0" cellpadding="" cellspacing="" width="150" class="maintab">
            <tr>
            <td class="headers">MENU</td>
            </tr>

            <tr>
            <td class="raekkebg">&nbsp;</td>
            </tr>

            <tr>
            <td class="raekkebg">&nbsp;</td>
            </tr>

            <tr>
            <td class="raekkebg">&nbsp;</td>
            </tr>

            <tr>
            <td class="bottomleft" valign="top">osv osv osv osv<br><br><br><br></td>
            </tr>
          </table>
    </td>

    <td valign="top">
        Hovedtekst her bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    </td>

    <td width="150">
          <table border="0" cellpadding="" cellspacing="" width="150" class="maintab">
            <tr>
            <td class="headers">REKLAME</td>
            </tr>

            <tr>
            <td class="bottomright" valign="top">Reklame her<br><br><br><br><br><br><br><br><br><br><br></td>
            </tr>
          </table>
    </td>
    </tr>
  </table>

</center>
Avatar billede simplus Nybegynder
09. maj 2007 - 20:45 #3
Der var lige et par smuttere, lavede den dog også på få minutter.. Laver lige en lidt pænere version!
Avatar billede simplus Nybegynder
09. maj 2007 - 20:54 #4
Værsgod, koden er nu valid og lidt pænere/bedre:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Firma Navn</title>

<style type="text/css">
body {
    margin: 0px;
    padding: 0px;
}
.headers {
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-family: verdana, sans-serif;
    color: #75B69E;
    background-color: #00895B;
}
.raekkebg {
    padding: 5px;
    background-color: #75B69E;
    border-bottom: 1px solid #000000;
    text-align: left;
}
.bottomleft {
    padding: 5px;
    background-color: #75B69E;
    font-weight: bold;
    font-size: 20px;
    font-family: tahoma, sans-serif;
    color: #000000;
    text-align: left;
}
.bottomright {
    padding: 5px;
    background-color: #75B69E;
    text-align: left;
}
.main {
    text-align: left;
}
</style>
</head>

<body>
<center>

  <table border="1" cellpadding="" cellspacing="" width="700">
    <tr>
    <td colspan="3"><br><br><br><br>Firma logo<br><br><br><br></td>
    </tr>

    <tr>
    <td width="150">
          <table border="0" cellpadding="" cellspacing="" width="150">
            <tr>
            <td class="headers">MENU</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="bottomleft" valign="top">osv osv osv osv<br><br><br><br></td>
            </tr>
          </table>
    </td>

    <td valign="top" class="main">
        Hovedtekst her bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    </td>

    <td width="150">
          <table border="0" cellpadding="" cellspacing="" width="150">
            <tr>
            <td class="headers">REKLAME</td>
            </tr>

            <tr>
            <td class="bottomright" valign="top">Reklame her<br><br><br><br><br><br><br><br><br><br><br></td>
            </tr>
          </table>
    </td>
    </tr>
  </table>

</center>
</body>
</html>
Avatar billede friedrich_l Nybegynder
09. maj 2007 - 21:22 #5
TUSIND TAK!! :) du aner ikke hvor meget det har hjulpet tusind tak
Avatar billede friedrich_l Nybegynder
09. maj 2007 - 21:24 #6
Men jeg tænkte på hvordan gør man så at kanterne er nogle normale røde streger men en eller anden farve?
Avatar billede simplus Nybegynder
09. maj 2007 - 21:30 #7
til det kan du bruge følgene css:

border: 1px solid red;

eller

border: 1px solid #FF0000;

jeg ville foretrække nummer 2..

forresten skal du have et 'velkommen til' (jeg kan se at du er ny her på eksperten). Jeg vil lige oplyse dig om at man her på eksperten giver point som belønning på svar. Da jeg ikke samler på point kan du beholde disse. For at se hvordan du lukker spørgsmålet bedes du kigge her: http://expfaq.dk/behandling_af_svar#behandling_af_svar

- Spørg endelig hvis du vil vide mere
Avatar billede friedrich_l Nybegynder
09. maj 2007 - 21:44 #8
jo tak ;) lige en sidste ting... hvor skal jeg sætte den ind? i style eller noget ikke?
Avatar billede simplus Nybegynder
09. maj 2007 - 21:47 #9
du laver en style på <table> elementet

dvs

<table ... style="border: 1px solid #FF0000;">
Avatar billede friedrich_l Nybegynder
09. maj 2007 - 21:59 #10
Jeg lavede lige lidt på det men når jeg skal erstatte de grå linjer men det bliver bare en dobbel rød ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>The collectors - Antikviteter og bøger</title>

<style type="text/css">
body {
    margin: 0px;
    padding: 0px;
}
.headers {
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-family: verdana, sans-serif;
    color: #75B69E;
    background-color: #00895B;
}
.raekkebg {
    padding: 5px;
    background-color: #75B69E;
    border-bottom: 1px solid #008a5b;
    text-align: left;
}
.bottomleft {
    padding: 5px;
    background-color: #75B69E;
    font-weight: bold;
    font-size: 20px;
    font-family: tahoma, sans-serif;
    color: #000000;
    text-align: left;
}
.bottomright {
    padding: 5px;
    background-color: #75B69E;
    text-align: left;
}
.main {
    text-align: left;
}
</style>
</head>

<body>
<center>

<table border="1" cellpadding="" cellspacing="" width="700" style="border: 1px solid #FF0000;">
<tr>
<td colspan="3" style="border: 1px solid #FF0000;"><br><br><br><br>Firma logo<br><br><br><br></td>
</tr>

<tr>
<td width="150" style="border: 1px solid #FF0000;">
<table border="0" cellpadding="" cellspacing="" width="150" style="border: 1px solid #FF0000;">
<tr>
<td class="headers">MENU</td>
</tr>

<tr>
<td class="raekkebg">Tekst her</td>
</tr>

<tr>
<td class="raekkebg">Tekst her</td>
</tr>

<tr>
<td class="raekkebg">Tekst her</td>
</tr>

<tr>
<td class="bottomleft" valign="top">osv osv osv osv<br><br><br><br></td>
</tr>
</table>
</td>

<td valign="top" class="main" style="border: 1px solid #FF0000;">
        Hovedtekst her bla bla bla bla bla bla bla bla bla bla bla bla bla bla
        bla bla bla bla
</td>

<td width="150">
<table border="0" cellpadding="" cellspacing="" width="150" style="border: 1px solid #FF0000;">
<tr>
<td class="headers">REKLAME</td>
</tr>

<tr>
<td class="bottomright" valign="top">Reklame her<br><br><br><br><br><br><br><br><br><br><br></td>
</tr>
</table>
</td>
</tr>
</table>

</center>
</body>
</html>

her er det jeg lavede (beklarer at jeg satte nogle at tingene til starten af linjen men ellers kan jeg ikke overskue det :P )
Avatar billede simplus Nybegynder
09. maj 2007 - 22:07 #11
Jeg forstår ikke helt hvor den røde kant skal være. Kan du evt. tegne det på et billede?
Avatar billede friedrich_l Nybegynder
09. maj 2007 - 22:15 #12
altså det skal bare være 1 pixel og farven kan jeg bare lave om hvis det skulle være og forresten vil jeg gerne takke dig for din venlighed :) det er rart at nogle vil hjælpe som dig tusind tak
Avatar billede friedrich_l Nybegynder
09. maj 2007 - 22:17 #13
har du eventuelt en MSN jeg kan få så vi kan snakke hurtigere?
Avatar billede simplus Nybegynder
09. maj 2007 - 22:31 #14
Værsgod:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Firma Navn</title>

<style type="text/css">
body {
    margin: 0px;
    padding: 0px;
}
.headers {
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-family: verdana, sans-serif;
    color: #75B69E;
    background-color: #00895B;
}
.raekkebg {
    padding: 5px;
    background-color: #75B69E;
    border-bottom: 1px solid #FF0000;
    text-align: left;
}
.bottomleft {
    padding: 5px;
    background-color: #75B69E;
    font-weight: bold;
    font-size: 20px;
    font-family: tahoma, sans-serif;
    color: #000000;
    text-align: left;
}
.bottomright {
    padding: 5px;
    background-color: #75B69E;
    text-align: left;
}
.main {
    border-top: 1px solid #FF0000;
    text-align: left;
}
.lefttab {
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
}
.righttab {
    border-top: 1px solid #FF0000;
    border-left: 1px solid #FF0000;
}
</style>
</head>

<body>
<center>

  <table border="0" cellpadding="" cellspacing="" width="700" style="border: 1px solid #FF0000">
    <tr>
    <td colspan="3"><br><br><br><br>Firma logo<br><br><br><br></td>
    </tr>

    <tr>
    <td width="150">
          <table border="0" cellpadding="" cellspacing="" width="150" class="lefttab">
            <tr>
            <td class="headers">MENU</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="bottomleft" valign="top">osv osv osv osv<br><br><br><br></td>
            </tr>
          </table>
    </td>

    <td valign="top" class="main">
        Hovedtekst her bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    </td>

    <td width="150">
          <table border="0" cellpadding="" cellspacing="" width="150" class="righttab">
            <tr>
            <td class="headers">REKLAME</td>
            </tr>

            <tr>
            <td class="bottomright" valign="top">Reklame her<br><br><br><br><br><br><br><br><br><br><br></td>
            </tr>
          </table>
    </td>
    </tr>
  </table>

</center>
</body>
</html>

Husk at du bare spørger hvis der er problemer. Hvis der er mere svarer jeg så hurtigt jeg kan imorgen.

Nej desværre, har ikke msn.
Avatar billede simplus Nybegynder
09. maj 2007 - 22:33 #15
Og forresten, hvis du vil ændre farven skal du bare skifte alle de stedet hvor der står #FF0000 med f.eks. red, blue, green eller hvad du nu vil. Ellers kan du gå ind på http://colormatch.dk/ og finde heximal tallet (ser således ud #xxxxxx - hvor x kan være tal og bogstaver). Jeg hælder selv mest til heximal tal da man kan modificere dem som man har lyst.
Avatar billede friedrich_l Nybegynder
10. maj 2007 - 14:51 #16
Jeg skal lige spørge om, hvis jeg nu sætter et billede ind oppe ved "firma logo" hvis nu at billedet er størrer end den ramme der nu er... vil cellerne så tilpasse sig?
Avatar billede simplus Nybegynder
10. maj 2007 - 17:14 #17
Ja, det er fidusen ved tabeller..

Næste gang du er i sådan en situation hvor du er usikker, så bare prøv. Det værste der kan ske er at det ser grimt ud. Så sletter du det da bare igen.

Virkede det med den røde kant forresten?
Avatar billede friedrich_l Nybegynder
10. maj 2007 - 17:16 #18
ja den røde kant virkede
Avatar billede friedrich_l Nybegynder
10. maj 2007 - 17:17 #19
Hvis jeg nu laver flere menuer på fks. venstre menu så bliver den højre sat i midten så der er et mellem rum mellem det øverste og nederste
Avatar billede simplus Nybegynder
10. maj 2007 - 17:22 #20
Ja det er da også rigtigt. Må have haft travlt igår da jeg lavede det..

Jeg fixer det om en 15 minutters tid. Har nemlig også travlt nu.

Håber det er iorden.
Avatar billede friedrich_l Nybegynder
10. maj 2007 - 17:27 #21
det er helt i orden ;) det er bare dejligt du gider at lave det :)
Avatar billede simplus Nybegynder
10. maj 2007 - 17:35 #22
Værsgod du:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Firma Navn</title>

<style type="text/css">
body {
    margin: 0px;
    padding: 0px;
}
.headers {
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-family: verdana, sans-serif;
    color: #75B69E;
    background-color: #00895B;
}
.raekkebg {
    padding: 5px;
    background-color: #75B69E;
    border-bottom: 1px solid #FF0000;
    text-align: left;
    height: relative;
}
.bottomleft {
    padding: 5px;
    background-color: #75B69E;
    font-weight: bold;
    font-size: 20px;
    font-family: tahoma, sans-serif;
    color: #000000;
    text-align: left;
}
.bottomright {
    padding: 5px;
    background-color: #75B69E;
    text-align: left;
}
.main {
    border-top: 1px solid #FF0000;
    text-align: left;
}
</style>
</head>

<body>
<center>

  <table border="0" cellpadding="" cellspacing="" width="700" style="border: 1px solid #FF0000">
    <tr>
    <td colspan="3"><br><br><br><br>Firma logo<br><br><br><br></td>
    </tr>

    <tr>
    <td width="150" valign="top" style="background-color: #75B69E; border-top: 1px solid #FF0000; border-right: 1px solid #FF0000;">
          <table border="0" cellpadding="" cellspacing="" width="150">
            <tr>
            <td class="headers">MENU</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="raekkebg">Tekst her</td>
            </tr>

            <tr>
            <td class="bottomleft" valign="top">osv osv osv osv</td>
            </tr>
          </table>
    </td>

    <td valign="top" class="main">
        Hovedtekst her bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    </td>

    <td width="150" valign="top" style="background-color: #75B69E; border-top: 1px solid #FF0000; border-left: 1px solid #FF0000;">
          <table border="0" cellpadding="" cellspacing="" width="150">
            <tr>
            <td class="headers">REKLAME</td>
            </tr>

            <tr>
            <td class="bottomright" valign="top">Reklame her</td>
            </tr>
          </table>
    </td>
    </tr>
  </table>

</center>
</body>
</html>
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
Computerworld tilbyder specialiserede kurser i database-management

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