Blogger HTML Image Alignment Problems

  • krayzee
  • Born
  • Born
  • krayzee
  • Posts: 1

Post 3+ Months Ago

So I've recently been assigned to make an eportfolio website at school using blogspot. i've been havign a problem with a design of the site id like to fix.

1) this is how my site looks one my screen on my widescreen resolution. the RED square is the object i need help with.. its supposed to be a picture.
Image



2) i also have a code which makes it fixed onto the screen so when i scroll down the picture goes down with it
Image

3) However, when i change my screen resolution or make the browser window smaller, i get this.
Image

see how it overlaps the text now?
Is there any possible way to make it so that it doesnt do that, and whenever i change the screen resolution or resize the window it forces a horizontal scrollbar?

What I'm looking for is, if any, the simplest solution possible, maybe a CSS code or whatever I can just copy and paste into my code or whatever, as I'm not too experienced with website design.
This is what i have for the image code right now.

CSS
img.one
{
position:fixed;
left:103px;
top:30px;
}

HTML

<img alt='picture' class='one' src='http://urlpichere.jpg'/>


Any help and or input would be greatly appreciated! thanks!
Even if i have to remove the effect of keeping the picture scrolling with scrollbar, and have the picture stationary, ill be very happy with as well. just as long as everyone sees the same website on different computers. ugh
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

how wide is the whole site including the red block?

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 52 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.