Avatar billede andreas13_fam Nybegynder
25. august 2009 - 17:48 Der er 5 kommentarer og
1 løsning

clear both problem

problemet ses ret tydeligt her: http://netkogeren.a-mweb.dk/faq/
Den grå streg der går igennem og adskiller hvert spørgsmål og svar, går bare igennem.

Hvad er det der mangler, sådan den ikke gør det ?

PS: håber i kan svare i dag, da jeg skal rejse imorgen :)
Avatar billede webweaver Praktikant
25. august 2009 - 18:13 #1
Hvad er det som den går igennem? Den grønne "taleboks"?
Så du vil have linien under boksen?

Jeg synes din kode er lidt rodet. Der er mange DIV elementer. Måske kunne det kortes lidt ned, for nemmere at fikse din kode.

Du har en tom div med clear: both; Clear: both; bruges ved floats.

Jeg tror du skal starte lidt forfra med det stykke, og tage 1 skridt af gangen. Jeg kan tælle 7 div's alene bare på 1 spørgsmål. Og 3 i træk der ser således ud,

div style="clear:both;"></div>.

Prøv noget i stil med,

1. div - baggrundsfarve + border på top og bottom.
Der kan laves margin og padding på den, for at få indholdet i den til at passe.

2. div - kunne indeholde blåt billede + boks og tekst. Og bottom border i grå.

3. div kan indeholde grøn boks + billede samt border. Det burde allerede kunne gøre det. Ihvertfald noget i den stil :)

Det andet kode er ikke til at arbejde med. Hvilket div laver den grå linie?
Avatar billede andreas13_fam Nybegynder
25. august 2009 - 21:26 #2
Det er div.faq der laver stregne i from af en border-bottom
Det er måske lidt kompliseret men hvis baggrundende ikke skal blive alt for store, er det næsten nød til at være sådan.
Når men det gik enlig mege, fejen opstod da jeg tilføjede

position: relative;
top: 17px;

til div.faq_svar

CSS fillen finder du her: http://netkogeren.a-mweb.dk/CSS/faq_screen.css
Avatar billede webweaver Praktikant
25. august 2009 - 22:11 #3
Okay, hvad sker hvis du lægger 17px til din height på div.faq. Altså den som laver den grå streg. Så burde den komme tilsvarende ned.
Avatar billede andreas13_fam Nybegynder
07. september 2009 - 16:34 #4
Når ja, skrev det om, og nu virker det.
Men jeg skulle nu alligevel tilføje padding-bottom: 17px;
Grunden til at der er så mange divs er jo at den er fleksibel højden.

Nå men du er velkommen til at ligge et svar.
Avatar billede webweaver Praktikant
07. september 2009 - 17:23 #5
Okay, det var godt at du fik det op at køre :)
Avatar billede webweaver Praktikant
07. september 2009 - 17:58 #6
Tak for point.
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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