Gamingforce Interactive Forums
85239 35211

Go Back   Exploding Garrmondo Weiner Interactive Swiss Army Penis > Garrmondo Network > Help Desk
Register FAQ GFWiki Community Donate Arcade ChocoJournal Calendar

Notices

Welcome to the Exploding Garrmondo Weiner Interactive Swiss Army Penis.
GFF is a community of gaming and music enthusiasts. We have a team of dedicated moderators, constant member-organized activities, and plenty of custom features, including our unique journal system. If this is your first visit, be sure to check out the FAQ or our GFWiki. You will have to register before you can post. Membership is completely free (and gets rid of the pesky advertisement unit underneath this message).


CSS help
Closed Thread
 
Thread Tools
Grawl
WHAT IF I HAD DIED?!


Member 39

Level 34.06

Mar 2006


Old Sep 27, 2007, 01:22 PM Local time: Sep 27, 2007, 08:22 PM #1 of 1
CSS help

Current CSS:

Spoiler:
/*------------Basic styles------------*/

b
{
font-weight: bold;
}

table
{
width: 100%;
border: 1px solid gray;
background: white;
}

td
{
padding: 25;
}

body
{
background: #2e3735;
background-image: url("bg.jpg");
}

p
{
color: black;
font-family: verdana, arial;
font-size: 10px;
}

a
{
color: orange;
font-family: verdana, arial;
font-size: 10px;
}

h1
{
color: #9900cc;
font-family: verdana, arial;
font-size: 20px;
}

div
{

}

/*-------------Layout----------------*/

.bigcontainer {
margin: 0px auto;
width: 764px;
text-align:left;
float: center;
margin-bottom: 10px;
}

.footer
{
color: black;
font-family: verdana, arial;
font-size: 8px;
}

.tablefooter
{
width: 100%;
border: 1px solid gray;
background: #465350;
}

.rowcontainer {
float: left;
margin-bottom: 5px;
width: 100%;
overflow: hidden;
background: white;;
}

.logo {
float: center;
width: 762px;
margin-bottom: 10px;
padding: 0px;
background: url('logo.jpg');
height: 133px;
border: 1px solid gray;
}

/*------Columns----------*/

.fullcolumn { float: left; width: 96%;} /* Full width column for a one column site */

.halfcolumn { float: left; width: 47%;} /* Half width column for a two column site. */

.onethirdcolumn { float: left; width: 30%; } /* One third width column for a three column site */

.onethirdcolumn2 { float: left; text-align: right; width: 30%; margin-right: 10px;} /* One third width column for a three column site */

.quartercolumn { float: left; width: 24.5%; } /* One quarter width column for a four column site */

.threequartercolung { float: left; width: 65% }

.somespace { float: left; width: 2%; }


Current HTML:

Spoiler:
<html>
<head>
<title>SnoepPapier</title>
<meta author="Arjen Voogt">
<link rel="stylesheet" type="text/css" href="snoeppapier.css">
</head>
<body>

<div class="bigcontainer">
<div class="logo"></div>

<table>
<tr>
<td>

<div class="rowcontainer">

<div class="somespace"></div>
<div class="threequartercolung">

<h1>Justin doet waarschijnlijk niet mee</h1>
<p><b>Tilburg</b> -, voormalig oprichter van het NSDAP, heeft donderdagmiddag aangegeven hoogstwaarschijnlijk niet
mee te werken aan het project SnoepPapier. De reden hiervoor is niet gegeven, maar anonieme bronnen verklaren dat het hier gaat om
een combinatie lusteloosheid en pedofilie. Johan huiverde. Hij had nog nooit een dinosaurus van zo dichtbij gezien. Nu ook niet.
<h1>Nieuws</h1>
<p>Op zekere dag, ergens in de maand 2001, liep Johannes de palingboer zijn ongecontroleerde bewegingen voort te varen op de aanstootgevende vangrail van familie Dijkstra. Daar eenmaal aangekomen, want wat schoot hij er mee op om meerdere keren aan te komen, kookte hij geen ei. Had hij daar dan geen zin in of zo, zul je je afvragen. Antwoord daarop is nee, want anders had hij dat wel gedaan.
Kopje koffie? vroeg Thea aan haar man. Johannus gaf geen antwoord. Dat was ook niet zo gek, want Johannes was de man niet van Thea en
de vraag werd in een heel andere plaats gesteld dan waar Johannes zich bevond. Johannes beefde. Hij beefde gewoon omdat hij het koud had. Waarom zet ie dan de verwarming niet aan, vraag je je af.
Afvalemmer is als antwoord op deze vraag een heel onduidelijk en slecht antwoord. Wat wordt het vanavond, vroeg Johannes,
vooruitconserveblikkend op de vanavond te spelen wedstrijd De Koreaanse Radzinskikikkers – De geïndoctrineerde tetanuspapegaaien. Donker,
was het antwoord van de man wiens intellect vergelijkbaar was met dat van een voorbijzwetende woestijnotter. Oh, riep Johannes, zijn
darmwanden rustig behangend, dan is het verhaal al bijna uit. Hij knikte nog een keer, liet zijn adamsappel even kleven aan een strandbal,
veegde nog eenmaal langs het vogelnestje en leefde nog lang (2 meter 10) en gelukkig (16 Volt).</p>

<h1>Nog meer tekst</h1>
<p>Vlees aan de haak, is een begrip wat vaak in het leven wordt geroepen door de sinds april intens gegroeide theemakrelen. Dit in tegenstelling tot de zeeuwse tepelpapegaai die wel iets anders te doen heeft.
Zo werd John het middelpunt van irritatie, tractatie, rotatie en segmentatie, hetgeen leidde tot hevig verzet van het Afghaanse volk.
Niemand heeft ooit nog iets vernomen van Saskia, die op geen enkele wijze in verband staat met John.
Woensdag 11 november: Peter Cely komt vol goede moed uit z'n bed. Ver, heel ver van hier gebeurde PRECIES hetzelfde met Ann Deivy, alleen kwam zij niet met goede moed uit haar bed, maar met gemengde gevoelens van haar hobbelpaard.
Soms is vaker dan nooit.</p>
</div>

<div class="onethirdcolumn2">

<script type="text/javascript"><!--
google_ad_client = "pub-3739640654686842";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "9900CC";
google_color_text = "000000";
google_color_url = "9900CC";
google_ui_features = "rc:0";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>
</div>
</div>

<div class="rowcontainer">
<div class="somespace"></div>
<div class="fullcolumn2">
<span class="footer">
Copyright (c) 2007 SnoepPapier.
</span>
</div>
</div>

</td>
</tr>
</table>

</div>
</body>
</html>


Screenshots:




What I want:

1 - I want the footer to be separated from the main box, like the logo is. However, I can't get this done.
2 - I want to have separated horizontal boxes as well, so the context is seperated from the Google Ads. To be more specific, I want the space between them not to be filled with white, but with the (current pink) background, like this:
3 - In IE this site loads with every item on the left, while FF does it in the center. I want to have it in the center. How can I achieve this?



More to come? Most likely.

I know it's horrible coding, but I didn't have time to tidy it up yet.

Jam it back in, in the dark.

Last edited by Grawl; Nov 10, 2007 at 07:51 AM.
Closed Thread


Exploding Garrmondo Weiner Interactive Swiss Army Penis > Garrmondo Network > Help Desk > CSS help

Forum Jump


All times are GMT -5. The time now is 11:03 AM.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc.