/ 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
Lidt råd søges til småproblemer
Fra : Mark Thomas Gazel


Dato : 27-07-05 13:03

Hej

Jeg er næsten færdig med denne side. Noget jeg laver frivillig for mit
arbejde. Siden ser indtil nu sådan her ud:

http://www.hcafestival.dk/forside/forside.htm

Jeg har nogle problemer. Siden er en ret standard med tre kolonner defineret
i css og den midterste er flydende i bredden. Der er så en boks foroven og
forneden. Den nederste bliver skubbet i forhold til centerboksen. Jo mere
tekst jo længere kommer den ned. Kan man lave det sådan at højre og venstre
kolonne gør det samme? Sådan at det altid er den kolonne der breder sig mest
(fylder mest i længden), der skubber til nederste boks. Jeg kan ikke lige
se, hvordan det styres med css.

Derudover er siden blevet for bred, åbenbart. Der kommer en vandret
scrollbar. Det må skyldes en enten topboksen (banner) eller bundboksen
(siteinfo) gætter jeg på. Findes der er en løsning på det?

Af en eller anden grund ser teksten i højre kolonne større ud end teksten i
midterste kolonne. Begge dele burde være Verdana 12px. Det kan være
synsbedrag, men det kan også tænkes, at der er noget kode der driller.

Billedet i centerkolonnen er sat til float:right. Alligevel går det galt i
800*600. Det er tekstombrydningen det er galt med. For lange ord ryger
simpelthen under billedet. Skal det ombrydes manuelt, eller findes der en
wrap attrib eller lign.?

Det var hvis det hele. Gode tips og råd modtages med glæde. Jeg poster lige
den samlede css nederst.

Med venlig hilsen

Mark

/* CSS Document */

body {
margin:10px 0px 0px 0px;
padding:0px;
background-image:url(images/hcabanner2.jpg);
background-position: 95% 2%;
background-repeat:no-repeat;
}

/* venstre kolonne */
#leftcontent {
position: absolute;
top:121px;
width:150px;
background:#fff;
/* border:1px solid #000;*/
left: 32px;
}

/* menu venstre kolonne */
#navcontainer
{
width: 150px;
}

#navcontainer ul
{
margin-left: 0;
margin-right: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

#navcontainer a
{
display: block;
padding: 10px;
width: 130px;
background-color: #666;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

/* midterkolonne */
#centercontent {
background:#fff;
margin-top: 10px;
margin-left: 210px;
margin-right:210px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;

/* IE hack */

voice-family: "\"}\"";
voice-family: inherit;
margin-top: 10px;
margin-left: 210px;
margin-right:210px;
}
html>body #centercontent {
margin-top: 10px;
margin-left: 210px;
margin-right:210px;
}

/* Billeder brodtekst */
#billede {
float: right;
width: 200px;
margin:10px 10px 10px 10px;
}

/* hojrekolonne */
#rightcontent {
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
right:32px;
top:121px;
width:150px;
/* background:#fff; */
/* border:1px solid #000; */
overflow: visible;
height: 218px;
}

#banner {
background:#fff;
background: url(images/tab_bottom.gif) repeat-x bottom;
height: 100px;
width: 100%;
padding-left: 20px;
/* border-top:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000; */
voice-family: "\"}\"";
voice-family: inherit;
height:100px;
}
html>body #banner {
height:100px;
}

/* bundrkke */
#siteinfo{
clear: both;
border-top: 1px solid #cccccc;
color: #cccccc;
padding: 10px 10px 10px 10px;
}

/* faneblade */
#tabnav
{
position:absolute;
top: 78px;
height: 25px;
margin: 0;
padding-left: 20px;
left: 11px;
width: 819px;
}

#tabnav li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#tabnav a:link, #tabnav a:visited
{
float: left;
background: #f3f3f3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: bold;
padding: 10px 10px 10px 10px;
margin-right: 4px;
border: 1px solid #ccc;
text-decoration: none;
color: #666;
}

#tabnav a:link.active, #tabnav a:visited.active
{
border-bottom: 1px solid #fff;
background: #fff;
color: #000;
}

#tabnav a:hover
{
background: #fff;
}

/* skriftformattering */
p,h1,h2,pre {
margin:0px 10px 10px 10px;
}

h2 {
padding-top:10px;
padding-left:10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #000000;
}

p {
padding-left:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
}

..brod {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
}


h1 {
font-size:16px;
padding-top:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: capitalize;
color: #006600;
}

/* toprkke */
#banner h1
{
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

/* Hjre kolonne */


 
 
Jens Gyldenkærne Cla~ (27-07-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 27-07-05 13:32

Mark Thomas Gazel skrev:

> Jeg er næsten færdig med denne side. Noget jeg laver frivillig
> for mit arbejde. Siden ser indtil nu sådan her ud:
>
> http://www.hcafestival.dk/forside/forside.htm

Start med at validere siden. Der er lidt småfejl i xhtml-koden, men
det er nok til at forhindre en validering af css-filen.


> Jeg poster lige den samlede css nederst.

Neeeeej - undlad venligst at gøre det en anden gang. Der er ingen
der har gavn af at kigge en hel css-fil igennem i et newsindlæg.
Din css-fil kan nemt ses via dit link - hvor man også kan se den
html-kode den hører sammen med.
--
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

Mark Thomas Gazel (27-07-2005)
Kommentar
Fra : Mark Thomas Gazel


Dato : 27-07-05 14:20

> > Jeg er næsten færdig med denne side. Noget jeg laver frivillig
> > for mit arbejde. Siden ser indtil nu sådan her ud:
> >
> > http://www.hcafestival.dk/forside/forside.htm
>
> Start med at validere siden. Der er lidt småfejl i xhtml-koden, men
> det er nok til at forhindre en validering af css-filen.

Ok. Er der en god validator side?

Der er også en IE 5 hack, som jeg har overvejet at fjerne, men nu var den
lavet i, så ...

Med venlig hilsen

Mark


Henrik Stidsen (27-07-2005)
Kommentar
Fra : Henrik Stidsen


Dato : 27-07-05 14:31

Mark Thomas Gazel presented the following explanation :
>>> http://www.hcafestival.dk/forside/forside.htm
>>
>> Start med at validere siden. Der er lidt småfejl i xhtml-koden, men
>> det er nok til at forhindre en validering af css-filen.
>
> Ok. Er der en god validator side?

http://validator.w3.org/

--
Henrik Stidsen - http://henrikstidsen.dk/



Bertel Lund Hansen (27-07-2005)
Kommentar
Fra : Bertel Lund Hansen


Dato : 27-07-05 15:45

Mark Thomas Gazel skrev:

>Ok. Er der en god validator side?

http://validator.w3.org/

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

Erik Ginnerskov (27-07-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 27-07-05 22:47

Bertel Lund Hansen wrote:

> http://validator.w3.org/

Og når xhtml er kommet til at validere, kan css valideres her:

http://jigsaw.w3.org/css-validator/

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste