Hej
Jeg har siddet og læst de her koder igennem fra ende til anden, og kan f#¤%"#¤ ikke finde ud af hvordan jeg ændrer højde, bredde og position på boksen?
Først noget HTML:
- <div class="root" id="root0">
- <div class="scrollContainer" id="scroll0Container">
- <div class="scrollContent" id="scroll0Content">
- <!--<div id="right">-->
- <img src="img/pic1.jpg" alt="photo" title="photos" />
- <h3 class="underpic">indentity</h3>
- <p class="underpic">My ni**as from Paris payed their first.</p>
-
- <img src="img/pic2.jpg" alt="indetity" title="photos" />
- <h3 class="underpic">photography</h3>
- <p class="underpic">My ni**as from Paris payed their first visit to the heart of Denmark, Copenhagen.</p>
-
- <img src="img/pic3.jpg" alt="indetity" title="photos" />
- <h3 class="underpic">design/layout</h3>
- <p class="underpic">He’s coming out of Columbia, now he’s out of Denmark - let me introduce you to Ruben. </p>
-
-
- <img src="img/pic4.jpg" alt="indetity" title="photos" />
- <h3 class="underpic">illustration</h3>
- <p class="underpic">My ni**as from Paris payed their first. My ni**as from Paris payed their first.</p>
-
- <img src="img/pic2.jpg" alt="indetity" title="photos" />
- <h3 class="underpic">photography</h3>
- <p class="underpic">My ni**as from Paris payed their first visit to the heart of Denmark, Copenhagen.</p>
-
- <img src="img/pic3.jpg" alt="indetity" title="photos" />
- <h3 class="underpic">design/layou</h3>
- <p class="underpic">He’s coming out of Columbia, now he’s out of Denmark - let me </p>
-
- </div>
- </div>
- </div>
CSS:
- /*********************** SCROLLERS ***********************/
- .root {
- position:relative;
- height: 500px;
- width: 489px;
- margin: 0px 0px 8px 7px;
- }
- .root p {
- margin: 10px 10px 5px 10px;
- }
- .thumb {
- position: absolute;
- height: 9px;
- width: 150px;
- left: 100px;
- }
- .up, .dn {
- position: absolute;
- left: 10px;
- }
- .up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
- border: 0;
- }
- .scrollContainer {
- position: absolute;
- left: 202px;
- top: 19px;
- width: 490px;
- height: 635px;
- clip: rect(0 467 200 0);
- overflow: auto;
- border-top: 2px solid #000000;
- border-left: 2px solid #000000;
- border-right: 2px solid #686262;
- border-bottom: 2px solid #686262;
- background: #fff;
- }
- .scrollContent {
- position: absolute;
- left: 0px;
- top: 0px;
- width: 100px;
- }
Har prøvet de forskellige steder hvor der står hegiht og width.. Der sker ca ingenting..
Sitet kan ses her:
howfast.dk/andre
Indlæg senest redigeret d. 06.09.2011 09:47 af Bruger #16695