Frame werkt niet samen met CSS

Status
Niet open voor verdere reacties.
E

Eniotna44

Gebruiker
Lid geworden
13 jun 2012
Berichten
181
Hallo,

Ik wil op mijn website Dynmap (voor mensen die niet weten wat dit is, dit is zeg maar google maps voor je minecraft server)
Alleen hij is zo klein, iemand die meer verstand heeft van html dan mij zegt dat het door me CSS komt.
http://www.swizcraft.comze.com/Dynmap.html
Hier kun je het zien
En hier is de HTML voor de pagina ( ik gebruik Twitter Bootstrap)


HTML: 
<!DOCTYPE HTML>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
    <style>
* {
margin: 0;
}
</style>
</head>
<body>
    <div class="navbar">
        <div class="navbar-inner">
            <a class="brand" href="Index.html">SwizCraft</a>

                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>

                </a>

                        <div class="nav-collapse collapse">


                <ul class="nav">
                    <li class="divider-vertical"></li>
                    <li><a href="Informatie.html"><i class="icon-info-sign"></i> Informatie</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="Shop.html"><i class="icon-shopping-cart"></i> Shop</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="Voten.html"><i class="icon-thumbs-up"></i> Voten</a></li>
                    <li class="divider-vertical"></li>
                    <li class="divider-vertical"></li>
                    <li><a href="Dynmap.html"><i class="icon-globe"></i> Dynmap</a></li>
                </ul>
                        </div>
                </a>
            </a>
        </div>
    </div>
<iframe src="http://62.141.42.133:8222/" height="100%" width="100%"></iframe>
<h4><a href="http://62.141.42.133:8222/"></a></h4>
</body>
</html>

Het is nogal rommelig en de helft werkt niet maar ik ben er nog mee bezig
 
Laatst bewerkt:
Om te beginnen pas je 1e post eens aan en gebruik:

  1. de aangewezen code tags van op het forum
  2. Inspringen met je code

Zo wordt het voor de helpmij-verblijvers een stuk makkelijker en overzichtelijker om fouten helpen op te sporen.

 
Laatst bewerkt:
Klik als je een bericht wil plaatsen op ga geavanceerd en klik op <> (icoontje 2e rij rechterkant)

Dan zie je dit:

HTML tussen dit [tekst][/tekst]

waar tekst staat moet HTML komen

Hiertussen plaats je de code en het wordt al een heel stuk overzichtelijker.
 
Laatst bewerkt:
Oke bedankt! Ik snap het nu (volgens mij). Maar weet u misschien de oplossing? Het gaat voornamelijk om dit: <iframe src="http://62.141.42.133:8222/" height="100%" width="100%"></iframe>
 
Probeer dit eens:

HTML: 
<iframe src="http://62.141.42.133:8222/" height="680" width="960"></iframe>

Dus aanpassen naar je wensen hé in hoogte en breedte in pixels dus (maar niet bvb: height="680px", wel: height="680")

In stylesheets/css MOET: bvb: height: 680px;

Maar dit is geen inline css of Stylesheet!

Ikzelf gebruik zelden percenten bij dit.

PS: Vergeet de code tags niet, ook niet in verdere posts zoals post#5 bijvoorbeeld :p

Mvg gast0187
 
Laatst bewerkt:
gast0187 zei:
Probeer dit eens:

HTML: 
<iframe src="http://62.141.42.133:8222/" height="680" width="960"></iframe>

Dus aanpassen naar je wensen hé in hoogte en breedte in pixels dus (maar niet bvb: height="680px", wel: height="680")

In stylesheets/css MOET: bvb: height: 680px;

Maar dit is geen inline css of Stylesheet!

Ikzelf gebruik zelden percenten bij dit.

PS: Vergeet de code tags niet ook niet in verdere posts zoals post#5 bijvoorbeeld :p

Mvg gast0187
Klik om te vergroten...
Hij werkt! Maar hij is erg klein, ik ben nieuw met HTML en ik snapte de rest niet echt.
 
Om de breedte aan te passen geef een grote width en voor de hoogte de height hé rekeninghoudend of je scrollbars wenst of niet.

Graag gedaan

Mvg
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan