/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS: Et par problemer
Fra : Jens Dahlgaard


Dato : 07-04-04 14:12

Hej. Jeg har rodet med nogle problemer nogle timer i træk nu, og
kan ikke rigtig finde den rigtige løsning.

Problem 1:
Jeg kunne godt tænke med at opdele title1 i to (evt. som title1
og title2), så de får 50% hver vandret. Altså en slags kopi af
left- og rightmenu, bare de er lige under title.

Problem 2:
Jeg har indlagt et baggrundsbillede i left- og rightmenu, så jeg
får en streg lodret. Det virker fint, men sletter jeg så
height:100% i left- og rightmenu, går det helt i kage og strengen
bliver pludselig meget kort. Hvorfor?

Problem 3:
Jeg kan ikke få titlebottom1 helt op under content og left- og
rightmenu. Der er en slags margen / mellem. Hvorfor?

Takker

Hjemmeside:
www.jensdahlgaard.dk

body {
margin: 0;
padding: 20px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
}
#title {
   height:50px;
   background-color:#C68D55;
   padding: 5px;
   border: 1px solid #000000;
}
#title1 {
   height:15px;
   background-color:#FFFFFF;
   padding: 5px;
      
   border-top-width: 0px;   
   border-top-style: solid ;   
   border-top-color: white;   

   border-bottom-width: 1px;   
   border-bottom-style: solid ;   
   border-bottom-color: #000000;   

   border-right-width: 1px;   
   border-right-style: solid ;   
   border-right-color: #000000;   

   border-left-width: 1px;   
   border-left-style: solid ;   
   border-left-color: #000000;
}
#leftmenu {
   float:left;
   width:150px;
   height:100%;
   background: #FFFFFF url("streg.jpg") no-repeat fixed right top;
   padding:5px;
}
#rightmenu {
   float:right;
   width:150px;
   height:100%;
   background:#FFFFFF url("streg.jpg") no-repeat fixed left top;
   padding:5px;
}
#content {
   padding-top:5px;
   margin-left:160px;
   margin-right:160px;
   background-color:white;
}
#titlebottom1 {
   clear: both;
   height:20px;
   background-color:#000000;
   padding: 5px;
   border: 1px solid #000000;
}
#titlebottom {
   clear: both;
   height:20px;
   background-color:#C68D55;
   padding: 5px;
   border: 1px solid #000000;
}

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jens Gyldenkærne Cla~ (07-04-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 07-04-04 14:35

Jens Dahlgaard skrev:

> Problem 1:
> Jeg kunne godt tænke med at opdele title1 i to (evt. som
> title1 og title2), så de får 50% hver vandret. Altså en slags
> kopi af left- og rightmenu, bare de er lige under title.

Kig på float eller position. Position er effektivt hvis du ved
præcis hvor meget plads dit element vil optage. Float er
umiddelbart at foretrække hvis der er variabelt indhold i boksen.

Vær opmærksom på at 50% + 50% ikke altid giver 100% i alle
browsere. Du kan evt. nøjes med at sætte 50% på det venstre
element, og så lade det højre element fylde resten ud.


> Problem 2:
> Jeg har indlagt et baggrundsbillede i left- og rightmenu, så
> jeg får en streg lodret. Det virker fint,

Nej. Stregen kan ses i IE, men ikke i Mozilla og Opera.

Hvis du skal lave en simpel streg, er det formentlig lettere med en
kant (border).


> Problem 3:
> Jeg kan ikke få titlebottom1 helt op under content og left- og
> rightmenu. Der er en slags margen / mellem. Hvorfor?

DOM Inspector er din ven.

I Mozilla består mellemrummet dels af 5px padding-top på
#titlebottom (dem har du selv defineret) og dels af 1em margin-top
på p-elementet (defineret i browserens standardopsætning).

NB: Du behøver ikke at gengive hele din css-fil her - den er
lettere at se på hjemmesiden.

NB2: Hvis du skriver & i stedet for & i teksten på din side,
vil man kunne validere css-koden direkte.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jens Dahlgaard (07-04-2004)
Kommentar
Fra : Jens Dahlgaard


Dato : 07-04-04 16:58

> > Problem 2:
> > Jeg har indlagt et baggrundsbillede i left- og rightmenu, så
> > jeg får en streg lodret. Det virker fint,
>
> Nej. Stregen kan ses i IE, men ikke i Mozilla og Opera.
>
> Hvis du skal lave en simpel streg, er det formentlig lettere med
en
> kant (border).

Meget interessant at du skriver, at det er lettere at bruge border.
På det område har jeg fået 2 meldinger: 1) lav stregerne med
baggrundsbilled 2) lav det med border.

Mit problem med border (som jeg selv fortrækker) er, at det vises
ikke ens. Jeg har prøvet, på min hjemmeside, at lave border i både
left- og rightmenu, men når jeg så ser resultatet, vises borderne
flot på én af mine computere (IE6), men meget skidt på en anden af
mine computer (igen med IE6). I Netscape 7 vises det også dårligt,
hvilket betyder, at stregen er meget kort og den skulle jo gerne
være lang. Er det et problem at jeg har sat height til 100% i left-
og rightmenu? Jeg ved næsten ikke hvordan jeg ellers skulle gøre
det, da borderne uden 100% i height bliver meget kortet og ikke lige
lange i left- og rightmenu.

Kan du se mit problem?

Jens, www.jensdahlgaard.dk


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

//anne (07-04-2004)
Kommentar
Fra : //anne


Dato : 07-04-04 14:56

Jens Dahlgaard wrote in dk.edb.internet.webdesign.html:
> Hej. Jeg har rodet med nogle problemer nogle timer i træk nu, og
> kan ikke rigtig finde den rigtige løsning.
>
> Problem 1:
> Jeg kunne godt tænke med at opdele title1 i to (evt. som title1
> og title2), så de får 50% hver vandret. Altså en slags kopi af
> left- og rightmenu, bare de er lige under title.
>
> Problem 2:
> Jeg har indlagt et baggrundsbillede i left- og rightmenu, så jeg
> får en streg lodret. Det virker fint, men sletter jeg så
> height:100% i left- og rightmenu, går det helt i kage og strengen
> bliver pludselig meget kort. Hvorfor?
>
> Problem 3:
> Jeg kan ikke få titlebottom1 helt op under content og left- og
> rightmenu. Der er en slags margen / mellem. Hvorfor?
>
> Takker
>
> Hjemmeside:
> www.jensdahlgaard.dk
>
kunne du ikke ved de forskellige elementer skrive hvilke css-element
du har brugt, det ville gøre det lidt nemmere at forstå dit problem
f.eks.
<div id="title">titel</div> osv

//anne

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste