Notifikationer

Markér alle som læst Log ud

fredd Nybegynder

11. december 2004 - 13:51 Der er 14 kommentarer

Unødvendige mellemrum

Hej

Jeg er igang med at lave et design, kun med brug af divs og css (ikke tabeller). Dog er der opstået nogle problemer undervejs - bl.a. at der er for stor afstand mellem elementer.

http://www.thouber.dk/rod/test.html
http://www.thouber.dk/rod/style.css

Hvad kan det skyldes? (og hvordan kan det løses?)

I sidste ende skal det se nogenlunde sådan ud:
http://www.thouber.dk/rod/test.png

På forhånd tak!

Synes godt om

mjl Nybegynder

11. december 2004 - 13:55 #1

Er tabeller blevet tabu, jeg mener, de er da ganske glimrende, når vi skal ha' ting i kasser...

Synes godt om

mjl Nybegynder

11. december 2004 - 13:57 #2

...ellers mangler du måske line-height: ??

Synes godt om

fredd Nybegynder

11. december 2004 - 14:24 #3

Det med line-height var faktisk en god idé mange af stederne. Jeg har tidligere oplevet at selve teksten blev cuttet over i IE hvis man bruger line-height, men det løser sig åbenbart med XHTML 1.1.

Dog har jeg stadig flg. spørgsmål:
- Findes der et mål for line-height, som er ens i både IE og Mozilla? Bruger pt. "em" men det resulterer alligevel i større mellemrum i Mozilla, sammenlignet med IE.
- Hvordan ordner jeg menuerne? De er stadig rykket ind vandret, og line-height løser ikke det lodrette problem i IE.

.. og så lige et lille side-spørgsmål: Kan jeg undgå at skulle sætte den lille bindestreg i html-koden, og så istedet definere den i CSS?

Synes godt om

Slettet bruger

11. december 2004 - 14:35 #4

<head>
<title></title>
<meta name="Generator" content="Stone's WebWriter 4">
<style type="text/css">
body {
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px}
table {
width: 100%;
height: 100%;
cell-spacing: none;
border-width: 0px}
td.top {
color: white;
background-color: 900000;
height: 60px;
vertical-align: top}
td.top1 {
background-color: silver;
border-bottom: 1px solid #000000;
height: 5px;
vertical-align: top;
font-size: 8pt;
font-weight: bold}
td.top2 {
background-color: blue;
border-bottom: 1px solid #000000;
height: 5px;
vertical-align: top;
font-size: 8pt;
font-weight: bold}
</style>
</head>
<body>
<table cellspacing="0">
<tr>
<td align="center" class="top">top
</tr>
<tr>
<td align="center" class="top1">Om mig • Mine interesser • Links • Kontakt
</td>
</tr>
<td align="center" class="top2">og så videre
</td>
</tr>
<tr>

Synes godt om

fredd Nybegynder

11. december 2004 - 14:38 #5

ibtage: Tak, men jeg er kun interesseret i 100% css-løsninger.

Synes godt om

mjl Nybegynder

11. december 2004 - 14:57 #6

F.eks. line-height: 16px; (brug px det skulle da gerne virke...)

Synes godt om

Slettet bruger

11. december 2004 - 16:46 #7

Så prøver vi denne:
...................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>[Ingen titel]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
body{
background: transparent;
font-family:ariel,sans-serif;
font-size:10px;
margin: 20px 0px 0px 20px;
padding:0
}
#hoved{
margin:0;
margin-bottom:0px;
color#000;
background:fuchsia;
width:100%;
height:20px;
}
#hoved1 {
margin: 0 px;
margin-bottom:0px;
color#000;
background:#ddd ;
width:100%;
height: 20px;
}
#hoved2 {
margin: 0 px;
margin-bottom:0px;
color#fff;
background:yellow ;
width:100%;
height: 30px;
}
</style>
</head>
<body>
<div id="hoved"><h1> www.visithaven.dk </h1></div>
<div id="hoved1"><h2>er havemandens hjemmeside</h2></div>
<div id="hoved2"><H3>- kan forbedre dit humør væsentligt</h3></div>
<div id="hoved1"><H4>også for kvinder</h4></div>
</body>
</html>

Synes godt om

fredd Nybegynder

11. december 2004 - 18:46 #8

mjl: Jeg vil gerne give dig 30 point for dit råd om line-height. - så læg lige et svar. Dog har jeg stadig ikke fået løst det 100%, da der nu er forskel mellem afstande i IE og Mozilla (også selvom jeg bruger enheden px - som jeg dog foretrækker ikke at bruge, da den ikke skalerer forholdsmæssigt, når man ændrer skriftsstørrelse).

Jeg fik ikke løst mit problem med mine vandrette menu'er. Grunden til at udelukkende vil bruge CSS (og at jeg bruger <li> til menuer der er vandrette) er, at jeg vil gøre siderne lettere at browse, hvis man på nogen måde ikke er i stand til at vise siden med en normal browser.

Dog har jeg midlertidigt valgt at fortsætte med vandrette menuer på den gammeldags måde, da det andet ikke ville løse sig.

ibtage: Tak for dine indlæg, men jeg synes ikke rigtig at de hjælper mig videre med mine problemstillinger..

Synes godt om

Slettet bruger

11. december 2004 - 22:40 #9

Jeg har ikke rigtigt forladt dit spørgsmål, og derfor prøver jeg igen med en løsning.
Havde ikke læst dit spørgsmål ordentlig:
...............

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>[Ingen titel]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">

#menubar {
padding:0;
margin:10px 10px 25px 0;
font-size:80%;
font-weight:bold;
}
#menubar ul {
display:inline;
margin:0;
padding:0;

float:left; /* Nødvendigt af hensyn til IE5 */
}
#menubar ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#menubar a {
text-decoration:none;
padding:3px 5px 3px 5px;
border-width:0px 1px 1px 0;
float:left; /* Nødvendigt af hensyn til IE5 */
line-height:1.5em;
margin:0;
}
#menubar a:link {
color: #000000;
background:#EDD17E;
}
#menubar a:hover {
color: #000000;
background:C7A069;
}
</style>
</head>
<body>
<div id="menubar">
<ul>
<li><a href="forside.html">Forsiden</a></li>
<li><a href="om.html">Om os</a></li>
<li><a href="nyhed.html">Nyheder</a></li>
<li><a href="bolig.html">Bolig</a></li>
<li><a href="erhverv.html">Erhverv</a></li>
<li><a href="Kontakt.html">Kontakt</a></li></ul>
</div>
</body>
</html>

Synes godt om

mjl Nybegynder

12. december 2004 - 09:59 #10

Svar :)

Synes godt om

Slettet bruger

12. december 2004 - 11:51 #11

Jeg oversætter din :) smilies = "Happy" - er det tilfældet ?

Synes godt om

mjl Nybegynder

12. december 2004 - 12:03 #12

Ja...

Synes godt om

mjl Nybegynder

12. december 2004 - 12:04 #13

Hvorfor?

Synes godt om

Slettet bruger

12. december 2004 - 13:31 #14

Jeg var lidt i tvivl om du kunne brge det ?

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