[CSS] Border Probleem - Softwareontwikkeling

donderdag 10 november 2005 23:38

Acties:

Topicstarter

Ik heb dit probleem al eens eerder hier gezien, alleen nu loop ik er zelf tegen aan. Ik kan de originele post helaas niet meer vinden.

Ik probeer dus een tabel met een achtergrond kleur een zwarte border te geven van 1 pixel. Alleen krijg ik overlopende kleuren in zowel FF als IE. De border lijkt 2 pixels groot te zijn geworden waarvan de een gewoon zwart, en de ander grijs/wit. Hoe krijg ik deze border 1 pixel groot en gewoon effe zwart, zonder een overloop in kleuren of wat dan ook.

De code:
.main_body {
background-color : #DCCAB6;
border-color : #000000;
}

De border dikte staat op dit moment in de php pagina zelf, omdat ik hier de css code nog niet voor heb gevonden.

donderdag 10 november 2005 23:40

Acties:

HyperioN

Dat komt omdat de cellen (TD's) aan elkaar grenzen en allen een border van 1px hebben en dus lijkt het op een border van 2px.

Cascading Stylesheet:

table {
  border: 1px solid black;
  border-collapse: collapse;
}

[ Voor 9% gewijzigd door HyperioN op 10-11-2005 23:55 ]

donderdag 10 november 2005 23:41

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Lawrentium schreef op donderdag 10 november 2005 @ 23:38:
Ik heb dit probleem al eens eerder hier gezien, alleen nu loop ik er zelf tegen aan. Ik kan de originele post helaas niet meer vinden.

Ik probeer dus een tabel met een achtergrond kleur een zwarte border te geven van 1 pixel. Alleen krijg ik overlopende kleuren in zowel FF als IE. De border lijkt 2 pixels groot te zijn geworden waarvan de een gewoon zwart, en de ander grijs/wit. Hoe krijg ik deze border 1 pixel groot en gewoon effe zwart, zonder een overloop in kleuren of wat dan ook.

De code:
.main_body {
background-color : #DCCAB6;
border-color : #000000;
}

De border dikte staat op dit moment in de php pagina zelf, omdat ik hier de css code nog niet voor heb gevonden.

Ik kan er geen touw aan vast knopen... Heb je ook wat HTML code voor ons? En als je een screenshot maakt en het wat "uitvergroot" in Paint/Photoshop kun je beter zien wat er gaande is. Waarom heet je class .main_body? En welke border-dikte staat in de PHP en wat heeft PHP er uberhaupt mee van doen?

Een border geef je het makkelijkst zo op in CSS:

Cascading Stylesheet:

1
2
3

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

En anders pak je er een CSS reference bij, zoals:
http://developer.mozilla.org/en/docs/CSS_Reference
http://msdn.microsoft.com.../reference/attributes.asp
http://www.w3schools.com/css/css_reference.asp
http://www.w3.org/TR/REC-CSS2/

@We Are Borg: GMTA enzo

[ Voor 23% gewijzigd door RobIII op 10-11-2005 23:46 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 10 november 2005 23:41

Acties:

We Are Borg

Moderator Wonen & Mobiliteit / General Chat

heb je een screenshot

?

Cascading Stylesheet:

1
2
3

.eenclass {
border: 1px solid black;
}

donderdag 10 november 2005 23:56

Acties:

Lawrentium

Topicstarter

Hier is mijn screenshot, heb helaas geen host voor m'n files dus kan je 'm ophalen van yousendit:

http://s51.yousendit.com/...YAIIWV0DV6X51J3E1SQRDR55X

Veel meer code dan hierboven heb ik niet. Dit is alles:

html code in php pagina:

code:

1	<table width="640" border="1" align="center" cellpadding="0" cellspacing="0" class="main_body">

code in css:

code:

.main_body {
background-color    : #DCCAB6;
border-color        : #000000;
}

donderdag 10 november 2005 23:57

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Lawrentium schreef op donderdag 10 november 2005 @ 23:56:
...heb helaas geen host...

Dan vraag ik me altijd af waar je site staat

Je moet de border-attribute niet in de HTML opgeven, maar gewoon in de CSS op je table zetten ofzo. Heb je onze suggesties al geprobeerd?

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Test</title>
    <style type="text/css">
        .myClass {
            border  : 1px solid #f00;
        }
    </style>
</head>

<body>
    <table class="myClass">
        <tr>
            <td>Lorem</td>
            <td>Ipsum</td>
        </tr>
        <tr>
            <td>Lorem</td>
            <td>Ipsum</td>
        </tr>
    </table>
</body>
</html>

Dit werkt gewoon hoor

[ Voor 101% gewijzigd door RobIII op 11-11-2005 00:01 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

vrijdag 11 november 2005 00:00

Acties:

Lawrentium

Topicstarter

RobIII schreef op donderdag 10 november 2005 @ 23:57:
Dan vraag ik me altijd af waar je site staat

no place like 127.0.0.1

RobIII schreef op donderdag 10 november 2005 @ 23:57:
Je moet de border-attribute niet in de HTML opgeven, maar gewoon in de CSS op je table zetten ofzo. Heb je onze suggesties al geprobeerd?

Ik zag net je css code voor de border staan en inderdaad dan werkt het. $_/-\o_$

Blijkbaar pakken de browsers het niet als de border width in de PHP pagina staat en de rest van de opmaak in de css file.

[ Voor 11% gewijzigd door Lawrentium op 11-11-2005 00:02 ]