[CSS] Nifty Corners - Softwareontwikkeling

dinsdag 14 juli 2009 09:25

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Hallo,

ik heb een probleem met Nifty Corners. Ik zou graag weten hoe ik enkel de bovenkant van mijn tabel laat afronden, de onderkant zou plat moeten blijven, aangezien deze tegen een ander deel geplakt zal worden.

Ik vond al hoe ik alles moest afronden, maar dit is dus niet de bedoeling.
Ik keek al wat rond op Google, en kwam deze site tegen, maar hier wordt dus niets gezegd over het deels afronden.

De code ( css ) die ik nu heb ziet er als volgt uit:

code:

@charset "utf-8";
body{padding: 20px;background-color: #FFF;
    font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
    color:#FFFFFF}
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty{ margin: 0 10%;background: #000000}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #000000}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

De HTML-code ziet er nu zo uit:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="CSS/test.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="nifty">
<b class="rtop">
  <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<!--content goes here -->
<table width="100%" border="0">
  <tr>
    <td><span class="style1">Home</span></td>
    <td><span class="style1">Bedrijf</span></td>
    <td><span class="style1">Producten</span></td>
    <td><span class="style1">Webshop</span></td>
    <td><span class="style1">Offerte</span></td>
    <td><span class="style1">Contact</span></td>
    <td><span class="style1">Downloads</span></td>
    <td><span class="style1">Ftp</span></td>
  </tr>
</table>

<b class="rbottom">
  <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>
</body>
</html>

Als jullie me kunnen zeggen op welke site ik meer info kan vinden, of hoe ik op Google moet zoeken ben ik ook al blij.

dinsdag 14 juli 2009 09:28

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op dinsdag 14 juli 2009 @ 09:25:
ik heb een probleem met Nifty Corners. Ik zou graag weten hoe ik enkel de bovenkant van mijn tabel laat afronden, de onderkant zou plat moeten blijven, aangezien deze tegen een ander deel geplakt zal worden.

Als je eens begint met de .bottom classes e.d. aan te passen

Het helpt natuurlijk als je een idee hebt waar je mee bezig bent in plaats van copy/pasten van een site en dan net zo lang pielen tot 't naar je zin is

Verder mis ik wat je zelf al geprobeerd hebt behalve googlen. Heb je al eens gerommeld met de css om te zien wat waar voor dient?

edit:
3 seconden in mijn editor gemikkerd, <b class="rbottom"> t/m </b> eruit gekiept et voila.

[ Voor 60% gewijzigd door RobIII op 14-07-2009 09:31 ]

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

dinsdag 14 juli 2009 09:34

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Hoe enorm achterlijk van mij.
Ik was zo aan het kijken naar mijn css dat ik gewoon mijn HTML vergeten was.
Bedankt