Søg
Avatar billede morpheus Nybegynder
26. april 2001 - 03:55 Der er 23 kommentarer og
2 løsninger

øhhh.... Hvordan gør jeg ?

Hej,

Jeg sidder og skal lave et site...
Jeg har fået lavet preview\'en
(http://winux.adsl.dk/fdf-svbg/preview.jpg)

Preview\'en er sammen sat af fire billeder:
http://winux.adsl.dk/fdf-svbg/logo.png
http://winux.adsl.dk/fdf-svbg/top.png
http://winux.adsl.dk/fdf-svbg/bgtop.png
http://winux.adsl.dk/fdf-svbg/bgleft.png

Jeg har set folk før har været meget heldige med at CSS\'e sig ud af design / grafik.

Nu er det så lige ....
Hvordan gør jeg ?

..morpheus..
Avatar billede morpheus Nybegynder
26. april 2001 - 04:01 #1
Ændrede dem lige da jeg fandt ud af de ikke kunne vises:

http://winux.adsl.dk/fdf-svbg/logo.jpg
http://winux.adsl.dk/fdf-svbg/top.jpg
http://winux.adsl.dk/fdf-svbg/bgtop.jpg
http://winux.adsl.dk/fdf-svbg/bgleft.jpg
Avatar billede Beach Mester
26. april 2001 - 06:55 #2
Her et eksempel, men tror nu det er meningen du vil have en menu i venstre side, og så skal det laves på en lidt anden måde, den kommer om 5 minutter...


<html>
<head>
<title>FDF - Svendborg</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
</head>

<body bgcolor=\"#FFFFFF\" topmargin=\"0\" leftmargin=\"0\">
<table width=\"100%\" border=\"0\" vspace=\"0\" hspace=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"left\">
  <tr>
    <td width=\"510\"><img src=\"images/logo.jpg\" width=\"160\" height=\"90\"><img src=\"images/top.jpg\" width=\"350\" height=\"90\"></td>
    <td valign=\"top\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"></td>
  </tr>
  <tr>
    <td width=\"510\"><img src=\"images/bgleft.jpg\" width=\"160\" height=\"17\"><br>
      <img src=\"images/bgleft.jpg\" width=\"160\" height=\"17\" vspace=\"0\" hspace=\"0\" border=\"0\"><br>
      <img src=\"images/bgleft.jpg\" width=\"160\" height=\"17\"><br>
      <img src=\"images/bgleft.jpg\" width=\"160\" height=\"17\"><br>
      <img src=\"images/bgleft.jpg\" width=\"160\" height=\"17\"><br>
    </td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
Avatar billede Beach Mester
26. april 2001 - 07:03 #3
Her er så eks. no. 2
Nu er billedet bgleft lagt ind som baggrund der kun gentages i y-akselen...
//Beach

<html>
<head>
<title>FDF - Svendborg</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\">
<!--
body {  background-image: url(images/bgleft.jpg); background-repeat: repeat-y}
-->
</style>
</head>

<body bgcolor=\"#FFFFFF\" topmargin=\"0\" leftmargin=\"0\">
<table width=\"100%\" border=\"0\" vspace=\"0\" hspace=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"left\">
  <tr>
    <td width=\"510\"><img src=\"images/logo.jpg\" width=\"160\" height=\"90\"><img src=\"images/top.jpg\" width=\"350\" height=\"90\"></td>
    <td valign=\"top\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"><img src=\"images/bgtop.jpg\" width=\"12\" height=\"90\"></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>
Avatar billede morpheus Nybegynder
26. april 2001 - 07:08 #4
Det var ikke på den måde jeg mente det...

Jeg har set en der har CSS\'et sig ud af det...

<div id=etellerandet>

vupti har har vi noget

</div>

Comprende ?
Avatar billede Beach Mester
26. april 2001 - 07:17 #5
Ikke helt:-)
Men hvis du vil bruge CCS med baggrunden så kan den F.eks. så sådan ud her:


<html>
<head>
<title>FDF - Svendborg</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\">
<!--
body {  background-image: url(images/bgleft.jpg); background-repeat: repeat-y}
td {  background-image: url(images/bgtop.jpg); background-repeat: repeat-x}
-->
</style>
</head>

<body bgcolor=\"#FFFFFF\" topmargin=\"0\" leftmargin=\"0\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"800\">
  <tr>
    <td><img src=\"images/logo.jpg\" width=\"160\" height=\"90\"><img src=\"images/top.jpg\" width=\"350\" height=\"90\"></td>
  </tr>
</table>
  <p>Test test test</p>

</body>
</html>
Avatar billede Beach Mester
26. april 2001 - 07:17 #6
Du har måske et link?
//Beach
Avatar billede morpheus Nybegynder
26. april 2001 - 07:32 #7
Det er nemlig det jeg har....

http://winux.adsl.dk/~fdf/test.html


Avatar billede morpheus Nybegynder
26. april 2001 - 07:33 #8
Hvordan får jeg bgtop.jpg til at repeate til kanten ?

Har pøvet diverse tegn og gerninger...


Har du ICQ ?
30881499
Avatar billede Beach Mester
26. april 2001 - 07:34 #9
Det gør du ved at lave tabellen 100% width!
//Beach
Avatar billede Beach Mester
26. april 2001 - 07:37 #10
Jeg har ikke ICQ inde på den her maskine, så vi må lige se om vi kan klare den her:-)

Jeg oploader lige siden, så du kan se den...

//Beach
Avatar billede morpheus Nybegynder
26. april 2001 - 07:38 #11
Ellers er dit ICQ nummer ?
Avatar billede Beach Mester
26. april 2001 - 07:44 #12
http://home3.inet.tele.dk/ajensen/eksperten/fdf/index2.htm
Her ser den fin ud nu:-)
Hvis du stadig får noget kluder med margin så skal du refreshe siden, eller slette din casch.


Jeg kan ikke lige huske mit nummer, men jeg finder det lige frem:-)
//Beach
Avatar billede Beach Mester
26. april 2001 - 07:47 #13
Der var den........
ICQ nummer: 68886357

//Beach
PS: Skal lige smide en unge i børnehaven, er retur om 45 min.
Avatar billede morpheus Nybegynder
26. april 2001 - 08:01 #14
Så er du added ...
Avatar billede morpheus Nybegynder
26. april 2001 - 08:02 #15
Kan du egentlig se hvad der er galt her ?
http://winux.adsl.dk/~fdf/test.html
Avatar billede Beach Mester
26. april 2001 - 08:46 #16
Nope, den ser da fin nok ud hos mig!
Sikker på din browser ikke snupper filerne fra casch?
Hvilken browser bruger du?
//Beach
Avatar billede morpheus Nybegynder
26. april 2001 - 08:49 #17
IE 5.0

Det jeg mener er den måde teksten står på...

Sådan forskudt... Den skulle helst være ligeud foran hinanden
Avatar billede Beach Mester
26. april 2001 - 09:00 #18
Umidelbart så er det dit test.css der ikke arbejder så fint sammen men men men...

Tja, prøv at fjerne dine <P> </P> -tags sådan her:

<html>
<head>
<title>FDF - Svendborg</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">

<link rel=\"stylesheet\" type=\"text/css\" href=\"test.css\">

</head>

<body bgcolor=\"#FFFFFF\" topmargin=\"0\" leftmargin=\"0\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">
  <tr>
    <td><img src=\"images/logo.jpg\" width=\"160\" height=\"90\"><img src=\"images/top.jpg\" width=\"350\" height=\"90\"></td>
  </tr>
</table>
<div id=\"content\">
Test test test
</div>

<div id=\"menu\">
Test test test
</div>



</body>
</html>
Avatar billede Beach Mester
26. april 2001 - 09:01 #19
Ellers ser det nemlig rigtigt ud det du har skruget sammen:-)
Avatar billede Beach Mester
26. april 2001 - 09:07 #20
Shit, så er bossen her:-(
Så skal jeg sgu lige arbejde lidt.
Er på igen senere!
//Beach
Avatar billede morpheus Nybegynder
26. april 2001 - 09:19 #21
Oki...

Men kig lige på den igen... det ændrede ikke meget !
Avatar billede Beach Mester
26. april 2001 - 09:23 #22
Det ser med det ene øje ud som om det er en enkelt <br> der kan klare det hele ude i din main!
Avatar billede morpheus Nybegynder
26. april 2001 - 09:40 #23
Je\' ka\' sq\' ætte hitte u\' af det !!!

min css:
body        { background-image: url(\'images/bgleft.jpg\'); background-repeat: repeat-y;
              font-family: Verdana; font-size: 9 pt }
td          { background-image: url(\'images/bgtop.jpg\'); background-repeat: repeat-x }
#menu        { padding-left: 15px;
                padding-right: 15px;
                padding-top: 0px;
                padding-bottom: 0px }

#content    { padding-left: 0px;
                padding-right: 25px;
                padding-top: 0px;
                padding-bottom: 0px }

p            { font-family: Verdana; font-size: 0.7 em }

Html:
<html>
<head>
<title>FDF - Svendborg</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">

<link rel=\"stylesheet\" type=\"text/css\" href=\"test.css\">

</head>

<body bgcolor=\"#FFFFFF\" topmargin=\"0\" leftmargin=\"0\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">
  <tr>
    <td><img src=\"images/logo.jpg\" width=\"160\" height=\"90\"><img src=\"images/top.jpg\" width=\"350\" height=\"90\"></td>
  </tr>
</table>
<div id=\"content\">
Test test test
</div>

<div id=\"menu\">
Test test test
</div>



</body>
</html>
Avatar billede morpheus Nybegynder
26. april 2001 - 09:40 #24
Tror ikke det er et <BR> der skal ind...

Hvis du ser siden i FP, vil du forstå...
Avatar billede morpheus Nybegynder
26. april 2001 - 10:25 #25
Løst !

Der skulle bare indsættes en table...
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
Seneste spørgsmål Seneste aktivitet
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »