Notifikationer

Markér alle som læst Log ud

plazm Nybegynder

26. december 2005 - 15:56 Der er 10 kommentarer og
1 løsning

Design lavet i css

Hej.

Jeg sidder og leger med et design, som pt er bygget op i en tabel, hvilket som sådan også er fint nok, men jeg vil gerne se om det også er muligt at lave i css/div's.

Det største problem jeg har er baggrundsfarven som skal følge med ned, selvom siden bliver over et visningsbillede højt.

Siden som jeg leger er her:

http://plazm.dk/lp/

Synes godt om

plazm Nybegynder

26. december 2005 - 15:57 #1

Nå ja, så er der også nogle problemer med IE's fortolkning af heights på td's, men det ser vi bort fra :)

Synes godt om

or.han Nybegynder

26. december 2005 - 16:30 #2

Det kan sagtens lade sig gøre at bygge siden op i css. Er det noget som man skal lave et eksempel på??

Synes godt om

plazm Nybegynder

26. december 2005 - 17:53 #3

Det vil jeg gerne se ja

Synes godt om

mik789 Nybegynder

30. december 2005 - 15:56 #4

Måske kan du bruge http://dev.e-tidsskrift.dk/non_table_design.php

Synes godt om

mik789 Nybegynder

30. december 2005 - 16:41 #5

Der er også denne artikel som jeg skrev på et tidspunkt (og som hører til eksemplet i det forrige link): http://eksperten.dk/artikler/230
- men læs også de kritiske kommentarer!

Synes godt om

plazm Nybegynder

30. december 2005 - 18:40 #6

mik789, jeg syns ikke jeg kan se en løsning på mit problem med baggrundsfarven.

Synes godt om

mik789 Nybegynder

31. december 2005 - 09:14 #7

OK, i det her tilfælde ER det enkleste at bruge en tabelstruktur, dog på en lidt anden måde end du har gjort. Her er et forslag. Jeg har lavet alle styles interne for at du kan se det. Du kan selv samle dem i et eksternt stylesheet hvis du vil bruge det. Du kan se en demo på http://dev.e-tidsskrift.dk/eksperten/plazm.html

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

</head>
<body style="margin:0;padding:0;background-color:#808080;font-family:arial, sans-serif;font-size:12px;">
<div id="container" style="position:absolute;top:0;left:0;background-color:#006ebb;width:750px;border-right:1px solid black;">
<table border="0" cellpadding="0" cellspacing="0" style="margin:10px 20px;border-colapse:colapse;">
<tr>
<td colspan="3" style="border:1px solid black;"><img src="images/logo.png" width="710" height="80" alt="logo" style="display:block;"></td>
</tr>
<tr>
<td colspan="3" style="height:10px;"> </td>
</tr>
<tr>
<td valign="top" style="border:1px solid black;background-color:white;width:120px;padding:3px;">test<br>a</td>
<td style="width:7px;"> </td>
<td style="width:570px;padding:3px;background-color:white;border:1px solid black;">Lorem ipsum dolor sit amet [...]</td>
</tr>
</table></div>
</body>
</html>

Synes godt om

mik789 Nybegynder

31. december 2005 - 09:26 #8

en lille rettelse: giv container-div'en en width på 751 for at tage højde for den højre kant på 1px, så bliver mellemrummet fra den ydre blå boks til tabellen præcistt ens på begge sider

Synes godt om

plazm Nybegynder

31. december 2005 - 14:12 #9

Mik, ideen er der, dog var det ikke menuen, men den blå baggrund jeg ville have til at følge med ned, men projektet er sat standby, da jeg har fået en opgave som skal laves først.

Smid et svar, da du har givet mig nogle gode links og eksempler.

Synes godt om

mik789 Nybegynder

31. december 2005 - 14:18 #10

ok, jeg lægger gerne et svar, men jeg forstår så egentlig ikke hvad du mener med at det er den blå baggrund der skal følge med ned - det gør den jo i forvejen i det design du selv har lavet ??

Synes godt om

plazm Nybegynder

31. december 2005 - 14:26 #11

mik, det var netop i css med div's jeg gerne ville have lavet det, derfor den blå baggrund, men det er pt. ligemeget, og bliver nok ikk relevant lige foreløbig.

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

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS