/ 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
Tre kolonner?
Fra : tobi


Dato : 04-10-08 19:23

Hej

Hvordan får jeg den højre kolonne placeret i toppen af siden?

http://www.jobsafe.dk/test/tom.htm

Tom



 
 
Kim Schmidt Wind (04-10-2008)
Kommentar
Fra : Kim Schmidt Wind


Dato : 04-10-08 20:40

"tobi" <ingen@jmail.dk> skrev i meddelelsen
news:48e7b46f$0$15896$edfadb0f@dtext01.news.tele.dk...
> Hej
>
> Hvordan får jeg den højre kolonne placeret i toppen af siden?
>
> http://www.jobsafe.dk/test/tom.htm
>
> Tom
>

Hej Tom

Prøv med at ændre din CSS fil med dette
..vkol {
float:left;
margin: -15px 0 0;
width: 145px;
}

..hkol {
float:none;
margin: 0px 15px 20px 0;
width: 130px;
}
..mkol {
float: left;
margin: 0px 150px 0 150px;
}

Kim


tobi (05-10-2008)
Kommentar
Fra : tobi


Dato : 05-10-08 07:56


Tak Kim - det hjalp noget, men nu fyldes siden ikke ud i fuld skærmbredde -
det skulle den gerne, altså summen af de tre kolonners bredde svarer til
width = 100%.
Det skulle gerne være midterkolonnen der har variabel bredde, mens højre og
venstre kolonne bevarer en fast bredde.

Jeg har prøvet at lege lidt med dit oplæg, men jeg får det ikke til at virke


Nu ser det således ud:
http://www.jobsafe.dk/test/tom.htm

Kan du give mig et lille skub mere?

Tom

"Kim Schmidt Wind" <oz1juxXXX@mail.tele.dk> skrev i en meddelelse
news:48e7c68f$0$90267$14726298@news.sunsite.dk...
> "tobi" <ingen@jmail.dk> skrev i meddelelsen
> news:48e7b46f$0$15896$edfadb0f@dtext01.news.tele.dk...
>> Hej
>>
>> Hvordan får jeg den højre kolonne placeret i toppen af siden?
>>
>> http://www.jobsafe.dk/test/tom.htm
>>
>> Tom
>>
>
> Hej Tom
>
> Prøv med at ændre din CSS fil med dette
> .vkol {
> float:left;
> margin: -15px 0 0;
> width: 145px;
> }
>
> .hkol {
> float:none;
> margin: 0px 15px 20px 0;
> width: 130px;
> }
> .mkol {
> float: left;
> margin: 0px 150px 0 150px;
> }
>
> Kim



Kim Schmidt Wind (05-10-2008)
Kommentar
Fra : Kim Schmidt Wind


Dato : 05-10-08 09:36

"tobi" <ingen@jmail.dk> skrev i meddelelsen
news:48e864e5$0$15879$edfadb0f@dtext01.news.tele.dk...
>
> Tak Kim - det hjalp noget, men nu fyldes siden ikke ud i fuld
> skærmbredde - det skulle den gerne, altså summen af de tre kolonners
> bredde svarer til width = 100%.
> Det skulle gerne være midterkolonnen der har variabel bredde, mens højre
> og venstre kolonne bevarer en fast bredde.
>
> Jeg har prøvet at lege lidt med dit oplæg, men jeg får det ikke til at
> virke
>
> Nu ser det således ud:
> http://www.jobsafe.dk/test/tom.htm
>
> Kan du give mig et lille skub mere?
>
> Tom

Hej Tom
Hvis jeg kigger på din se i browserstørrelse 800 x 600 så kommer der det
helt forkert ud.
Da kommer højrespalt til at stå under midterspalten lige ved siden af
venstre.
Med se om du ikke kan finde hjælp her
http://www.hjemmesideskolen.dk/

Kim


Jørgen Farum Jensen (05-10-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 05-10-08 12:41

tobi skrev:
> Tak Kim - det hjalp noget, men nu fyldes siden ikke ud i fuld skærmbredde -
> det skulle den gerne, altså summen af de tre kolonners bredde svarer til
> width = 100%.
> Det skulle gerne være midterkolonnen der har variabel bredde, mens højre og
> venstre kolonne bevarer en fast bredde.

Artiklen
http://webdesign101.dk/layout/
forklarer de grundlæggende begreber
om layout med float.
http://webdesign101.dk/layout/eksempel4.php
vedrører dit layout.

--
Med venlig hilsen

Jørgen Farum Jensen
http://webdesign101.dk

tobi (05-10-2008)
Kommentar
Fra : tobi


Dato : 05-10-08 20:22


"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev

> http://webdesign101.dk/layout/eksempel4.php
> vedrører dit layout.

Hvor er knappen med "køb kildekoden til dette layout"?



Tom



Kim Schmidt Wind (05-10-2008)
Kommentar
Fra : Kim Schmidt Wind


Dato : 05-10-08 20:35

"tobi" <ingen@jmail.dk> skrev i meddelelsen
news:48e913e9$0$15880$edfadb0f@dtext01.news.tele.dk...
>
> "Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev
>
>> http://webdesign101.dk/layout/eksempel4.php
>> vedrører dit layout.
>
> Hvor er knappen med "køb kildekoden til dette layout"?
>
>
>
> Tom
>


Den kan du vist lede længe efter. Får det Jørgen viser dig på disse sider er
til fri brug og hjælp. Jeg tror at ingen her laver noget som andre ikke må
kopiere.En god kunstner kopiere jo også fra hans egne idoler og sætter dem
samme så de opstår som et nyt produkt.

Kim


Jørgen Farum Jensen (05-10-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 05-10-08 20:50

tobi skrev:
> "Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev
>
>> http://webdesign101.dk/layout/eksempel4.php
>> vedrører dit layout.
>
> Hvor er knappen med "køb kildekoden til dette layout"?

Højreklik på siden når den vises i din
browser. Venstreklik på Vis kildekode.
Tast CTRL-A, CTRL-C. Åbn din foretrukne
testeditor, Notesblok i mangel af bedres
havelse. Tast CTRL-V.

OBS dog det eksterne stylesheet, som der
henvises til i højre spalte.

--
Med venlig hilsen

Jørgen Farum Jensen
http://webdesign101.dk

Philip Nunnegaard (05-10-2008)
Kommentar
Fra : Philip Nunnegaard


Dato : 05-10-08 08:44

"tobi" <ingen@jmail.dk> skrev

> Hvordan får jeg den højre kolonne placeret i toppen af siden?

Jeg måtte lige kigge i Internet Explorer for at finde ud af hvordan det var
meningen at det skulle se ud.
I Firefox ligger vcol og hkol begge til venstre.

Prøv dette (det virker i hvert fald hos mig i både FF3 og IE7):

..vkol {
float:left;
border:solid 1px #000000;
margin: -15px 0 0;
width: 145px;
}

..hkol {
float:right;
border:solid 1px #000000;
margin: 0px 15px 20px 0;
width: 130px;
}

..mkol {
float: none;
margin: 0px 150px 0 150px;
border:solid 1px #000000;
}

I HTML'en skal både vkol og hkol ligge før mkol. Ellers begynder hkol først
et stykke nede på siden.

Jeg går i øvrigt ud fra at de -15px topmargin på vkol er med vilje.


tobi (05-10-2008)
Kommentar
Fra : tobi


Dato : 05-10-08 20:21


"Philip Nunnegaard" <nunnenospam@hitsurf.dk> skrev

>
> I HTML'en skal både vkol og hkol ligge før mkol. Ellers begynder hkol
> først et stykke nede på siden.

Det kan jeg slet ikke få til at fungere, men tak for din css, nu ser det
nogenlunde ud i IE 7

Tom



Kim Schmidt Wind (05-10-2008)
Kommentar
Fra : Kim Schmidt Wind


Dato : 05-10-08 21:18

"tobi" <ingen@jmail.dk> skrev i meddelelsen
news:48e91385$0$15872$edfadb0f@dtext01.news.tele.dk...
>
> "Philip Nunnegaard" <nunnenospam@hitsurf.dk> skrev
>
>>
>> I HTML'en skal både vkol og hkol ligge før mkol. Ellers begynder hkol
>> først et stykke nede på siden.
>
> Det kan jeg slet ikke få til at fungere, men tak for din css, nu ser det
> nogenlunde ud i IE 7
>
> Tom
>

Det ser rigtigt ud hvis jeg køre i browser størrelse 1280 x 800, men i 800 x
600 ser det ud ad h...... til.
Så der er en del og rette endnu, men prøv med det som Jørgen har foreslået
dig så kan din side ses af alle browser størrelser.
Man skal tænke hvis det kun skal vises på ens egen PC så kan man være
bedøvende ligeglad med om hvordan det ser ud på andres. Men man vil jo også
vise det til sine venner og de viser det igen for andre og nolge har FF,
Safari andre igen har forskellige udgaver af IE. Og de skulle jo også gerne
have glæde af at se siden uden en scrollbar i bunden.

Kim


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

Månedens bedste
Årets bedste
Sidste års bedste