Hoekjes wegwerken

Hallo!

Ik heb net de volgende code ingevoerd in mijn CSS:

Code:

.forumline{
 background-color: #000000;
 border: 1px #000000 solid;
 border-radius: 40px;
 }

Hierdoor krijgen mijn boards een omlijning met ronde randen, iets waar ik al een tijd naar zoek. Het probleem is echter dat de hoeken van de boards gewoon doorlopen en de ronde omlijning eronder ligt.
Screenshot:

Spoiler:

Wat moet ik toevoegen aan mijn code om dit weg te halen?

Op het engelse forum had er ook iemand dit probleem, toen zeiden ze dat het kwam doordat phpBB2 vol met tabellen staat en je een cel niet kan afronden.

Het enigste wat je kan doen is volgens mij een grotere padding in voeren.

Code:


.forumline{
  background-color: #cadde8;
  border: 1px black solid;
  border-radius: 40px;
  padding: 20px;
}

Misschien dat je dit al weet maar border-radius is css3 en is niet compatibel met oudere versies van IE. Als je wilt dat het daar ook compatiebel mee is moet je nog een behavior lijn invoeren.

Code:

.forumline{
  border: 1px solid #000;
  padding: 20px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background: #cadde8;
  behavior: url(http://css3pie.com/pie/PIE.htc);
}

Heee, super code, dankje! Heb overigens de tweede gebruikt, aangezien ik phpBB 2 gebruik. Loop nu wel tegen een klein probleempje aan. En zijn geen lijnen meer tussen de boards en posts :/ Daarnaast heb ik wat lijnen bij de footer en topics die juist niet weg willen. Een paar screenshots:

Spoiler:

Het eerste plaatje heeft ongewenste lijnen, het tweede plaatje is een voorbeeld van een topic waar dus lijnen missen. Derde en vierde plaatje hebben ook ongewenste lijnen.

Ik heb dit al geprobeerd weg te halen door simpel weg de kleuren weg te halen bij display->kleuren, maar dit had helaas geen baat. Moet ik was aanpassen of toevoegen aan de code in het css? Want zodra ik de code weghaal staan de lijnen er weer.

Edit: O, wil hier nog even aan toevoegen dat ik het heb geprobeerd heb op te lossen d.m.v. deze code:

Code:

.rowline{
          border: 1px #000000 solid;
    }


Wat overigens niet werkte, maar ik weet nu wel waar het aan ligt. Dit: background: # cadde8;
Het zorgt ervoor dat alles egaal word, maar het gaat dus ook over de lijnen heen. Kan ik misschien de rowlines 'voorrang' geven  of iets dergelijks?

Op de homepagina staat de border-spacing op 1px waardoor er een transparante ruimte onstaat, waardoor je de background erdoor ziet. Ik heb geprobeerd voor de border-spacing op 0 te zetten en de borderlijnen aan te zetten maar dan krijg ik waar 2 lijnen elkaar raken een verdikking.



Dus ik zoek daar momenteel nog een oplossing voor, ik ben de rest van de dag wel weg dus ik zal ten vroegste vanavond kunnen kijken.

O ja, ik zie het. Maar dan staat er ook een vierkante tabel in een ronde omlijning. Is er misschien een manier alleen de horizontale lijnen te behouden?

probeer eens met dit in de css te zetten:

Code:

.forumline{
  border: 1px solid #000;
  padding: 20px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background: #cadde8;
  behavior: url(http://css3pie.com/pie/PIE.htc);
}
.forumline td{
  border-bottom: 1px black solid;/*zorgt voor een lijntje onder iedere cel*/
}
.forumline td td{
  border-bottom: 1px transparent solid;/*zorgt dat de lijntjes onder de cel van een cel doorzichtig zijn*/
}
.user_login_form td{
  border-bottom: 1px transparent solid;/*zorgt dat de lijn van je login paneel onzichtbaar is*/
}

Ik heb voorlopig enkel gekeken naar de index pagina en daar lijkt het me wel inorde te zijn.

Super, werkt idd! Heb nog één vraagje erover: Bij de 'Wie is online' blijft een kader staan. Ik heb het al geprobeerd op te zoeken in de templates, maar daar stond gewoon border= 0px. Dus hoe krijg ik dit nog weg:

Spoiler:

Probeer dit eens:

Code:

td.catHead{
border-width: 0px;
}

Working like a charm! One last question (hope I'm not dragging this for too long xD); could you do the same for the border at the chatbox? I wish I could do these things myself, but I don't know how to alter the code :/

Probeer dit eens, heb de code gebruikt die op mijn forum werkt want chatbox is enkel voor leden.

Code:

td.catBottom {
border-width: 0px;
}

Ja, helemaal gelukt! Voor de mensen die geïnteresseerd zijn in de gehele code:

Code:

.forumline{
  border: 1px solid #000;
  padding: 12px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background: #cadde8;
  behavior: url(http://css3pie.com/pie/PIE.htc);
}
.forumline td{
  border-bottom: 1px black solid;/*zorgt voor een lijntje onder iedere cel*/
}
.forumline td td{
  border-bottom: 1px transparent solid;/*zorgt dat de lijntjes onder de cel van een cel doorzichtig zijn*/
}
.user_login_form td{
  border-bottom: 1px transparent solid;/*zorgt dat de lijn van je login paneel onzichtbaar is*/
}

td.catHead{
border-width: 0px;
}

td.catBottom {
border-width: 0px;
}


Heel erg bedankt voor je hulp spetter! Dit is opgelost (: